{"version":3,"sources":["webpack:///./node_modules/@ionic/core/dist/esm-es5/ion-split-pane-ios.entry.js"],"names":["SPLIT_PANE_MAIN","SPLIT_PANE_SIDE","QUERY","SplitPane","hostRef","this","visible","disabled","when","ionSplitPaneVisible","prototype","visibleChanged","detail","isPane","bind","emit","connectedCallback","styleChildren","updateState","disconnectedCallback","rmL","undefined","componentWillLoad","contentId","console","warn","_this","query","mediaQuery","length","window","matchMedia","callback_1","q","matches","mediaList_1","addListener","removeListener","element","parentElement","el","classList","contains","children","nu","childElementCount","foundMain","i","child","isMain","id","hasAttribute","setPaneClass","render","_a","mode","class","Object","defineProperty","get","enumerable","configurable","toAdd","toRemove","add","remove"],"mappings":"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","file":"js/chunk-2d22bf12.51239a11.js","sourcesContent":["import { r as registerInstance, d as createEvent, c as getIonMode, h, e as getElement, H as Host } from './core-feeeff0d.js';\nimport './config-3c7f3790.js';\nvar SPLIT_PANE_MAIN = 'split-pane-main';\nvar SPLIT_PANE_SIDE = 'split-pane-side';\nvar 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};\nvar SplitPane = /** @class */ (function () {\n    function SplitPane(hostRef) {\n        registerInstance(this, hostRef);\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        this.ionSplitPaneVisible = createEvent(this, \"ionSplitPaneVisible\", 7);\n    }\n    SplitPane.prototype.visibleChanged = function (visible) {\n        var detail = { visible: visible, isPane: this.isPane.bind(this) };\n        this.ionSplitPaneVisible.emit(detail);\n    };\n    SplitPane.prototype.connectedCallback = function () {\n        this.styleChildren();\n        this.updateState();\n    };\n    SplitPane.prototype.disconnectedCallback = function () {\n        if (this.rmL) {\n            this.rmL();\n            this.rmL = undefined;\n        }\n    };\n    SplitPane.prototype.componentWillLoad = function () {\n        if (this.contentId === undefined) {\n            console.warn(\"[DEPRECATED][ion-split-pane] Using the [main] attribute is deprecated, please use the \\\"contentId\\\" property instead:\\nBEFORE:\\n  <ion-split-pane>\\n    ...\\n    <div main>...</div>\\n  </ion-split-pane>\\n\\nAFTER:\\n  <ion-split-pane contentId=\\\"main-content\\\">\\n    ...\\n    <div id=\\\"main-content\\\">...</div>\\n  </ion-split-pane>\\n\");\n        }\n    };\n    SplitPane.prototype.updateState = function () {\n        var _this = this;\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        var 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        var 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            var callback_1 = function (q) {\n                _this.visible = q.matches;\n            };\n            var mediaList_1 = window.matchMedia(mediaQuery);\n            mediaList_1.addListener(callback_1);\n            this.rmL = function () { return mediaList_1.removeListener(callback_1); };\n            this.visible = mediaList_1.matches;\n        }\n    };\n    SplitPane.prototype.isPane = function (element) {\n        if (!this.visible) {\n            return false;\n        }\n        return element.parentElement === this.el\n            && element.classList.contains(SPLIT_PANE_SIDE);\n    };\n    SplitPane.prototype.styleChildren = function () {\n        var contentId = this.contentId;\n        var children = this.el.children;\n        var nu = this.el.childElementCount;\n        var foundMain = false;\n        for (var i = 0; i < nu; i++) {\n            var child = children[i];\n            var isMain = contentId !== undefined ? child.id === contentId : child.hasAttribute('main');\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    SplitPane.prototype.render = function () {\n        var _a;\n        var mode = getIonMode(this);\n        return (h(Host, { class: (_a = {},\n                _a[mode] = true,\n                // Used internally for styling\n                _a[\"split-pane-\" + mode] = true,\n                _a['split-pane-visible'] = this.visible,\n                _a) }));\n    };\n    Object.defineProperty(SplitPane.prototype, \"el\", {\n        get: function () { return getElement(this); },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(SplitPane, \"watchers\", {\n        get: function () {\n            return {\n                \"visible\": [\"visibleChanged\"],\n                \"disabled\": [\"updateState\"],\n                \"when\": [\"updateState\"]\n            };\n        },\n        enumerable: true,\n        configurable: true\n    });\n    Object.defineProperty(SplitPane, \"style\", {\n        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-ios{--border:0.55px solid var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-250,#c8c7cc)))}.split-pane-ios.split-pane-visible>.split-pane-side{min-width:270px;max-width:28%;border-right:var(--border);border-left:0}.split-pane-ios.split-pane-visible>.split-pane-side[side=end]{min-width:270px;max-width:28%;border-right:0;border-left:var(--border)}\"; },\n        enumerable: true,\n        configurable: true\n    });\n    return SplitPane;\n}());\nvar setPaneClass = function (el, isMain) {\n    var toAdd;\n    var 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    var classList = el.classList;\n    classList.add(toAdd);\n    classList.remove(toRemove);\n};\nexport { SplitPane as ion_split_pane };\n"],"sourceRoot":""}