1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
{"version":3,"sources":["webpack:///node_modules/@ionic/core/dist/esm/ion-split-pane.entry.js"],"names":["splitPaneIosCss","splitPaneMdCss","SPLIT_PANE_MAIN","SPLIT_PANE_SIDE","QUERY","SplitPane","hostRef","ionSplitPaneVisible","visible","disabled","when","detail","isPane","bind","emit","styleChildren","updateState","rmL","undefined","query","mediaQuery","length","window","matchMedia","callback","q","matches","mediaList","addListener","removeListener","element","parentElement","el","classList","contains","contentId","children","nu","childElementCount","foundMain","i","child","isMain","id","console","warn","setPaneClass","mode","toAdd","toRemove","add","remove","style","ios","md"],"mappings":"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","file":"35-es5.js","sourcesContent":["import { r as registerInstance, e as createEvent, h, H as Host, i as getElement } from './index-e806d1f6.js';\nimport { b as getIonMode } from './ionic-global-9d5c8ee3.js';\n\nconst splitPaneIosCss = \":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}::slotted(ion-menu.menu-pane-visible){-ms-flex:0 1 auto;flex:0 1 auto;width:var(--side-width);min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side),:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;-webkit-box-shadow:none !important;box-shadow:none !important;z-index:0}:host(.split-pane-visible) ::slotted(.split-pane-main){-ms-flex:1;flex:1}:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled){display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host(.split-pane-visible) ::slotted(.split-pane-side){-ms-flex-order:-1;order:-1}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){-ms-flex-order:1;order:1}:host{--border:0.55px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--side-min-width:270px;--side-max-width:28%}:host(.split-pane-visible) ::slotted(.split-pane-side){border-left:0;border-right:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.split-pane-visible) ::slotted(.split-pane-side){border-left:unset;border-right:unset;-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border)}}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){border-left:var(--border);border-right:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){border-left:unset;border-right:unset;-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0}}\";\n\nconst splitPaneMdCss = \":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}::slotted(ion-menu.menu-pane-visible){-ms-flex:0 1 auto;flex:0 1 auto;width:var(--side-width);min-width:var(--side-min-width);max-width:var(--side-max-width)}:host(.split-pane-visible) ::slotted(.split-pane-side),:host(.split-pane-visible) ::slotted(.split-pane-main){left:0;right:0;top:0;bottom:0;position:relative;-webkit-box-shadow:none !important;box-shadow:none !important;z-index:0}:host(.split-pane-visible) ::slotted(.split-pane-main){-ms-flex:1;flex:1}:host(.split-pane-visible) ::slotted(.split-pane-side:not(ion-menu)),:host(.split-pane-visible) ::slotted(ion-menu.split-pane-side.menu-enabled){display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}::slotted(.split-pane-side:not(ion-menu)){display:none}:host(.split-pane-visible) ::slotted(.split-pane-side){-ms-flex-order:-1;order:-1}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){-ms-flex-order:1;order:1}:host{--border:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--side-min-width:270px;--side-max-width:28%}:host(.split-pane-visible) ::slotted(.split-pane-side){border-left:0;border-right:var(--border);border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.split-pane-visible) ::slotted(.split-pane-side){border-left:unset;border-right:unset;-webkit-border-start:0;border-inline-start:0;-webkit-border-end:var(--border);border-inline-end:var(--border)}}:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){border-left:var(--border);border-right:0;border-top:0;border-bottom:0;min-width:var(--side-min-width);max-width:var(--side-max-width)}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.split-pane-visible) ::slotted(.split-pane-side[side=end]){border-left:unset;border-right:unset;-webkit-border-start:var(--border);border-inline-start:var(--border);-webkit-border-end:0;border-inline-end:0}}\";\n\nconst SPLIT_PANE_MAIN = 'split-pane-main';\nconst SPLIT_PANE_SIDE = 'split-pane-side';\nconst QUERY = {\n 'xs': '(min-width: 0px)',\n 'sm': '(min-width: 576px)',\n 'md': '(min-width: 768px)',\n 'lg': '(min-width: 992px)',\n 'xl': '(min-width: 1200px)',\n 'never': ''\n};\nconst SplitPane = class {\n constructor(hostRef) {\n registerInstance(this, hostRef);\n this.ionSplitPaneVisible = createEvent(this, \"ionSplitPaneVisible\", 7);\n this.visible = false;\n /**\n * If `true`, the split pane will be hidden.\n */\n this.disabled = false;\n /**\n * When the split-pane should be shown.\n * Can be a CSS media query expression, or a shortcut expression.\n * Can also be a boolean expression.\n */\n this.when = QUERY['lg'];\n }\n visibleChanged(visible) {\n const detail = { visible, isPane: this.isPane.bind(this) };\n this.ionSplitPaneVisible.emit(detail);\n }\n connectedCallback() {\n this.styleChildren();\n this.updateState();\n }\n disconnectedCallback() {\n if (this.rmL) {\n this.rmL();\n this.rmL = undefined;\n }\n }\n updateState() {\n if (this.rmL) {\n this.rmL();\n this.rmL = undefined;\n }\n // Check if the split-pane is disabled\n if (this.disabled) {\n this.visible = false;\n return;\n }\n // When query is a boolean\n const query = this.when;\n if (typeof query === 'boolean') {\n this.visible = query;\n return;\n }\n // When query is a string, let's find first if it is a shortcut\n const mediaQuery = QUERY[query] || query;\n // Media query is empty or null, we hide it\n if (mediaQuery.length === 0) {\n this.visible = false;\n return;\n }\n if (window.matchMedia) {\n // Listen on media query\n const callback = (q) => {\n this.visible = q.matches;\n };\n const mediaList = window.matchMedia(mediaQuery);\n mediaList.addListener(callback);\n this.rmL = () => mediaList.removeListener(callback);\n this.visible = mediaList.matches;\n }\n }\n isPane(element) {\n if (!this.visible) {\n return false;\n }\n return element.parentElement === this.el\n && element.classList.contains(SPLIT_PANE_SIDE);\n }\n styleChildren() {\n const contentId = this.contentId;\n const children = this.el.children;\n const nu = this.el.childElementCount;\n let foundMain = false;\n for (let i = 0; i < nu; i++) {\n const child = children[i];\n const isMain = contentId !== undefined && child.id === contentId;\n if (isMain) {\n if (foundMain) {\n console.warn('split pane cannot have more than one main node');\n return;\n }\n foundMain = true;\n }\n setPaneClass(child, isMain);\n }\n if (!foundMain) {\n console.warn('split pane does not have a specified main node');\n }\n }\n render() {\n const mode = getIonMode(this);\n return (h(Host, { class: {\n [mode]: true,\n // Used internally for styling\n [`split-pane-${mode}`]: true,\n 'split-pane-visible': this.visible\n } }, h(\"slot\", null)));\n }\n get el() { return getElement(this); }\n static get watchers() { return {\n \"visible\": [\"visibleChanged\"],\n \"disabled\": [\"updateState\"],\n \"when\": [\"updateState\"]\n }; }\n};\nconst setPaneClass = (el, isMain) => {\n let toAdd;\n let toRemove;\n if (isMain) {\n toAdd = SPLIT_PANE_MAIN;\n toRemove = SPLIT_PANE_SIDE;\n }\n else {\n toAdd = SPLIT_PANE_SIDE;\n toRemove = SPLIT_PANE_MAIN;\n }\n const classList = el.classList;\n classList.add(toAdd);\n classList.remove(toRemove);\n};\nSplitPane.style = {\n ios: splitPaneIosCss,\n md: splitPaneMdCss\n};\n\nexport { SplitPane as ion_split_pane };\n"]} |