import{D as e,M as t,P as n,W as r,Y as i,a,b as o,ft as s,i as c,it as l,j as u,n as d,ot as f,q as p,st as m,t as h}from"../../client.js";import g from"../button/Button.js";import _ from"../divider/Divider.js";var v=n(`<span class="mc-button__label svelte-nje7f7"> </span>`),y=n(`<span class="mc-stepper-bottom-bar__button--text"><!></span>`),b=n(`<span class="mc-button__label svelte-nje7f7"> </span>`),x=n(`<span class="mc-stepper-bottom-bar__button"><!></span>`),S=n(`<span class="mc-button__label svelte-nje7f7"> </span>`),C=n(`<div class="mc-stepper-bottom-bar svelte-nje7f7"><!> <div class="mc-stepper-bottom-bar__left svelte-nje7f7"><!></div> <div class="mc-stepper-bottom-bar__right svelte-nje7f7"><!> <span class="mc-stepper-bottom-bar__button"><!></span></div></div>`),w={hash:`svelte-nje7f7`,code:`/**
 * Do not edit directly, this file was auto-generated.
 */.mc-stepper-bottom-bar.svelte-nje7f7 {position:fixed;box-sizing:border-box;bottom:0;left:0;width:100%;height:4rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:var(--action-bottom-bar-color-background, #ffffff);z-index:var(--stepper-bottom-bar-z-index, 3);}
@media screen and (min-width: 679px) {
}
@media screen and (min-width: 679px) {
}.mc-stepper-bottom-bar__left.svelte-nje7f7 {padding-left:1.25rem;}
@media screen and (min-width: 679px) {.mc-stepper-bottom-bar__left.svelte-nje7f7 {padding-left:0.5rem;}
}.mc-stepper-bottom-bar__right.svelte-nje7f7 {margin-left:auto;padding:0.25rem 0.5rem 0.25rem 0;display:flex;gap:0.5rem;}
@media screen and (min-width: 679px) {.mc-stepper-bottom-bar__right.svelte-nje7f7 {padding:0.5rem 1rem 0.5rem 0;}
}.mc-button__label.svelte-nje7f7 {font-size:var(--font-size-150, 1rem);}.mc-divider {width:100%;}`};function T(n,h){m(h,!0),o(n,w);let T=d(h,`step`,15,0),E=d(h,`steps`,15,0),D=d(h,`cancel`,7,!0),O=d(h,`cancellabel`,7,`Cancel`),k=d(h,`previouslabel`,7,`Previous`),A=d(h,`nextlabel`,7,`Next`),j=d(h,`validatelabel`,7,`Validate`),M=d(h,`onCancel`,7),N=d(h,`onChange`,7),P=d(h,`onValidate`,7),F;function I(){M()?.();let e=new CustomEvent(`cancel`,{bubbles:!0,composed:!0});F.dispatchEvent(e)}function L(){if(T()>0){c(T,-1),N()?.(T());let e=new CustomEvent(`change`,{detail:T(),bubbles:!0,composed:!0});F.dispatchEvent(e)}}function R(){if(T()<E()){c(T),N()?.(T());let e=new CustomEvent(`change`,{detail:T(),bubbles:!0,composed:!0});F.dispatchEvent(e)}else{P()?.();let e=new CustomEvent(`validate`,{bubbles:!0,composed:!0});F.dispatchEvent(e)}}var z={get step(){return T()},set step(e=0){T(e),l()},get steps(){return E()},set steps(e=0){E(e),l()},get cancel(){return D()},set cancel(e=!0){D(e),l()},get cancellabel(){return O()},set cancellabel(e=`Cancel`){O(e),l()},get previouslabel(){return k()},set previouslabel(e=`Previous`){k(e),l()},get nextlabel(){return A()},set nextlabel(e=`Next`){A(e),l()},get validatelabel(){return j()},set validatelabel(e=`Validate`){j(e),l()},get onCancel(){return M()},set onCancel(e){M(e),l()},get onChange(){return N()},set onChange(e){N(e),l()},get onValidate(){return P()},set onValidate(e){P(e),l()}},B=C(),V=p(B);_(V,{});var H=i(V,2),U=p(H),W=e=>{var n=y();g(p(n),{ghost:!0,size:`s`,onclick:I,children:(e,n)=>{var i=v(),a=p(i,!0);s(i),r(()=>u(a,O())),t(e,i)},$$slots:{default:!0}}),s(n),t(e,n)};e(U,e=>{D()&&e(W)}),s(H);var G=i(H,2),K=p(G),q=e=>{var n=x();g(p(n),{outlined:!0,size:`s`,onclick:L,children:(e,n)=>{var i=b(),a=p(i,!0);s(i),r(()=>u(a,k())),t(e,i)},$$slots:{default:!0}}),s(n),t(e,n)};e(K,e=>{T()>0&&e(q)});var J=i(K,2);return g(p(J),{appearance:`accent`,size:`s`,onclick:R,children:(e,n)=>{var i=S(),a=p(i,!0);s(i),r(()=>u(a,T()<E()?A():j())),t(e,i)},$$slots:{default:!0}}),s(J),s(G),s(B),a(B,e=>F=e,()=>F),t(n,B),f(z)}customElements.define(`m-stepper-bottom-bar`,h(T,{step:{attribute:`step`,reflect:!0,type:`Number`},steps:{attribute:`steps`,reflect:!0,type:`Number`},cancel:{attribute:`cancel`,reflect:!0,type:`Boolean`},cancellabel:{},previouslabel:{},nextlabel:{},validatelabel:{},onCancel:{},onChange:{},onValidate:{}},[],[],{mode:`open`}));
//# sourceMappingURL=StepperBottomBar.js.map