https://www.praisecharts.com/chunk-DIF5CAWM.js

1import{b as c}from"./chunk-3VISQA2S.js";import{e as l,i as p,m as a,n as h,q as m,r as f}from"./chunk-HULTFZ6L.js";import{k as o}from"./chunk-TX7E3JLP.js";var u=()=>":host{--side-width:100%;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;contain:strict}:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;-ms-flex:1;flex:1;-webkit-box-shadow:none;box-shadow:none;overflow:hidden;z-index:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host{--border:0.55px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));--side-min-width:270px;--side-max-width:28%}",v=()=>":host{--side-width:100%;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;contain:strict}:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;-ms-flex:1;flex:1;-webkit-box-shadow:none;box-shadow:none;overflow:hidden;z-index:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host{--border:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));--side-min-width:270px;--side-max-width:28%}",b="split-pane-main",w="split-pane-side",x={xs:"(min-width: 0px)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)",never:""},g=class{constructor(e){p(this,e),this.ionSplitPaneVisible=f(this,"ionSplitPaneVisible",7)}rmL;get el(){return m(this)}visible=!1;contentId;disabled=!1;when=x.lg;ionSplitPaneVisible;visibleChanged(e){this.ionSplitPaneVisible.emit({visible:e})}isVisible(){return o(this,null,function*(){return Promise.resolve(this.visible)})}connectedCallback(){return o(this,null,function*(){typeof customElements<"u"&&customElements!=null&&(yield customElements.whenDefined("ion-split-pane")),this.styleMainElement(),this.updateState()})}disconnectedCallback(){this.rmL&&(this.rmL(),this.rmL=void 0)}updateState(){if(this.rmL&&(this.rmL(),this.rmL=void 0),this.disabled){this.visible=!1;return}let e=this.when;if(typeof e=="boolean"){this.visible=e;return}let n=x[e]||e;if(n.length===0){this.visible=!1;return}let t=s=>{this.visible=s.matches},i=window.matchMedia(n);i.addListener(t),this.rmL=()=>i.removeListener(t),this.visible=i.matches}styleMainElement(){let e=this.contentId,n=this.el.children,t=this.el.childElementCount,i=!1;for(let s=0;s<t;s++){let r=n[s],d=e!==void 0&&r.id===e;if(d)if(i){l("[ion-split-pane] - Cannot have more than one main node.");return}else y(r,d),i=!0}i||l("[ion-split-pane] - Does not have a specified main node.")}render(){let e=c(this);return a(h,{key:"652bc0965ae962dc36a67fd7129dacaa1ba8e551",class:{[e]:!0,[`split-pane-${e}`]:!0,"split-pane-visible":this.visible}},a("slot",{key:"9eac85f4c4e33ec00e8e16e2679f5975d7652452"}))}static get watchers(){return{visible:[{visibleChanged:0}],disabled:[{updateState:0}],when:[{updateState:0}]}}},y=(e,n)=>{let t,i;n?(t=b,i=w):(t=w,i=b);let s=e.classList;s.add(t),s.remove(i)};g.style={ios:u(),md:v()};export{g as ion_split_pane};