import{D as e,M as t,P as n,W as r,Y as i,a,b as o,ft as s,it as c,j as l,l as u,n as d,ot as f,q as p,r as m,st as h,t as g,w as _}from"../../client.js";import{M as v,a as y}from"../../components.js";import b from"../iconbutton/IconButton.js";import x from"../statusbadge/StatusBadge.js";var S=n(`<span class="mc-page-header__extra-info svelte-nslnrx"> </span>`),C=n(`<div class="mc-page-header__info-wrapper svelte-nslnrx"><!> <!></div>`),w=n(`<div><div class="mc-page-header__top-wrapper svelte-nslnrx"><div class="mc-page-header__top-content svelte-nslnrx"><!> <div class="mc-page-header__content-wrapper svelte-nslnrx"><span class="mc-page-header__title svelte-nslnrx"> </span> <!> <!></div></div> <div class="mc-page-header__actions-wrapper svelte-nslnrx"><span class="mc-page-header__burger-menu svelte-nslnrx"><!></span> <div class="mc-page-header__actions-content svelte-nslnrx"><!></div></div></div> <div class="mc-page-header__tabs svelte-nslnrx"><!></div></div>`),T={hash:`svelte-nslnrx`,code:`/**
 * Do not edit directly, this file was auto-generated.
 */.mc-page-header.svelte-nslnrx,
.mc-page-header.svelte-nslnrx :host {--tabs-list-padding: 0.5rem 1rem;}
@media screen and (min-width: 680px) {.mc-page-header.svelte-nslnrx,
  .mc-page-header.svelte-nslnrx :host {--tabs-list-padding: 0.5rem 2.5rem;}
}.mc-page-header--with-shadow.svelte-nslnrx {box-shadow:var(--shadow-bottom-xs-x, 0px) var(--shadow-bottom-xs-y, 3px) var(--shadow-bottom-xs-blur, 5px) var(--shadow-bottom-xs-spread, -2px) rgba(0, 0, 0, var(--shadow-bottom-xs-opacity, 15%));}.mc-page-header__top-wrapper.svelte-nslnrx {padding:0 0 0.75rem;display:flex;flex-direction:column-reverse;justify-content:space-between;background-color:var(--page-header-color-background, #ffffff);}
@media screen and (min-width: 680px) {.mc-page-header__top-wrapper.svelte-nslnrx {padding:0.75rem 2.5rem;flex-direction:row;gap:2rem;}
}.mc-page-header__top-content.svelte-nslnrx {padding:0.5rem 1rem 0 1rem;display:flex;gap:0.25rem;align-items:center;}
@media screen and (min-width: 680px) {.mc-page-header__top-content.svelte-nslnrx {padding:0.5rem 0;gap:0.75rem;}
}.mc-page-header__content-wrapper.svelte-nslnrx {display:flex;flex-direction:column;gap:0.5rem;}.mc-page-header__title.svelte-nslnrx {margin:0;font-size:var(--font-size-200, 1.125rem);font-weight:var(--font-weight-semi-bold, 600);color:var(--page-header-color-text-title, #000000);}
@media screen and (min-width: 680px) {.mc-page-header__title.svelte-nslnrx {font-size:var(--font-size-300, 1.5rem);}
}.mc-page-header__info-wrapper.svelte-nslnrx {display:flex;align-items:center;gap:0.5rem;}.mc-page-header__extra-info.svelte-nslnrx {font-size:var(--font-size-150, 1rem);font-weight:var(--font-weight-regular, 400);color:var(--page-header-color-text-extra-info, #404040);}.mc-page-header__actions-wrapper.svelte-nslnrx {display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--divider-color-primary, #cccccc);padding-right:1rem;}
@media screen and (min-width: 680px) {.mc-page-header__actions-wrapper.svelte-nslnrx {border-bottom:none;padding-right:0;}
}.mc-page-header__actions-wrapper.svelte-nslnrx .mc-page-header__burger-menu:where(.svelte-nslnrx) {display:inline-flex;}
@media screen and (min-width: 680px) {.mc-page-header__actions-wrapper.svelte-nslnrx .mc-page-header__burger-menu:where(.svelte-nslnrx) {display:none;}
}.mc-page-header__actions-content.svelte-nslnrx {display:flex;align-items:center;}
@media screen and (min-width: 680px) {.mc-page-header__actions-content.svelte-nslnrx {gap:1rem;}
}.mc-page-header__scope--tag.svelte-nslnrx {display:block;}
@media screen and (min-width: 680px) {.mc-page-header__scope--tag.svelte-nslnrx {display:none;}
}.mc-page-header__scope--select.svelte-nslnrx {display:none;}
@media screen and (min-width: 680px) {.mc-page-header__scope--select.svelte-nslnrx {display:block;}
}.mc-page-header__icons.svelte-nslnrx {display:flex;align-items:center;}.mc-page-header__tabs.svelte-nslnrx {border-top:1px solid var(--divider-color-primary, #cccccc);}`};function E(n,g){h(g,!0),o(n,T);let E=d(g,`title`,7),D=d(g,`shadow`,7),O=d(g,`backbutton`,7),k=d(g,`extrainfo`,7),A=d(g,`status`,7),j=d(g,`statuslabel`,7),M=d(g,`onBack`,7),N=d(g,`onTogglemenu`,7),P=d(g,`class`,7),F=m(g,[`$$slots`,`$$events`,`$$legacy`,`$$host`,`title`,`shadow`,`backbutton`,`extrainfo`,`status`,`statuslabel`,`onBack`,`onTogglemenu`,`class`]),I;function L(e,t,n){t?.();let r=new CustomEvent(e,{detail:n,bubbles:!0,composed:!0});I.dispatchEvent(r)}var R={get title(){return E()},set title(e){E(e),c()},get shadow(){return D()},set shadow(e){D(e),c()},get backbutton(){return O()},set backbutton(e){O(e),c()},get extrainfo(){return k()},set extrainfo(e){k(e),c()},get status(){return A()},set status(e){A(e),c()},get statuslabel(){return j()},set statuslabel(e){j(e),c()},get onBack(){return M()},set onBack(e){M(e),c()},get onTogglemenu(){return N()},set onTogglemenu(e){N(e),c()},get class(){return P()},set class(e){P(e),c()}},z=w();u(z,()=>({class:[`mc-page-header`,D()&&`mc-page-header--with-shadow`,P()],...F}),void 0,void 0,void 0,`svelte-nslnrx`);var B=p(z),V=p(B),H=p(V),U=e=>{b(e,{ghost:!0,"aria-label":`Back button`,onclick:()=>L(`back`,M()),$$slots:{icon:(e,t)=>{y(e,{slot:`icon`})}}})};e(H,e=>{O()&&e(U)});var W=i(H,2),G=p(W),K=p(G,!0);s(G);var q=i(G,2),J=n=>{var a=C(),o=p(a),c=e=>{x(e,{get label(){return j()},get status(){return A()}})};e(o,e=>{j()&&A()&&e(c)});var u=i(o,2),d=e=>{var n=S(),i=p(n,!0);s(n),r(()=>l(i,k())),t(e,n)};e(u,e=>{k()&&e(d)}),s(a),t(n,a)};e(q,e=>{(A()||k())&&e(J)}),_(i(q,2),g,`content`,{},null),s(W),s(V);var Y=i(V,2),X=p(Y);b(p(X),{ghost:!0,"aria-label":`Burger menu`,onclick:()=>L(`toggle-menu`,N()),$$slots:{icon:(e,t)=>{v(e,{slot:`icon`})}}}),s(X);var Z=i(X,2);_(p(Z),g,`actions`,{},null),s(Z),s(Y),s(B);var Q=i(B,2);return _(p(Q),g,`tabs`,{},null),s(Q),s(z),a(z,e=>I=e,()=>I),r(()=>l(K,E())),t(n,z),f(R)}customElements.define(`m-page-header`,g(E,{backbutton:{attribute:`backbutton`,reflect:!0,type:`Boolean`},title:{},shadow:{},extrainfo:{},status:{},statuslabel:{},onBack:{},onTogglemenu:{},class:{}},[`content`,`actions`,`tabs`],[],{mode:`open`}));
//# sourceMappingURL=PageHeader.js.map