import{D as e,M as t,P as n,W as r,Y as i,_ as a,a as o,b as s,ft as c,it as l,j as u,n as d,ot as f,q as p,st as m,t as h,v 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 0 0 0;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 {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;}
}
@media screen and (min-width: 680px) {
}
@media screen and (min-width: 680px) {
}.mc-page-header__tabs.svelte-nslnrx {border-top:1px solid var(--divider-color-primary, #cccccc);}`};function E(n,h){m(h,!0),s(n,T);let E=d(h,`title`,7),D=d(h,`shadow`,7),O=d(h,`backbutton`,7),k=d(h,`extrainfo`,7),A=d(h,`status`,7),j=d(h,`statuslabel`,7),M=d(h,`onBack`,7),N=d(h,`onTogglemenu`,7),P;function F(e,t,n){t?.();let r=new CustomEvent(e,{detail:n,bubbles:!0,composed:!0});P.dispatchEvent(r)}var I={get title(){return E()},set title(e){E(e),l()},get shadow(){return D()},set shadow(e){D(e),l()},get backbutton(){return O()},set backbutton(e){O(e),l()},get extrainfo(){return k()},set extrainfo(e){k(e),l()},get status(){return A()},set status(e){A(e),l()},get statuslabel(){return j()},set statuslabel(e){j(e),l()},get onBack(){return M()},set onBack(e){M(e),l()},get onTogglemenu(){return N()},set onTogglemenu(e){N(e),l()}},L=w(),R=p(L),z=p(R),B=p(z),V=e=>{b(e,{ghost:!0,"aria-label":`Back button`,onclick:()=>F(`back`,M()),$$slots:{icon:(e,t)=>{y(e,{slot:`icon`})}}})};e(B,e=>{O()&&e(V)});var H=i(B,2),U=p(H),W=p(U,!0);c(U);var G=i(U,2),K=n=>{var a=C(),o=p(a),s=e=>{x(e,{get label(){return j()},get status(){return A()}})};e(o,e=>{j()&&A()&&e(s)});var l=i(o,2),d=e=>{var n=S(),i=p(n,!0);c(n),r(()=>u(i,k())),t(e,n)};e(l,e=>{k()&&e(d)}),c(a),t(n,a)};e(G,e=>{(A()||k())&&e(K)}),_(i(G,2),h,`content`,{},null),c(H),c(z);var q=i(z,2),J=p(q);b(p(J),{ghost:!0,"aria-label":`Burger menu`,onclick:()=>F(`toggle-menu`,N()),$$slots:{icon:(e,t)=>{v(e,{slot:`icon`})}}}),c(J);var Y=i(J,2);_(p(Y),h,`actions`,{},null),c(Y),c(q),c(R);var X=i(R,2);return _(p(X),h,`tabs`,{},null),c(X),c(L),o(L,e=>P=e,()=>P),r(()=>{a(L,1,g({"mc-page-header":!0,"mc-page-header--with-shadow":D()}),`svelte-nslnrx`),u(W,E())}),t(n,L),f(I)}customElements.define(`m-page-header`,h(E,{backbutton:{attribute:`backbutton`,reflect:!0,type:`Boolean`},title:{},shadow:{},extrainfo:{},status:{},statuslabel:{},onBack:{},onTogglemenu:{}},[`content`,`actions`,`tabs`],[],{mode:`open`}));
//# sourceMappingURL=PageHeader.js.map