universalviewer/dist/esm/ion-split-pane-md.entry-PRSDWRN5.js

The Universal Viewer is a community-developed open source project on a mission to help you share your 📚📜📰📽️📻🗿 with the 🌎

import{a as p,e as d,f as h,i as f,l as m,o as u}from"./chunk-VNJCZCB4.js";import"./chunk-L67DAW3A.js";var c="split-pane-main",o="split-pane-side",v={xs:"(min-width: 0px)",sm:"(min-width: 576px)",md:"(min-width: 768px)",lg:"(min-width: 992px)",xl:"(min-width: 1200px)",never:""},w=function(){function t(e){p(this,e),this.visible=!1,this.disabled=!1,this.when=v.lg,this.ionSplitPaneVisible=f(this,"ionSplitPaneVisible",7)}return t.prototype.visibleChanged=function(e){var i={visible:e,isPane:this.isPane.bind(this)};this.ionSplitPaneVisible.emit(i)},t.prototype.connectedCallback=function(){this.styleChildren(),this.updateState()},t.prototype.disconnectedCallback=function(){this.rmL&&(this.rmL(),this.rmL=void 0)},t.prototype.componentWillLoad=function(){this.contentId===void 0&&console.warn(`[DEPRECATED][ion-split-pane] Using the [main] attribute is deprecated, please use the "contentId" property instead:
BEFORE:
  <ion-split-pane>
    ...
    <div main>...</div>
  </ion-split-pane>

AFTER:
  <ion-split-pane contentId="main-content">
    ...
    <div id="main-content">...</div>
  </ion-split-pane>
`)},t.prototype.updateState=function(){var e=this;if(this.rmL&&(this.rmL(),this.rmL=void 0),this.disabled){this.visible=!1;return}var i=this.when;if(typeof i=="boolean"){this.visible=i;return}var s=v[i]||i;if(s.length===0){this.visible=!1;return}if(window.matchMedia){var n=function(a){e.visible=a.matches},r=window.matchMedia(s);r.addListener(n),this.rmL=function(){return r.removeListener(n)},this.visible=r.matches}},t.prototype.isPane=function(e){return this.visible?e.parentElement===this.el&&e.classList.contains(o):!1},t.prototype.styleChildren=function(){for(var e=this.contentId,i=this.el.children,s=this.el.childElementCount,n=!1,r=0;r<s;r++){var a=i[r],l=e!==void 0?a.id===e:a.hasAttribute("main");if(l){if(n){console.warn("split pane cannot have more than one main node");return}n=!0}b(a,l)}n||console.warn("split pane does not have a specified main node")},t.prototype.render=function(){var e,i=u(this);return d(h,{class:(e={},e[i]=!0,e["split-pane-"+i]=!0,e["split-pane-visible"]=this.visible,e)})},Object.defineProperty(t.prototype,"el",{get:function(){return m(this)},enumerable:!0,configurable:!0}),Object.defineProperty(t,"watchers",{get:function(){return{visible:["visibleChanged"],disabled:["updateState"],when:["updateState"]}},enumerable:!0,configurable:!0}),Object.defineProperty(t,"style",{get:function(){return"ion-split-pane{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}.split-pane-visible>.split-pane-main,.split-pane-visible>.split-pane-side{left:0;right:0;top:0;bottom:0;position:relative;-ms-flex:1;flex:1;-webkit-box-shadow:none!important;box-shadow:none!important;z-index:0}.split-pane-visible>.split-pane-side:not(ion-menu),.split-pane-visible>ion-menu.split-pane-side.menu-enabled{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.split-pane-side:not(ion-menu){display:none}.split-pane-visible>.split-pane-side{-ms-flex-order:-1;order:-1}.split-pane-visible>.split-pane-side[side=end]{-ms-flex-order:1;order:1}.split-pane-md{--border:1px solid var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,rgba(0,0,0,0.13))))}.split-pane-md.split-pane-visible>.split-pane-side{min-width:270px;max-width:28%;border-right:var(--border);border-left:0}.split-pane-md.split-pane-visible>.split-pane-side[side=end]{min-width:270px;max-width:28%;border-right:0;border-left:var(--border)}"},enumerable:!0,configurable:!0}),t}(),b=function(t,e){var i,s;e?(i=c,s=o):(i=o,s=c);var n=t.classList;n.add(i),n.remove(s)};export{w as ion_split_pane};