import{c as Z,e as $,a as ee,p as s,s as i,t as F,j as te,n as ae,k as G,b as E,d as ne,f as P,h as a,m as o,r as n}from"../../custom-element.js";import{i as g}from"../../if.js";import{s as j}from"../../slot.js";import{b as re}from"../../this.js";import{I as J}from"../iconbutton/IconButton.js";import{S as se}from"../statusbadge/StatusBadge.js";import{t as oe,A as le}from"../../Condition20.js";import"../../branches.js";import"../../attributes.js";import"../loader/Loader.js";import"../statusdot/StatusDot.js";var ie=P('<span class="mc-page-header__extra-info svelte-nslnrx"> </span>'),de=P('<div class="mc-page-header__info-wrapper svelte-nslnrx"><!> <!></div>'),ce=P('<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>');const me={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 pe(S,t){$(t,!0),ee(S,me);let h=s(t,"title",7),_=s(t,"shadow",7),x=s(t,"backbutton",7),d=s(t,"extrainfo",7),c=s(t,"status",7),v=s(t,"statuslabel",7),u=s(t,"onBack",7),f=s(t,"onTogglemenu",7),b;function A(e,r,p){r?.();const z=new CustomEvent(e,{detail:p,bubbles:!0,composed:!0});b.dispatchEvent(z)}var K={get title(){return h()},set title(e){h(e),o()},get shadow(){return _()},set shadow(e){_(e),o()},get backbutton(){return x()},set backbutton(e){x(e),o()},get extrainfo(){return d()},set extrainfo(e){d(e),o()},get status(){return c()},set status(e){c(e),o()},get statuslabel(){return v()},set statuslabel(e){v(e),o()},get onBack(){return u()},set onBack(e){u(e),o()},get onTogglemenu(){return f()},set onTogglemenu(e){f(e),o()}},m=ce(),w=a(m),k=a(w),I=a(k);{var L=e=>{J(e,{ghost:!0,"aria-label":"Back button",onclick:()=>A("back",u()),$$slots:{icon:(r,p)=>{le(r,{slot:"icon"})}}})};g(I,e=>{x()&&e(L)})}var C=i(I,2),y=a(C),N=a(y,!0);n(y);var D=i(y,2);{var O=e=>{var r=de(),p=a(r);{var z=l=>{se(l,{get label(){return v()},get status(){return c()}})};g(p,l=>{v()&&c()&&l(z)})}var W=i(p,2);{var X=l=>{var T=ie(),Y=a(T,!0);n(T),F(()=>G(Y,d())),E(l,T)};g(W,l=>{d()&&l(X)})}n(r),E(e,r)};g(D,e=>{(c()||d())&&e(O)})}var Q=i(D,2);j(Q,t,"content",{},null),n(C),n(k);var H=i(k,2),B=a(H),R=a(B);J(R,{ghost:!0,"aria-label":"Burger menu",onclick:()=>A("toggle-menu",f()),$$slots:{icon:(e,r)=>{oe(e,{slot:"icon"})}}}),n(B);var M=i(B,2),U=a(M);j(U,t,"actions",{},null),n(M),n(H),n(w);var q=i(w,2),V=a(q);return j(V,t,"tabs",{},null),n(q),n(m),re(m,e=>b=e,()=>b),F(()=>{te(m,1,ae({"mc-page-header":!0,"mc-page-header--with-shadow":_()}),"svelte-nslnrx"),G(N,h())}),E(S,m),ne(K)}customElements.define("m-page-header",Z(pe,{backbutton:{attribute:"backbutton",reflect:!0,type:"Boolean"},title:{},shadow:{},extrainfo:{},status:{},statuslabel:{},onBack:{},onTogglemenu:{}},["content","actions","tabs"],[],{mode:"open"}));
//# sourceMappingURL=PageHeader.js.map
