@pod-os/elements 0.25.3-rc.e28841a.0 → 0.25.3-rc.e9054b4.0

package/dist/elements/{p-cb550d04.entry.js.map → p-c21dcd46.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["fabListCss","IonFabListStyle0","FabList","constructor","hostRef","this","activated","side","activatedChanged","fabs","Array","from","el","querySelectorAll","timeout","forEach","fab","i","setTimeout","show","render","mode","getIonMode","h","Host","key","class"],"sources":["../node_modules/@ionic/core/dist/collection/components/fab-list/fab-list.css?tag=ion-fab-list&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/fab-list/fab-list.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: calc(100% + 10px);\n  margin-bottom: calc(100% + 10px);\n  display: none;\n  position: absolute;\n  top: 0;\n  flex-direction: column;\n  align-items: center;\n  /**\n   * The list should be centered relative to the parent\n   * FAB button. We set minimum dimensions so the\n   * FAB list can be centered relative to the small FAB button.\n   * However, the small FAB button adds start/end margin, so we need\n   * to account for that in the FAB list dimensions.\n   */\n  min-width: 56px;\n  min-height: 56px;\n}\n\n:host(.fab-list-active) {\n  display: flex;\n}\n\n::slotted(.fab-button-in-list) {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 8px;\n  margin-bottom: 8px;\n  width: 40px;\n  height: 40px;\n  transform: scale(0);\n  opacity: 0;\n  visibility: hidden;\n}\n\n:host(.fab-list-side-top) ::slotted(.fab-button-in-list),\n:host(.fab-list-side-bottom) ::slotted(.fab-button-in-list) {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 5px;\n  margin-bottom: 5px;\n}\n\n:host(.fab-list-side-start) ::slotted(.fab-button-in-list),\n:host(.fab-list-side-end) ::slotted(.fab-button-in-list) {\n  -webkit-margin-start: 5px;\n  margin-inline-start: 5px;\n  -webkit-margin-end: 5px;\n  margin-inline-end: 5px;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n::slotted(.fab-button-in-list.fab-button-show) {\n  transform: scale(1);\n  opacity: 1;\n  visibility: visible;\n}\n\n:host(.fab-list-side-top) {\n  top: auto;\n  bottom: 0;\n  flex-direction: column-reverse;\n}\n\n:host(.fab-list-side-start) {\n  -webkit-margin-start: calc(100% + 10px);\n  margin-inline-start: calc(100% + 10px);\n  -webkit-margin-end: calc(100% + 10px);\n  margin-inline-end: calc(100% + 10px);\n  margin-top: 0;\n  margin-bottom: 0;\n  flex-direction: row-reverse;\n}\n@supports (inset-inline-start: 0) {\n  :host(.fab-list-side-start) {\n    inset-inline-end: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  :host(.fab-list-side-start) {\n    right: 0;\n  }\n  :host-context([dir=rtl]):host(.fab-list-side-start), :host-context([dir=rtl]).fab-list-side-start {\n    left: unset;\n    right: unset;\n    left: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    :host(.fab-list-side-start:dir(rtl)) {\n      left: unset;\n      right: unset;\n      left: 0;\n    }\n  }\n}\n\n:host(.fab-list-side-end) {\n  -webkit-margin-start: calc(100% + 10px);\n  margin-inline-start: calc(100% + 10px);\n  -webkit-margin-end: calc(100% + 10px);\n  margin-inline-end: calc(100% + 10px);\n  margin-top: 0;\n  margin-bottom: 0;\n  flex-direction: row;\n}\n@supports (inset-inline-start: 0) {\n  :host(.fab-list-side-end) {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  :host(.fab-list-side-end) {\n    left: 0;\n  }\n  :host-context([dir=rtl]):host(.fab-list-side-end), :host-context([dir=rtl]).fab-list-side-end {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    :host(.fab-list-side-end:dir(rtl)) {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class FabList {\n    constructor() {\n        this.activated = false;\n        this.side = 'bottom';\n    }\n    activatedChanged(activated) {\n        const fabs = Array.from(this.el.querySelectorAll('ion-fab-button'));\n        // if showing the fabs add a timeout, else show immediately\n        const timeout = activated ? 30 : 0;\n        fabs.forEach((fab, i) => {\n            setTimeout(() => (fab.show = activated), i * timeout);\n        });\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '3de1b0db4eb0230d4d2954e4265ddeb3c930b4dc', class: {\n                [mode]: true,\n                'fab-list-active': this.activated,\n                [`fab-list-side-${this.side}`]: true,\n            } }, h(\"slot\", { key: '970aac2239ad9ea2b6b6c3c3ea45a18c45b37df2' })));\n    }\n    static get is() { return \"ion-fab-list\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"fab-list.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"fab-list.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"activated\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the fab list will show all fab buttons in the list.\"\n                },\n                \"attribute\": \"activated\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"side\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'start' | 'end' | 'top' | 'bottom'\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"end\\\" | \\\"start\\\" | \\\"top\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The side the fab list will show on relative to the main fab button.\"\n                },\n                \"attribute\": \"side\",\n                \"reflect\": false,\n                \"defaultValue\": \"'bottom'\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"activated\",\n                \"methodName\": \"activatedChanged\"\n            }];\n    }\n}\n"],"mappings":"wFAAA,MAAMA,EAAa,kqEACnB,MAAAC,EAAeD,E,MCIFE,EAAO,MAChB,WAAAC,CAAAC,G,UACIC,KAAKC,UAAY,MACjBD,KAAKE,KAAO,Q,CAEhB,gBAAAC,CAAiBF,GACb,MAAMG,EAAOC,MAAMC,KAAKN,KAAKO,GAAGC,iBAAiB,mBAEjD,MAAMC,EAAUR,EAAY,GAAK,EACjCG,EAAKM,SAAQ,CAACC,EAAKC,KACfC,YAAW,IAAOF,EAAIG,KAAOb,GAAYW,EAAIH,EAAQ,G,CAG7D,MAAAM,GACI,MAAMC,EAAOC,EAAWjB,MACxB,OAAQkB,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClEL,CAACA,GAAO,KACR,kBAAmBhB,KAAKC,UACxB,CAAC,iBAAiBD,KAAKE,QAAS,OAC/BgB,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}
+{"version":3,"names":["fabListCss","IonFabListStyle0","FabList","constructor","hostRef","this","activated","side","activatedChanged","fabs","Array","from","el","querySelectorAll","timeout","forEach","fab","i","setTimeout","show","render","mode","getIonMode","h","Host","key","class"],"sources":["../node_modules/@ionic/core/dist/collection/components/fab-list/fab-list.css?tag=ion-fab-list&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/fab-list/fab-list.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: calc(100% + 10px);\n  margin-bottom: calc(100% + 10px);\n  display: none;\n  position: absolute;\n  top: 0;\n  flex-direction: column;\n  align-items: center;\n  /**\n   * The list should be centered relative to the parent\n   * FAB button. We set minimum dimensions so the\n   * FAB list can be centered relative to the small FAB button.\n   * However, the small FAB button adds start/end margin, so we need\n   * to account for that in the FAB list dimensions.\n   */\n  min-width: 56px;\n  min-height: 56px;\n}\n\n:host(.fab-list-active) {\n  display: flex;\n}\n\n::slotted(.fab-button-in-list) {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 8px;\n  margin-bottom: 8px;\n  width: 40px;\n  height: 40px;\n  transform: scale(0);\n  opacity: 0;\n  visibility: hidden;\n}\n\n:host(.fab-list-side-top) ::slotted(.fab-button-in-list),\n:host(.fab-list-side-bottom) ::slotted(.fab-button-in-list) {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 5px;\n  margin-bottom: 5px;\n}\n\n:host(.fab-list-side-start) ::slotted(.fab-button-in-list),\n:host(.fab-list-side-end) ::slotted(.fab-button-in-list) {\n  -webkit-margin-start: 5px;\n  margin-inline-start: 5px;\n  -webkit-margin-end: 5px;\n  margin-inline-end: 5px;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n::slotted(.fab-button-in-list.fab-button-show) {\n  transform: scale(1);\n  opacity: 1;\n  visibility: visible;\n}\n\n:host(.fab-list-side-top) {\n  top: auto;\n  bottom: 0;\n  flex-direction: column-reverse;\n}\n\n:host(.fab-list-side-start) {\n  -webkit-margin-start: calc(100% + 10px);\n  margin-inline-start: calc(100% + 10px);\n  -webkit-margin-end: calc(100% + 10px);\n  margin-inline-end: calc(100% + 10px);\n  margin-top: 0;\n  margin-bottom: 0;\n  flex-direction: row-reverse;\n}\n@supports (inset-inline-start: 0) {\n  :host(.fab-list-side-start) {\n    inset-inline-end: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  :host(.fab-list-side-start) {\n    right: 0;\n  }\n  :host-context([dir=rtl]):host(.fab-list-side-start), :host-context([dir=rtl]).fab-list-side-start {\n    left: unset;\n    right: unset;\n    left: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    :host(.fab-list-side-start:dir(rtl)) {\n      left: unset;\n      right: unset;\n      left: 0;\n    }\n  }\n}\n\n:host(.fab-list-side-end) {\n  -webkit-margin-start: calc(100% + 10px);\n  margin-inline-start: calc(100% + 10px);\n  -webkit-margin-end: calc(100% + 10px);\n  margin-inline-end: calc(100% + 10px);\n  margin-top: 0;\n  margin-bottom: 0;\n  flex-direction: row;\n}\n@supports (inset-inline-start: 0) {\n  :host(.fab-list-side-end) {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  :host(.fab-list-side-end) {\n    left: 0;\n  }\n  :host-context([dir=rtl]):host(.fab-list-side-end), :host-context([dir=rtl]).fab-list-side-end {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    :host(.fab-list-side-end:dir(rtl)) {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class FabList {\n    constructor() {\n        this.activated = false;\n        this.side = 'bottom';\n    }\n    activatedChanged(activated) {\n        const fabs = Array.from(this.el.querySelectorAll('ion-fab-button'));\n        // if showing the fabs add a timeout, else show immediately\n        const timeout = activated ? 30 : 0;\n        fabs.forEach((fab, i) => {\n            setTimeout(() => (fab.show = activated), i * timeout);\n        });\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '3de1b0db4eb0230d4d2954e4265ddeb3c930b4dc', class: {\n                [mode]: true,\n                'fab-list-active': this.activated,\n                [`fab-list-side-${this.side}`]: true,\n            } }, h(\"slot\", { key: '970aac2239ad9ea2b6b6c3c3ea45a18c45b37df2' })));\n    }\n    static get is() { return \"ion-fab-list\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"fab-list.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"fab-list.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"activated\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the fab list will show all fab buttons in the list.\"\n                },\n                \"attribute\": \"activated\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"side\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'start' | 'end' | 'top' | 'bottom'\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"end\\\" | \\\"start\\\" | \\\"top\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The side the fab list will show on relative to the main fab button.\"\n                },\n                \"attribute\": \"side\",\n                \"reflect\": false,\n                \"defaultValue\": \"'bottom'\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"activated\",\n                \"methodName\": \"activatedChanged\"\n            }];\n    }\n}\n"],"mappings":"6FAAA,MAAMA,EAAa,kqEACnB,MAAAC,EAAeD,E,MCIFE,EAAO,MAChB,WAAAC,CAAAC,G,UACIC,KAAKC,UAAY,MACjBD,KAAKE,KAAO,Q,CAEhB,gBAAAC,CAAiBF,GACb,MAAMG,EAAOC,MAAMC,KAAKN,KAAKO,GAAGC,iBAAiB,mBAEjD,MAAMC,EAAUR,EAAY,GAAK,EACjCG,EAAKM,SAAQ,CAACC,EAAKC,KACfC,YAAW,IAAOF,EAAIG,KAAOb,GAAYW,EAAIH,EAAQ,G,CAG7D,MAAAM,GACI,MAAMC,EAAOC,EAAWjB,MACxB,OAAQkB,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClEL,CAACA,GAAO,KACR,kBAAmBhB,KAAKC,UACxB,CAAC,iBAAiBD,KAAKE,QAAS,OAC/BgB,EAAE,OAAQ,CAAEE,IAAK,6C","ignoreList":[]}

package/dist/elements/{p-e78cf007.entry.js → p-c34f0243.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,i as e,h as o,H as a,e as i}from"./p-42169e41.js";import{c as n}from"./p-4c78c8c9.js";import{h as r,k as l,o as g}from"./p-71ee259b.js";import{p as s}from"./p-d6769f21.js";import{d as c}from"./p-c8020dbc.js";import{i as h}from"./p-4d0cb38d.js";import{c as d,h as p}from"./p-669fab6c.js";import{u as m,v as b,w}from"./p-0ee8b7a7.js";import{c as x,g as f}from"./p-da0d920d.js";import"./p-21b22219.js";import"./p-7efd6867.js";const u=":host{box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;user-select:none;z-index:2}:host(.in-item:not(.legacy-toggle)){width:100%;height:100%}:host([slot=start]:not(.legacy-toggle)),:host([slot=end]:not(.legacy-toggle)){width:auto}:host(.legacy-toggle){contain:content;touch-action:none}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.toggle-disabled){pointer-events:none}:host(.legacy-toggle) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){:host(.legacy-toggle) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-toggle) label{left:0}:host-context([dir=rtl]):host(.legacy-toggle) label,:host-context([dir=rtl]).legacy-toggle label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-toggle:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-toggle) label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.toggle-wrapper{display:flex;position:relative;flex-grow:1;height:inherit;transition:background-color 15ms linear;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item:not(.legacy-toggle)) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.toggle-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}.native-wrapper{display:flex;align-items:center}:host(.toggle-justify-space-between) .toggle-wrapper{justify-content:space-between}:host(.toggle-justify-start) .toggle-wrapper{justify-content:start}:host(.toggle-justify-end) .toggle-wrapper{justify-content:end}:host(.toggle-alignment-start) .toggle-wrapper{align-items:start}:host(.toggle-alignment-center) .toggle-wrapper{align-items:center}:host(.toggle-label-placement-start) .toggle-wrapper{flex-direction:row}:host(.toggle-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-end) .toggle-wrapper{flex-direction:row-reverse}:host(.toggle-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.toggle-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-fixed) .label-text-wrapper{flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.toggle-label-placement-stacked) .toggle-wrapper{flex-direction:column}:host(.toggle-label-placement-stacked) .label-text-wrapper{transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper{transform-origin:left top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-start .label-text-wrapper{transform-origin:right top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-start:dir(rtl)) .label-text-wrapper{transform-origin:right top}}:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper{transform-origin:center top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-center .label-text-wrapper{transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-center:dir(rtl)) .label-text-wrapper{transform-origin:calc(100% - center) top}}.toggle-icon-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%;transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--track-background-checked)}.toggle-inner{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);transition:var(--handle-transition);background:var(--handle-background);box-shadow:var(--handle-box-shadow);contain:strict}:host(.toggle-ltr) .toggle-inner{left:var(--handle-spacing)}:host(.toggle-rtl) .toggle-inner{right:var(--handle-spacing)}:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{background:var(--handle-background-checked)}:host(.toggle-ltr.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);--track-background-checked:var(--ion-color-primary, #3880ff);--border-radius:16px;--handle-background:#ffffff;--handle-background-checked:#ffffff;--handle-border-radius:25.5px;--handle-box-shadow:0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);--handle-height:calc(32px - (2px * 2));--handle-max-height:calc(100% - var(--handle-spacing) * 2);--handle-width:calc(32px - (2px * 2));--handle-spacing:2px;--handle-transition:transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms}:host(.legacy-toggle){width:51px;height:32px;contain:strict;overflow:hidden}.native-wrapper .toggle-icon{width:51px;height:32px;overflow:hidden}:host(.ion-color.toggle-checked) .toggle-icon{background:var(--ion-color-base)}:host(.toggle-activated) .toggle-switch-icon{opacity:0}.toggle-icon{transform:translate3d(0, 0, 0);transition:background-color 300ms}.toggle-inner{will-change:transform}.toggle-switch-icon{position:absolute;top:50%;width:11px;height:11px;transform:translateY(-50%);transition:opacity 300ms, color 300ms}.toggle-switch-icon{position:absolute;color:var(--ion-color-dark)}:host(.toggle-ltr) .toggle-switch-icon{right:6px}:host(.toggle-rtl) .toggle-switch-icon{right:initial;left:6px;}:host(.toggle-checked) .toggle-switch-icon.toggle-switch-icon-checked{color:var(--ion-color-contrast, #fff)}:host(.toggle-checked) .toggle-switch-icon:not(.toggle-switch-icon-checked){opacity:0}.toggle-switch-icon-checked{position:absolute;width:15px;height:15px;transform:translateY(-50%) rotate(90deg)}:host(.toggle-ltr) .toggle-switch-icon-checked{right:initial;left:4px;}:host(.toggle-rtl) .toggle-switch-icon-checked{right:4px}:host(.toggle-activated) .toggle-icon::before,:host(.toggle-checked) .toggle-icon::before{transform:scale3d(0, 0, 0)}:host(.toggle-activated.toggle-checked) .toggle-inner::before{transform:scale3d(0, 0, 0)}:host(.toggle-activated) .toggle-inner{width:calc(var(--handle-width) + 6px)}:host(.toggle-ltr.toggle-activated.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0)}:host(.toggle-rtl.toggle-activated.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0)}:host(.toggle-disabled){opacity:0.3}:host(.in-item.legacy-toggle){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:6px;padding-bottom:5px}:host(.in-item.legacy-toggle[slot=start]){-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:6px;padding-bottom:5px}";const k=u;const v=":host{box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;user-select:none;z-index:2}:host(.in-item:not(.legacy-toggle)){width:100%;height:100%}:host([slot=start]:not(.legacy-toggle)),:host([slot=end]:not(.legacy-toggle)){width:auto}:host(.legacy-toggle){contain:content;touch-action:none}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.toggle-disabled){pointer-events:none}:host(.legacy-toggle) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){:host(.legacy-toggle) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-toggle) label{left:0}:host-context([dir=rtl]):host(.legacy-toggle) label,:host-context([dir=rtl]).legacy-toggle label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-toggle:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-toggle) label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.toggle-wrapper{display:flex;position:relative;flex-grow:1;height:inherit;transition:background-color 15ms linear;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item:not(.legacy-toggle)) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.toggle-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}.native-wrapper{display:flex;align-items:center}:host(.toggle-justify-space-between) .toggle-wrapper{justify-content:space-between}:host(.toggle-justify-start) .toggle-wrapper{justify-content:start}:host(.toggle-justify-end) .toggle-wrapper{justify-content:end}:host(.toggle-alignment-start) .toggle-wrapper{align-items:start}:host(.toggle-alignment-center) .toggle-wrapper{align-items:center}:host(.toggle-label-placement-start) .toggle-wrapper{flex-direction:row}:host(.toggle-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-end) .toggle-wrapper{flex-direction:row-reverse}:host(.toggle-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.toggle-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-fixed) .label-text-wrapper{flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.toggle-label-placement-stacked) .toggle-wrapper{flex-direction:column}:host(.toggle-label-placement-stacked) .label-text-wrapper{transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper{transform-origin:left top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-start .label-text-wrapper{transform-origin:right top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-start:dir(rtl)) .label-text-wrapper{transform-origin:right top}}:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper{transform-origin:center top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-center .label-text-wrapper{transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-center:dir(rtl)) .label-text-wrapper{transform-origin:calc(100% - center) top}}.toggle-icon-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%;transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--track-background-checked)}.toggle-inner{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);transition:var(--handle-transition);background:var(--handle-background);box-shadow:var(--handle-box-shadow);contain:strict}:host(.toggle-ltr) .toggle-inner{left:var(--handle-spacing)}:host(.toggle-rtl) .toggle-inner{right:var(--handle-spacing)}:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{background:var(--handle-background-checked)}:host(.toggle-ltr.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.39);--track-background-checked:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5);--border-radius:14px;--handle-background:#ffffff;--handle-background-checked:var(--ion-color-primary, #3880ff);--handle-border-radius:50%;--handle-box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--handle-width:20px;--handle-height:20px;--handle-max-height:calc(100% + 6px);--handle-spacing:0;--handle-transition:transform 160ms cubic-bezier(0.4, 0, 0.2, 1), background-color 160ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.legacy-toggle){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;width:36px;height:14px;contain:strict}.native-wrapper .toggle-icon{width:36px;height:14px}:host(.ion-color.toggle-checked) .toggle-icon{background:rgba(var(--ion-color-base-rgb), 0.5)}:host(.ion-color.toggle-checked) .toggle-inner{background:var(--ion-color-base)}:host(.toggle-checked) .toggle-inner{color:var(--ion-color-contrast, #fff)}.toggle-icon{transition:background-color 160ms}.toggle-inner{will-change:background-color, transform;display:flex;align-items:center;justify-content:center;color:#000}.toggle-inner .toggle-switch-icon{-webkit-padding-start:1px;padding-inline-start:1px;-webkit-padding-end:1px;padding-inline-end:1px;padding-top:1px;padding-bottom:1px;width:100%;height:100%}:host(.toggle-disabled){opacity:0.38}:host(.in-item.legacy-toggle){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:12px;padding-bottom:12px;cursor:pointer}:host(.in-item.legacy-toggle[slot=start]){-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:18px;padding-inline-end:18px;padding-top:12px;padding-bottom:12px}";const y=v;const j=class{constructor(o){t(this,o);this.ionChange=e(this,"ionChange",7);this.ionFocus=e(this,"ionFocus",7);this.ionBlur=e(this,"ionBlur",7);this.ionStyle=e(this,"ionStyle",7);this.inputId=`ion-tg-${C++}`;this.lastDrag=0;this.inheritedAttributes={};this.didLoad=false;this.hasLoggedDeprecationWarning=false;this.setupGesture=async()=>{const{toggleTrack:t}=this;if(t){this.gesture=(await import("./p-b943833e.js")).createGesture({el:t,gestureName:"toggle",gesturePriority:100,threshold:5,passive:false,onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.disabledChanged()}};this.onClick=t=>{if(this.disabled){return}t.preventDefault();if(this.lastDrag+300<Date.now()){this.toggleChecked()}};this.onFocus=()=>{this.ionFocus.emit()};this.onBlur=()=>{this.ionBlur.emit()};this.getSwitchLabelIcon=(t,e)=>{if(t==="md"){return e?m:b}return e?b:w};this.activated=false;this.color=undefined;this.name=this.inputId;this.checked=false;this.disabled=false;this.value="on";this.enableOnOffLabels=x.get("toggleOnOffLabels");this.labelPlacement="start";this.legacy=undefined;this.justify="space-between";this.alignment="center"}disabledChanged(){this.emitStyle();if(this.gesture){this.gesture.enable(!this.disabled)}}toggleChecked(){const{checked:t,value:e}=this;const o=!t;this.checked=o;this.ionChange.emit({checked:o,value:e})}async connectedCallback(){this.legacyFormController=n(this.el);if(this.didLoad){this.setupGesture()}}componentDidLoad(){this.setupGesture();this.didLoad=true}disconnectedCallback(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}}componentWillLoad(){this.emitStyle();if(!this.legacyFormController.hasLegacyControl()){this.inheritedAttributes=Object.assign({},r(this.el))}}emitStyle(){if(this.legacyFormController.hasLegacyControl()){this.ionStyle.emit({"interactive-disabled":this.disabled,legacy:!!this.legacy})}}onStart(){this.activated=true;this.setFocus()}onMove(t){if(z(h(this.el),this.checked,t.deltaX,-10)){this.toggleChecked();c()}}onEnd(t){this.activated=false;this.lastDrag=Date.now();t.event.preventDefault();t.event.stopImmediatePropagation()}getValue(){return this.value||""}setFocus(){if(this.focusEl){this.focusEl.focus()}}renderOnOffSwitchLabels(t,e){const a=this.getSwitchLabelIcon(t,e);return o("ion-icon",{class:{"toggle-switch-icon":true,"toggle-switch-icon-checked":e},icon:a,"aria-hidden":"true"})}renderToggleControl(){const t=f(this);const{enableOnOffLabels:e,checked:a}=this;return o("div",{class:"toggle-icon",part:"track",ref:t=>this.toggleTrack=t},e&&t==="ios"&&[this.renderOnOffSwitchLabels(t,true),this.renderOnOffSwitchLabels(t,false)],o("div",{class:"toggle-icon-wrapper"},o("div",{class:"toggle-inner",part:"handle"},e&&t==="md"&&this.renderOnOffSwitchLabels(t,a))))}get hasLabel(){return this.el.textContent!==""}render(){const{legacyFormController:t}=this;return t.hasLegacyControl()?this.renderLegacyToggle():this.renderToggle()}renderToggle(){const{activated:t,color:e,checked:i,disabled:n,el:r,justify:g,labelPlacement:s,inputId:c,name:m,alignment:b}=this;const w=f(this);const x=this.getValue();const u=h(r)?"rtl":"ltr";l(true,r,m,i?x:"",n);return o(a,{onClick:this.onClick,class:d(e,{[w]:true,"in-item":p("ion-item",r),"toggle-activated":t,"toggle-checked":i,"toggle-disabled":n,[`toggle-justify-${g}`]:true,[`toggle-alignment-${b}`]:true,[`toggle-label-placement-${s}`]:true,[`toggle-${u}`]:true})},o("label",{class:"toggle-wrapper"},o("input",Object.assign({type:"checkbox",role:"switch","aria-checked":`${i}`,checked:i,disabled:n,id:c,onFocus:()=>this.onFocus(),onBlur:()=>this.onBlur(),ref:t=>this.focusEl=t},this.inheritedAttributes)),o("div",{class:{"label-text-wrapper":true,"label-text-wrapper-hidden":!this.hasLabel},part:"label"},o("slot",null)),o("div",{class:"native-wrapper"},this.renderToggleControl())))}renderLegacyToggle(){if(!this.hasLoggedDeprecationWarning){s(`ion-toggle now requires providing a label with either the default slot or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the component or the "aria-label" attribute.\n\nExample: <ion-toggle>Email</ion-toggle>\nExample with aria-label: <ion-toggle aria-label="Email"></ion-toggle>\n\nDevelopers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.`,this.el);if(this.legacy){s(`ion-toggle is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.\n\nDevelopers can dismiss this warning by removing their usage of the "legacy" property and using the new toggle syntax.`,this.el)}this.hasLoggedDeprecationWarning=true}const{activated:t,color:e,checked:i,disabled:n,el:r,inputId:c,name:m}=this;const b=f(this);const{label:w,labelId:x,labelText:u}=g(r,c);const k=this.getValue();const v=h(r)?"rtl":"ltr";l(true,r,m,i?k:"",n);return o(a,{onClick:this.onClick,"aria-labelledby":w?x:null,"aria-checked":`${i}`,"aria-hidden":n?"true":null,role:"switch",class:d(e,{[b]:true,"in-item":p("ion-item",r),"toggle-activated":t,"toggle-checked":i,"toggle-disabled":n,"legacy-toggle":true,interactive:true,[`toggle-${v}`]:true})},this.renderToggleControl(),o("label",{htmlFor:c},u),o("input",{type:"checkbox",role:"switch","aria-checked":`${i}`,disabled:n,id:c,onFocus:()=>this.onFocus(),onBlur:()=>this.onBlur(),ref:t=>this.focusEl=t}))}get el(){return i(this)}static get watchers(){return{disabled:["disabledChanged"]}}};const z=(t,e,o,a)=>{if(e){return!t&&a>o||t&&-a<o}else{return!t&&-a<o||t&&a>o}};let C=0;j.style={ios:k,md:y};export{j as ion_toggle};
-//# sourceMappingURL=p-e78cf007.entry.js.map
+import{r as t,i as e,h as o,H as a,d as i}from"./p-ad32e711.js";import{c as n}from"./p-4c78c8c9.js";import{h as r,k as l,o as g}from"./p-71ee259b.js";import{p as s}from"./p-d6769f21.js";import{d as c}from"./p-c8020dbc.js";import{i as h}from"./p-4d0cb38d.js";import{c as d,h as p}from"./p-669fab6c.js";import{u as m,v as b,w}from"./p-0ee8b7a7.js";import{c as x,g as f}from"./p-17cb620a.js";import"./p-21b22219.js";import"./p-7efd6867.js";const u=":host{box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;user-select:none;z-index:2}:host(.in-item:not(.legacy-toggle)){width:100%;height:100%}:host([slot=start]:not(.legacy-toggle)),:host([slot=end]:not(.legacy-toggle)){width:auto}:host(.legacy-toggle){contain:content;touch-action:none}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.toggle-disabled){pointer-events:none}:host(.legacy-toggle) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){:host(.legacy-toggle) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-toggle) label{left:0}:host-context([dir=rtl]):host(.legacy-toggle) label,:host-context([dir=rtl]).legacy-toggle label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-toggle:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-toggle) label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.toggle-wrapper{display:flex;position:relative;flex-grow:1;height:inherit;transition:background-color 15ms linear;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item:not(.legacy-toggle)) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.toggle-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}.native-wrapper{display:flex;align-items:center}:host(.toggle-justify-space-between) .toggle-wrapper{justify-content:space-between}:host(.toggle-justify-start) .toggle-wrapper{justify-content:start}:host(.toggle-justify-end) .toggle-wrapper{justify-content:end}:host(.toggle-alignment-start) .toggle-wrapper{align-items:start}:host(.toggle-alignment-center) .toggle-wrapper{align-items:center}:host(.toggle-label-placement-start) .toggle-wrapper{flex-direction:row}:host(.toggle-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-end) .toggle-wrapper{flex-direction:row-reverse}:host(.toggle-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.toggle-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-fixed) .label-text-wrapper{flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.toggle-label-placement-stacked) .toggle-wrapper{flex-direction:column}:host(.toggle-label-placement-stacked) .label-text-wrapper{transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper{transform-origin:left top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-start .label-text-wrapper{transform-origin:right top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-start:dir(rtl)) .label-text-wrapper{transform-origin:right top}}:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper{transform-origin:center top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-center .label-text-wrapper{transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-center:dir(rtl)) .label-text-wrapper{transform-origin:calc(100% - center) top}}.toggle-icon-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%;transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--track-background-checked)}.toggle-inner{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);transition:var(--handle-transition);background:var(--handle-background);box-shadow:var(--handle-box-shadow);contain:strict}:host(.toggle-ltr) .toggle-inner{left:var(--handle-spacing)}:host(.toggle-rtl) .toggle-inner{right:var(--handle-spacing)}:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{background:var(--handle-background-checked)}:host(.toggle-ltr.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);--track-background-checked:var(--ion-color-primary, #3880ff);--border-radius:16px;--handle-background:#ffffff;--handle-background-checked:#ffffff;--handle-border-radius:25.5px;--handle-box-shadow:0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);--handle-height:calc(32px - (2px * 2));--handle-max-height:calc(100% - var(--handle-spacing) * 2);--handle-width:calc(32px - (2px * 2));--handle-spacing:2px;--handle-transition:transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms}:host(.legacy-toggle){width:51px;height:32px;contain:strict;overflow:hidden}.native-wrapper .toggle-icon{width:51px;height:32px;overflow:hidden}:host(.ion-color.toggle-checked) .toggle-icon{background:var(--ion-color-base)}:host(.toggle-activated) .toggle-switch-icon{opacity:0}.toggle-icon{transform:translate3d(0, 0, 0);transition:background-color 300ms}.toggle-inner{will-change:transform}.toggle-switch-icon{position:absolute;top:50%;width:11px;height:11px;transform:translateY(-50%);transition:opacity 300ms, color 300ms}.toggle-switch-icon{position:absolute;color:var(--ion-color-dark)}:host(.toggle-ltr) .toggle-switch-icon{right:6px}:host(.toggle-rtl) .toggle-switch-icon{right:initial;left:6px;}:host(.toggle-checked) .toggle-switch-icon.toggle-switch-icon-checked{color:var(--ion-color-contrast, #fff)}:host(.toggle-checked) .toggle-switch-icon:not(.toggle-switch-icon-checked){opacity:0}.toggle-switch-icon-checked{position:absolute;width:15px;height:15px;transform:translateY(-50%) rotate(90deg)}:host(.toggle-ltr) .toggle-switch-icon-checked{right:initial;left:4px;}:host(.toggle-rtl) .toggle-switch-icon-checked{right:4px}:host(.toggle-activated) .toggle-icon::before,:host(.toggle-checked) .toggle-icon::before{transform:scale3d(0, 0, 0)}:host(.toggle-activated.toggle-checked) .toggle-inner::before{transform:scale3d(0, 0, 0)}:host(.toggle-activated) .toggle-inner{width:calc(var(--handle-width) + 6px)}:host(.toggle-ltr.toggle-activated.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0)}:host(.toggle-rtl.toggle-activated.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0)}:host(.toggle-disabled){opacity:0.3}:host(.in-item.legacy-toggle){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:6px;padding-bottom:5px}:host(.in-item.legacy-toggle[slot=start]){-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:6px;padding-bottom:5px}";const k=u;const v=":host{box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;user-select:none;z-index:2}:host(.in-item:not(.legacy-toggle)){width:100%;height:100%}:host([slot=start]:not(.legacy-toggle)),:host([slot=end]:not(.legacy-toggle)){width:auto}:host(.legacy-toggle){contain:content;touch-action:none}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.toggle-disabled){pointer-events:none}:host(.legacy-toggle) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;appearance:none;outline:none;display:flex;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){:host(.legacy-toggle) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-toggle) label{left:0}:host-context([dir=rtl]):host(.legacy-toggle) label,:host-context([dir=rtl]).legacy-toggle label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-toggle:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-toggle) label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.toggle-wrapper{display:flex;position:relative;flex-grow:1;height:inherit;transition:background-color 15ms linear;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item:not(.legacy-toggle)) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.toggle-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}.native-wrapper{display:flex;align-items:center}:host(.toggle-justify-space-between) .toggle-wrapper{justify-content:space-between}:host(.toggle-justify-start) .toggle-wrapper{justify-content:start}:host(.toggle-justify-end) .toggle-wrapper{justify-content:end}:host(.toggle-alignment-start) .toggle-wrapper{align-items:start}:host(.toggle-alignment-center) .toggle-wrapper{align-items:center}:host(.toggle-label-placement-start) .toggle-wrapper{flex-direction:row}:host(.toggle-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-end) .toggle-wrapper{flex-direction:row-reverse}:host(.toggle-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.toggle-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-fixed) .label-text-wrapper{flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.toggle-label-placement-stacked) .toggle-wrapper{flex-direction:column}:host(.toggle-label-placement-stacked) .label-text-wrapper{transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper{transform-origin:left top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-start .label-text-wrapper{transform-origin:right top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-start:dir(rtl)) .label-text-wrapper{transform-origin:right top}}:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper{transform-origin:center top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-center .label-text-wrapper{transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-center:dir(rtl)) .label-text-wrapper{transform-origin:calc(100% - center) top}}.toggle-icon-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%;transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--track-background-checked)}.toggle-inner{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);transition:var(--handle-transition);background:var(--handle-background);box-shadow:var(--handle-box-shadow);contain:strict}:host(.toggle-ltr) .toggle-inner{left:var(--handle-spacing)}:host(.toggle-rtl) .toggle-inner{right:var(--handle-spacing)}:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper{transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{background:var(--handle-background-checked)}:host(.toggle-ltr.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-inner{transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.39);--track-background-checked:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5);--border-radius:14px;--handle-background:#ffffff;--handle-background-checked:var(--ion-color-primary, #3880ff);--handle-border-radius:50%;--handle-box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--handle-width:20px;--handle-height:20px;--handle-max-height:calc(100% + 6px);--handle-spacing:0;--handle-transition:transform 160ms cubic-bezier(0.4, 0, 0.2, 1), background-color 160ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.legacy-toggle){-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;width:36px;height:14px;contain:strict}.native-wrapper .toggle-icon{width:36px;height:14px}:host(.ion-color.toggle-checked) .toggle-icon{background:rgba(var(--ion-color-base-rgb), 0.5)}:host(.ion-color.toggle-checked) .toggle-inner{background:var(--ion-color-base)}:host(.toggle-checked) .toggle-inner{color:var(--ion-color-contrast, #fff)}.toggle-icon{transition:background-color 160ms}.toggle-inner{will-change:background-color, transform;display:flex;align-items:center;justify-content:center;color:#000}.toggle-inner .toggle-switch-icon{-webkit-padding-start:1px;padding-inline-start:1px;-webkit-padding-end:1px;padding-inline-end:1px;padding-top:1px;padding-bottom:1px;width:100%;height:100%}:host(.toggle-disabled){opacity:0.38}:host(.in-item.legacy-toggle){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:12px;padding-bottom:12px;cursor:pointer}:host(.in-item.legacy-toggle[slot=start]){-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:18px;padding-inline-end:18px;padding-top:12px;padding-bottom:12px}";const y=v;const j=class{constructor(o){t(this,o);this.ionChange=e(this,"ionChange",7);this.ionFocus=e(this,"ionFocus",7);this.ionBlur=e(this,"ionBlur",7);this.ionStyle=e(this,"ionStyle",7);this.inputId=`ion-tg-${C++}`;this.lastDrag=0;this.inheritedAttributes={};this.didLoad=false;this.hasLoggedDeprecationWarning=false;this.setupGesture=async()=>{const{toggleTrack:t}=this;if(t){this.gesture=(await import("./p-b943833e.js")).createGesture({el:t,gestureName:"toggle",gesturePriority:100,threshold:5,passive:false,onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.disabledChanged()}};this.onClick=t=>{if(this.disabled){return}t.preventDefault();if(this.lastDrag+300<Date.now()){this.toggleChecked()}};this.onFocus=()=>{this.ionFocus.emit()};this.onBlur=()=>{this.ionBlur.emit()};this.getSwitchLabelIcon=(t,e)=>{if(t==="md"){return e?m:b}return e?b:w};this.activated=false;this.color=undefined;this.name=this.inputId;this.checked=false;this.disabled=false;this.value="on";this.enableOnOffLabels=x.get("toggleOnOffLabels");this.labelPlacement="start";this.legacy=undefined;this.justify="space-between";this.alignment="center"}disabledChanged(){this.emitStyle();if(this.gesture){this.gesture.enable(!this.disabled)}}toggleChecked(){const{checked:t,value:e}=this;const o=!t;this.checked=o;this.ionChange.emit({checked:o,value:e})}async connectedCallback(){this.legacyFormController=n(this.el);if(this.didLoad){this.setupGesture()}}componentDidLoad(){this.setupGesture();this.didLoad=true}disconnectedCallback(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}}componentWillLoad(){this.emitStyle();if(!this.legacyFormController.hasLegacyControl()){this.inheritedAttributes=Object.assign({},r(this.el))}}emitStyle(){if(this.legacyFormController.hasLegacyControl()){this.ionStyle.emit({"interactive-disabled":this.disabled,legacy:!!this.legacy})}}onStart(){this.activated=true;this.setFocus()}onMove(t){if(z(h(this.el),this.checked,t.deltaX,-10)){this.toggleChecked();c()}}onEnd(t){this.activated=false;this.lastDrag=Date.now();t.event.preventDefault();t.event.stopImmediatePropagation()}getValue(){return this.value||""}setFocus(){if(this.focusEl){this.focusEl.focus()}}renderOnOffSwitchLabels(t,e){const a=this.getSwitchLabelIcon(t,e);return o("ion-icon",{class:{"toggle-switch-icon":true,"toggle-switch-icon-checked":e},icon:a,"aria-hidden":"true"})}renderToggleControl(){const t=f(this);const{enableOnOffLabels:e,checked:a}=this;return o("div",{class:"toggle-icon",part:"track",ref:t=>this.toggleTrack=t},e&&t==="ios"&&[this.renderOnOffSwitchLabels(t,true),this.renderOnOffSwitchLabels(t,false)],o("div",{class:"toggle-icon-wrapper"},o("div",{class:"toggle-inner",part:"handle"},e&&t==="md"&&this.renderOnOffSwitchLabels(t,a))))}get hasLabel(){return this.el.textContent!==""}render(){const{legacyFormController:t}=this;return t.hasLegacyControl()?this.renderLegacyToggle():this.renderToggle()}renderToggle(){const{activated:t,color:e,checked:i,disabled:n,el:r,justify:g,labelPlacement:s,inputId:c,name:m,alignment:b}=this;const w=f(this);const x=this.getValue();const u=h(r)?"rtl":"ltr";l(true,r,m,i?x:"",n);return o(a,{onClick:this.onClick,class:d(e,{[w]:true,"in-item":p("ion-item",r),"toggle-activated":t,"toggle-checked":i,"toggle-disabled":n,[`toggle-justify-${g}`]:true,[`toggle-alignment-${b}`]:true,[`toggle-label-placement-${s}`]:true,[`toggle-${u}`]:true})},o("label",{class:"toggle-wrapper"},o("input",Object.assign({type:"checkbox",role:"switch","aria-checked":`${i}`,checked:i,disabled:n,id:c,onFocus:()=>this.onFocus(),onBlur:()=>this.onBlur(),ref:t=>this.focusEl=t},this.inheritedAttributes)),o("div",{class:{"label-text-wrapper":true,"label-text-wrapper-hidden":!this.hasLabel},part:"label"},o("slot",null)),o("div",{class:"native-wrapper"},this.renderToggleControl())))}renderLegacyToggle(){if(!this.hasLoggedDeprecationWarning){s(`ion-toggle now requires providing a label with either the default slot or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the component or the "aria-label" attribute.\n\nExample: <ion-toggle>Email</ion-toggle>\nExample with aria-label: <ion-toggle aria-label="Email"></ion-toggle>\n\nDevelopers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.`,this.el);if(this.legacy){s(`ion-toggle is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.\n\nDevelopers can dismiss this warning by removing their usage of the "legacy" property and using the new toggle syntax.`,this.el)}this.hasLoggedDeprecationWarning=true}const{activated:t,color:e,checked:i,disabled:n,el:r,inputId:c,name:m}=this;const b=f(this);const{label:w,labelId:x,labelText:u}=g(r,c);const k=this.getValue();const v=h(r)?"rtl":"ltr";l(true,r,m,i?k:"",n);return o(a,{onClick:this.onClick,"aria-labelledby":w?x:null,"aria-checked":`${i}`,"aria-hidden":n?"true":null,role:"switch",class:d(e,{[b]:true,"in-item":p("ion-item",r),"toggle-activated":t,"toggle-checked":i,"toggle-disabled":n,"legacy-toggle":true,interactive:true,[`toggle-${v}`]:true})},this.renderToggleControl(),o("label",{htmlFor:c},u),o("input",{type:"checkbox",role:"switch","aria-checked":`${i}`,disabled:n,id:c,onFocus:()=>this.onFocus(),onBlur:()=>this.onBlur(),ref:t=>this.focusEl=t}))}get el(){return i(this)}static get watchers(){return{disabled:["disabledChanged"]}}};const z=(t,e,o,a)=>{if(e){return!t&&a>o||t&&-a<o}else{return!t&&-a<o||t&&a>o}};let C=0;j.style={ios:k,md:y};export{j as ion_toggle};
+//# sourceMappingURL=p-c34f0243.entry.js.map

package/dist/elements/p-c6c9f7e0.entry.js

@@ -0,0 +1,2 @@
+import{r as t,i as o,h as s,H as i,d as e}from"./p-ad32e711.js";import{c as n,h as a}from"./p-669fab6c.js";import{g as r}from"./p-17cb620a.js";const c=":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;flex-wrap:wrap;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;justify-content:center}";const d=c;const l=":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:flex;flex-wrap:wrap;align-items:center}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon{color:var(--ion-color-contrast)}:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator{background:rgba(var(--ion-color-contrast-rgb), 0.11)}:host(.in-toolbar){-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}";const h=l;const b=class{constructor(s){t(this,s);this.ionCollapsedClick=o(this,"ionCollapsedClick",7);this.breadcrumbsInit=()=>{this.setBreadcrumbSeparator();this.setMaxItems()};this.resetActiveBreadcrumb=()=>{const t=this.getBreadcrumbs();const o=t.find((t=>t.active));if(o&&this.activeChanged){o.active=false}};this.setMaxItems=()=>{const{itemsAfterCollapse:t,itemsBeforeCollapse:o,maxItems:s}=this;const i=this.getBreadcrumbs();for(const t of i){t.showCollapsedIndicator=false;t.collapsed=false}const e=s!==undefined&&i.length>s&&o+t<=s;if(e){i.forEach(((s,e)=>{if(e===o){s.showCollapsedIndicator=true}if(e>=o&&e<i.length-t){s.collapsed=true}}))}};this.setBreadcrumbSeparator=()=>{const{itemsAfterCollapse:t,itemsBeforeCollapse:o,maxItems:s}=this;const i=this.getBreadcrumbs();const e=i.find((t=>t.active));for(const n of i){const a=s!==undefined&&t===0?n===i[o]:n===i[i.length-1];n.last=a;const r=n.separator!==undefined?n.separator:a?undefined:true;n.separator=r;if(!e&&a){n.active=true;this.activeChanged=true}}};this.getBreadcrumbs=()=>Array.from(this.el.querySelectorAll("ion-breadcrumb"));this.slotChanged=()=>{this.resetActiveBreadcrumb();this.breadcrumbsInit()};this.collapsed=undefined;this.activeChanged=undefined;this.color=undefined;this.maxItems=undefined;this.itemsBeforeCollapse=1;this.itemsAfterCollapse=1}onCollapsedClick(t){const o=this.getBreadcrumbs();const s=o.filter((t=>t.collapsed));this.ionCollapsedClick.emit(Object.assign(Object.assign({},t.detail),{collapsedBreadcrumbs:s}))}maxItemsChanged(){this.resetActiveBreadcrumb();this.breadcrumbsInit()}componentWillLoad(){this.breadcrumbsInit()}render(){const{color:t,collapsed:o}=this;const e=r(this);return s(i,{key:"cd288d4bf5498f86d086eb999b506993818642f3",class:n(t,{[e]:true,"in-toolbar":a("ion-toolbar",this.el),"in-toolbar-color":a("ion-toolbar[color]",this.el),"breadcrumbs-collapsed":o})},s("slot",{key:"73c802065511dbebef3867b01ce929313d24cba2",onSlotchange:this.slotChanged}))}get el(){return e(this)}static get watchers(){return{maxItems:["maxItemsChanged"],itemsBeforeCollapse:["maxItemsChanged"],itemsAfterCollapse:["maxItemsChanged"]}}};b.style={ios:d,md:h};export{b as ion_breadcrumbs};
+//# sourceMappingURL=p-c6c9f7e0.entry.js.map

package/dist/elements/{p-d08312dd.entry.js.map → p-c6c9f7e0.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["breadcrumbsIosCss","IonBreadcrumbsIosStyle0","breadcrumbsMdCss","IonBreadcrumbsMdStyle0","Breadcrumbs","constructor","hostRef","this","breadcrumbsInit","setBreadcrumbSeparator","setMaxItems","resetActiveBreadcrumb","breadcrumbs","getBreadcrumbs","activeBreadcrumb","find","breadcrumb","active","activeChanged","itemsAfterCollapse","itemsBeforeCollapse","maxItems","showCollapsedIndicator","collapsed","shouldCollapse","undefined","length","forEach","index","last","separator","Array","from","el","querySelectorAll","slotChanged","color","onCollapsedClick","ev","collapsedBreadcrumbs","filter","ionCollapsedClick","emit","Object","assign","detail","maxItemsChanged","componentWillLoad","render","mode","getIonMode","h","Host","key","class","createColorClasses","hostContext","onSlotchange"],"sources":["../node_modules/@ionic/core/dist/collection/components/breadcrumbs/breadcrumbs.ios.css?tag=ion-breadcrumbs&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/breadcrumbs/breadcrumbs.md.css?tag=ion-breadcrumbs&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/breadcrumbs/breadcrumbs.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n:host(.in-toolbar-color),\n:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon {\n  color: var(--ion-color-contrast);\n}\n\n:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator {\n  background: rgba(var(--ion-color-contrast-rgb), 0.11);\n}\n\n:host(.in-toolbar) {\n  -webkit-padding-start: 20px;\n  padding-inline-start: 20px;\n  -webkit-padding-end: 20px;\n  padding-inline-end: 20px;\n  padding-top: 0;\n  padding-bottom: 0;\n  justify-content: center;\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n:host(.in-toolbar-color),\n:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon {\n  color: var(--ion-color-contrast);\n}\n\n:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator {\n  background: rgba(var(--ion-color-contrast-rgb), 0.11);\n}\n\n:host(.in-toolbar) {\n  -webkit-padding-start: 8px;\n  padding-inline-start: 8px;\n  -webkit-padding-end: 8px;\n  padding-inline-end: 8px;\n  padding-top: 0;\n  padding-bottom: 0;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n *\n */\nexport class Breadcrumbs {\n    constructor() {\n        this.breadcrumbsInit = () => {\n            this.setBreadcrumbSeparator();\n            this.setMaxItems();\n        };\n        this.resetActiveBreadcrumb = () => {\n            const breadcrumbs = this.getBreadcrumbs();\n            // Only reset the active breadcrumb if we were the ones to change it\n            // otherwise use the one set on the component\n            const activeBreadcrumb = breadcrumbs.find((breadcrumb) => breadcrumb.active);\n            if (activeBreadcrumb && this.activeChanged) {\n                activeBreadcrumb.active = false;\n            }\n        };\n        this.setMaxItems = () => {\n            const { itemsAfterCollapse, itemsBeforeCollapse, maxItems } = this;\n            const breadcrumbs = this.getBreadcrumbs();\n            for (const breadcrumb of breadcrumbs) {\n                breadcrumb.showCollapsedIndicator = false;\n                breadcrumb.collapsed = false;\n            }\n            // If the number of breadcrumbs exceeds the maximum number of items\n            // that should show and the items before / after collapse do not\n            // exceed the maximum items then we need to collapse the breadcrumbs\n            const shouldCollapse = maxItems !== undefined && breadcrumbs.length > maxItems && itemsBeforeCollapse + itemsAfterCollapse <= maxItems;\n            if (shouldCollapse) {\n                // Show the collapsed indicator in the first breadcrumb that collapses\n                breadcrumbs.forEach((breadcrumb, index) => {\n                    if (index === itemsBeforeCollapse) {\n                        breadcrumb.showCollapsedIndicator = true;\n                    }\n                    // Collapse all breadcrumbs that have an index greater than or equal to\n                    // the number before collapse and an index less than the total number\n                    // of breadcrumbs minus the items that should show after the collapse\n                    if (index >= itemsBeforeCollapse && index < breadcrumbs.length - itemsAfterCollapse) {\n                        breadcrumb.collapsed = true;\n                    }\n                });\n            }\n        };\n        this.setBreadcrumbSeparator = () => {\n            const { itemsAfterCollapse, itemsBeforeCollapse, maxItems } = this;\n            const breadcrumbs = this.getBreadcrumbs();\n            // Check if an active breadcrumb exists already\n            const active = breadcrumbs.find((breadcrumb) => breadcrumb.active);\n            // Set the separator on all but the last breadcrumb\n            for (const breadcrumb of breadcrumbs) {\n                // The only time the last breadcrumb changes is when\n                // itemsAfterCollapse is set to 0, in this case the\n                // last breadcrumb will be the collapsed indicator\n                const last = maxItems !== undefined && itemsAfterCollapse === 0\n                    ? breadcrumb === breadcrumbs[itemsBeforeCollapse]\n                    : breadcrumb === breadcrumbs[breadcrumbs.length - 1];\n                breadcrumb.last = last;\n                // If the breadcrumb has defined whether or not to show the\n                // separator then use that value, otherwise check if it's the\n                // last breadcrumb\n                const separator = breadcrumb.separator !== undefined ? breadcrumb.separator : last ? undefined : true;\n                breadcrumb.separator = separator;\n                // If there is not an active breadcrumb already\n                // set the last one to active\n                if (!active && last) {\n                    breadcrumb.active = true;\n                    this.activeChanged = true;\n                }\n            }\n        };\n        this.getBreadcrumbs = () => {\n            return Array.from(this.el.querySelectorAll('ion-breadcrumb'));\n        };\n        this.slotChanged = () => {\n            this.resetActiveBreadcrumb();\n            this.breadcrumbsInit();\n        };\n        this.collapsed = undefined;\n        this.activeChanged = undefined;\n        this.color = undefined;\n        this.maxItems = undefined;\n        this.itemsBeforeCollapse = 1;\n        this.itemsAfterCollapse = 1;\n    }\n    onCollapsedClick(ev) {\n        const breadcrumbs = this.getBreadcrumbs();\n        const collapsedBreadcrumbs = breadcrumbs.filter((breadcrumb) => breadcrumb.collapsed);\n        this.ionCollapsedClick.emit(Object.assign(Object.assign({}, ev.detail), { collapsedBreadcrumbs }));\n    }\n    maxItemsChanged() {\n        this.resetActiveBreadcrumb();\n        this.breadcrumbsInit();\n    }\n    componentWillLoad() {\n        this.breadcrumbsInit();\n    }\n    render() {\n        const { color, collapsed } = this;\n        const mode = getIonMode(this);\n        return (h(Host, { key: 'cd288d4bf5498f86d086eb999b506993818642f3', class: createColorClasses(color, {\n                [mode]: true,\n                'in-toolbar': hostContext('ion-toolbar', this.el),\n                'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),\n                'breadcrumbs-collapsed': collapsed,\n            }) }, h(\"slot\", { key: '73c802065511dbebef3867b01ce929313d24cba2', onSlotchange: this.slotChanged })));\n    }\n    static get is() { return \"ion-breadcrumbs\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"breadcrumbs.ios.scss\"],\n            \"md\": [\"breadcrumbs.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"breadcrumbs.ios.css\"],\n            \"md\": [\"breadcrumbs.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": true\n            },\n            \"maxItems\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The maximum number of breadcrumbs to show before collapsing.\"\n                },\n                \"attribute\": \"max-items\",\n                \"reflect\": false\n            },\n            \"itemsBeforeCollapse\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of breadcrumbs to show before the collapsed indicator.\\nIf `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,\\nthe breadcrumbs will not be collapsed.\"\n                },\n                \"attribute\": \"items-before-collapse\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            },\n            \"itemsAfterCollapse\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of breadcrumbs to show after the collapsed indicator.\\nIf `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,\\nthe breadcrumbs will not be collapsed.\"\n                },\n                \"attribute\": \"items-after-collapse\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"collapsed\": {},\n            \"activeChanged\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionCollapsedClick\",\n                \"name\": \"ionCollapsedClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the collapsed indicator is clicked on.\"\n                },\n                \"complexType\": {\n                    \"original\": \"BreadcrumbCollapsedClickEventDetail\",\n                    \"resolved\": \"BreadcrumbCollapsedClickEventDetail\",\n                    \"references\": {\n                        \"BreadcrumbCollapsedClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../breadcrumb/breadcrumb-interface\",\n                            \"id\": \"src/components/breadcrumb/breadcrumb-interface.ts::BreadcrumbCollapsedClickEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"maxItems\",\n                \"methodName\": \"maxItemsChanged\"\n            }, {\n                \"propName\": \"itemsBeforeCollapse\",\n                \"methodName\": \"maxItemsChanged\"\n            }, {\n                \"propName\": \"itemsAfterCollapse\",\n                \"methodName\": \"maxItemsChanged\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"collapsedClick\",\n                \"method\": \"onCollapsedClick\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n"],"mappings":"0IAAA,MAAMA,EAAoB,uhBAC1B,MAAAC,EAAeD,ECDf,MAAME,EAAmB,4fACzB,MAAAC,EAAeD,E,MCSFE,EAAW,MACpB,WAAAC,CAAAC,G,+DACIC,KAAKC,gBAAkB,KACnBD,KAAKE,yBACLF,KAAKG,aAAa,EAEtBH,KAAKI,sBAAwB,KACzB,MAAMC,EAAcL,KAAKM,iBAGzB,MAAMC,EAAmBF,EAAYG,MAAMC,GAAeA,EAAWC,SACrE,GAAIH,GAAoBP,KAAKW,cAAe,CACxCJ,EAAiBG,OAAS,K,GAGlCV,KAAKG,YAAc,KACf,MAAMS,mBAAEA,EAAkBC,oBAAEA,EAAmBC,SAAEA,GAAad,KAC9D,MAAMK,EAAcL,KAAKM,iBACzB,IAAK,MAAMG,KAAcJ,EAAa,CAClCI,EAAWM,uBAAyB,MACpCN,EAAWO,UAAY,K,CAK3B,MAAMC,EAAiBH,IAAaI,WAAab,EAAYc,OAASL,GAAYD,EAAsBD,GAAsBE,EAC9H,GAAIG,EAAgB,CAEhBZ,EAAYe,SAAQ,CAACX,EAAYY,KAC7B,GAAIA,IAAUR,EAAqB,CAC/BJ,EAAWM,uBAAyB,I,CAKxC,GAAIM,GAASR,GAAuBQ,EAAQhB,EAAYc,OAASP,EAAoB,CACjFH,EAAWO,UAAY,I,OAKvChB,KAAKE,uBAAyB,KAC1B,MAAMU,mBAAEA,EAAkBC,oBAAEA,EAAmBC,SAAEA,GAAad,KAC9D,MAAMK,EAAcL,KAAKM,iBAEzB,MAAMI,EAASL,EAAYG,MAAMC,GAAeA,EAAWC,SAE3D,IAAK,MAAMD,KAAcJ,EAAa,CAIlC,MAAMiB,EAAOR,IAAaI,WAAaN,IAAuB,EACxDH,IAAeJ,EAAYQ,GAC3BJ,IAAeJ,EAAYA,EAAYc,OAAS,GACtDV,EAAWa,KAAOA,EAIlB,MAAMC,EAAYd,EAAWc,YAAcL,UAAYT,EAAWc,UAAYD,EAAOJ,UAAY,KACjGT,EAAWc,UAAYA,EAGvB,IAAKb,GAAUY,EAAM,CACjBb,EAAWC,OAAS,KACpBV,KAAKW,cAAgB,I,IAIjCX,KAAKM,eAAiB,IACXkB,MAAMC,KAAKzB,KAAK0B,GAAGC,iBAAiB,mBAE/C3B,KAAK4B,YAAc,KACf5B,KAAKI,wBACLJ,KAAKC,iBAAiB,EAE1BD,KAAKgB,UAAYE,UACjBlB,KAAKW,cAAgBO,UACrBlB,KAAK6B,MAAQX,UACblB,KAAKc,SAAWI,UAChBlB,KAAKa,oBAAsB,EAC3Bb,KAAKY,mBAAqB,C,CAE9B,gBAAAkB,CAAiBC,GACb,MAAM1B,EAAcL,KAAKM,iBACzB,MAAM0B,EAAuB3B,EAAY4B,QAAQxB,GAAeA,EAAWO,YAC3EhB,KAAKkC,kBAAkBC,KAAKC,OAAOC,OAAOD,OAAOC,OAAO,GAAIN,EAAGO,QAAS,CAAEN,yB,CAE9E,eAAAO,GACIvC,KAAKI,wBACLJ,KAAKC,iB,CAET,iBAAAuC,GACIxC,KAAKC,iB,CAET,MAAAwC,GACI,MAAMZ,MAAEA,EAAKb,UAAEA,GAAchB,KAC7B,MAAM0C,EAAOC,EAAW3C,MACxB,OAAQ4C,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAOC,EAAmBnB,EAAO,CAC5Fa,CAACA,GAAO,KACR,aAAcO,EAAY,cAAejD,KAAK0B,IAC9C,mBAAoBuB,EAAY,qBAAsBjD,KAAK0B,IAC3D,wBAAyBV,KACvB4B,EAAE,OAAQ,CAAEE,IAAK,2CAA4CI,aAAclD,KAAK4B,c","ignoreList":[]}
+{"version":3,"names":["breadcrumbsIosCss","IonBreadcrumbsIosStyle0","breadcrumbsMdCss","IonBreadcrumbsMdStyle0","Breadcrumbs","constructor","hostRef","this","breadcrumbsInit","setBreadcrumbSeparator","setMaxItems","resetActiveBreadcrumb","breadcrumbs","getBreadcrumbs","activeBreadcrumb","find","breadcrumb","active","activeChanged","itemsAfterCollapse","itemsBeforeCollapse","maxItems","showCollapsedIndicator","collapsed","shouldCollapse","undefined","length","forEach","index","last","separator","Array","from","el","querySelectorAll","slotChanged","color","onCollapsedClick","ev","collapsedBreadcrumbs","filter","ionCollapsedClick","emit","Object","assign","detail","maxItemsChanged","componentWillLoad","render","mode","getIonMode","h","Host","key","class","createColorClasses","hostContext","onSlotchange"],"sources":["../node_modules/@ionic/core/dist/collection/components/breadcrumbs/breadcrumbs.ios.css?tag=ion-breadcrumbs&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/breadcrumbs/breadcrumbs.md.css?tag=ion-breadcrumbs&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/breadcrumbs/breadcrumbs.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n:host(.in-toolbar-color),\n:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon {\n  color: var(--ion-color-contrast);\n}\n\n:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator {\n  background: rgba(var(--ion-color-contrast-rgb), 0.11);\n}\n\n:host(.in-toolbar) {\n  -webkit-padding-start: 20px;\n  padding-inline-start: 20px;\n  -webkit-padding-end: 20px;\n  padding-inline-end: 20px;\n  padding-top: 0;\n  padding-bottom: 0;\n  justify-content: center;\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n}\n\n:host(.in-toolbar-color),\n:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator ion-icon {\n  color: var(--ion-color-contrast);\n}\n\n:host(.in-toolbar-color) .breadcrumbs-collapsed-indicator {\n  background: rgba(var(--ion-color-contrast-rgb), 0.11);\n}\n\n:host(.in-toolbar) {\n  -webkit-padding-start: 8px;\n  padding-inline-start: 8px;\n  -webkit-padding-end: 8px;\n  padding-inline-end: 8px;\n  padding-top: 0;\n  padding-bottom: 0;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n *\n */\nexport class Breadcrumbs {\n    constructor() {\n        this.breadcrumbsInit = () => {\n            this.setBreadcrumbSeparator();\n            this.setMaxItems();\n        };\n        this.resetActiveBreadcrumb = () => {\n            const breadcrumbs = this.getBreadcrumbs();\n            // Only reset the active breadcrumb if we were the ones to change it\n            // otherwise use the one set on the component\n            const activeBreadcrumb = breadcrumbs.find((breadcrumb) => breadcrumb.active);\n            if (activeBreadcrumb && this.activeChanged) {\n                activeBreadcrumb.active = false;\n            }\n        };\n        this.setMaxItems = () => {\n            const { itemsAfterCollapse, itemsBeforeCollapse, maxItems } = this;\n            const breadcrumbs = this.getBreadcrumbs();\n            for (const breadcrumb of breadcrumbs) {\n                breadcrumb.showCollapsedIndicator = false;\n                breadcrumb.collapsed = false;\n            }\n            // If the number of breadcrumbs exceeds the maximum number of items\n            // that should show and the items before / after collapse do not\n            // exceed the maximum items then we need to collapse the breadcrumbs\n            const shouldCollapse = maxItems !== undefined && breadcrumbs.length > maxItems && itemsBeforeCollapse + itemsAfterCollapse <= maxItems;\n            if (shouldCollapse) {\n                // Show the collapsed indicator in the first breadcrumb that collapses\n                breadcrumbs.forEach((breadcrumb, index) => {\n                    if (index === itemsBeforeCollapse) {\n                        breadcrumb.showCollapsedIndicator = true;\n                    }\n                    // Collapse all breadcrumbs that have an index greater than or equal to\n                    // the number before collapse and an index less than the total number\n                    // of breadcrumbs minus the items that should show after the collapse\n                    if (index >= itemsBeforeCollapse && index < breadcrumbs.length - itemsAfterCollapse) {\n                        breadcrumb.collapsed = true;\n                    }\n                });\n            }\n        };\n        this.setBreadcrumbSeparator = () => {\n            const { itemsAfterCollapse, itemsBeforeCollapse, maxItems } = this;\n            const breadcrumbs = this.getBreadcrumbs();\n            // Check if an active breadcrumb exists already\n            const active = breadcrumbs.find((breadcrumb) => breadcrumb.active);\n            // Set the separator on all but the last breadcrumb\n            for (const breadcrumb of breadcrumbs) {\n                // The only time the last breadcrumb changes is when\n                // itemsAfterCollapse is set to 0, in this case the\n                // last breadcrumb will be the collapsed indicator\n                const last = maxItems !== undefined && itemsAfterCollapse === 0\n                    ? breadcrumb === breadcrumbs[itemsBeforeCollapse]\n                    : breadcrumb === breadcrumbs[breadcrumbs.length - 1];\n                breadcrumb.last = last;\n                // If the breadcrumb has defined whether or not to show the\n                // separator then use that value, otherwise check if it's the\n                // last breadcrumb\n                const separator = breadcrumb.separator !== undefined ? breadcrumb.separator : last ? undefined : true;\n                breadcrumb.separator = separator;\n                // If there is not an active breadcrumb already\n                // set the last one to active\n                if (!active && last) {\n                    breadcrumb.active = true;\n                    this.activeChanged = true;\n                }\n            }\n        };\n        this.getBreadcrumbs = () => {\n            return Array.from(this.el.querySelectorAll('ion-breadcrumb'));\n        };\n        this.slotChanged = () => {\n            this.resetActiveBreadcrumb();\n            this.breadcrumbsInit();\n        };\n        this.collapsed = undefined;\n        this.activeChanged = undefined;\n        this.color = undefined;\n        this.maxItems = undefined;\n        this.itemsBeforeCollapse = 1;\n        this.itemsAfterCollapse = 1;\n    }\n    onCollapsedClick(ev) {\n        const breadcrumbs = this.getBreadcrumbs();\n        const collapsedBreadcrumbs = breadcrumbs.filter((breadcrumb) => breadcrumb.collapsed);\n        this.ionCollapsedClick.emit(Object.assign(Object.assign({}, ev.detail), { collapsedBreadcrumbs }));\n    }\n    maxItemsChanged() {\n        this.resetActiveBreadcrumb();\n        this.breadcrumbsInit();\n    }\n    componentWillLoad() {\n        this.breadcrumbsInit();\n    }\n    render() {\n        const { color, collapsed } = this;\n        const mode = getIonMode(this);\n        return (h(Host, { key: 'cd288d4bf5498f86d086eb999b506993818642f3', class: createColorClasses(color, {\n                [mode]: true,\n                'in-toolbar': hostContext('ion-toolbar', this.el),\n                'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),\n                'breadcrumbs-collapsed': collapsed,\n            }) }, h(\"slot\", { key: '73c802065511dbebef3867b01ce929313d24cba2', onSlotchange: this.slotChanged })));\n    }\n    static get is() { return \"ion-breadcrumbs\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"breadcrumbs.ios.scss\"],\n            \"md\": [\"breadcrumbs.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"breadcrumbs.ios.css\"],\n            \"md\": [\"breadcrumbs.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": true\n            },\n            \"maxItems\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The maximum number of breadcrumbs to show before collapsing.\"\n                },\n                \"attribute\": \"max-items\",\n                \"reflect\": false\n            },\n            \"itemsBeforeCollapse\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of breadcrumbs to show before the collapsed indicator.\\nIf `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,\\nthe breadcrumbs will not be collapsed.\"\n                },\n                \"attribute\": \"items-before-collapse\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            },\n            \"itemsAfterCollapse\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of breadcrumbs to show after the collapsed indicator.\\nIf `itemsBeforeCollapse` + `itemsAfterCollapse` is greater than `maxItems`,\\nthe breadcrumbs will not be collapsed.\"\n                },\n                \"attribute\": \"items-after-collapse\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"collapsed\": {},\n            \"activeChanged\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionCollapsedClick\",\n                \"name\": \"ionCollapsedClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the collapsed indicator is clicked on.\"\n                },\n                \"complexType\": {\n                    \"original\": \"BreadcrumbCollapsedClickEventDetail\",\n                    \"resolved\": \"BreadcrumbCollapsedClickEventDetail\",\n                    \"references\": {\n                        \"BreadcrumbCollapsedClickEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../breadcrumb/breadcrumb-interface\",\n                            \"id\": \"src/components/breadcrumb/breadcrumb-interface.ts::BreadcrumbCollapsedClickEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"maxItems\",\n                \"methodName\": \"maxItemsChanged\"\n            }, {\n                \"propName\": \"itemsBeforeCollapse\",\n                \"methodName\": \"maxItemsChanged\"\n            }, {\n                \"propName\": \"itemsAfterCollapse\",\n                \"methodName\": \"maxItemsChanged\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"collapsedClick\",\n                \"method\": \"onCollapsedClick\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n"],"mappings":"+IAAA,MAAMA,EAAoB,uhBAC1B,MAAAC,EAAeD,ECDf,MAAME,EAAmB,4fACzB,MAAAC,EAAeD,E,MCSFE,EAAW,MACpB,WAAAC,CAAAC,G,+DACIC,KAAKC,gBAAkB,KACnBD,KAAKE,yBACLF,KAAKG,aAAa,EAEtBH,KAAKI,sBAAwB,KACzB,MAAMC,EAAcL,KAAKM,iBAGzB,MAAMC,EAAmBF,EAAYG,MAAMC,GAAeA,EAAWC,SACrE,GAAIH,GAAoBP,KAAKW,cAAe,CACxCJ,EAAiBG,OAAS,K,GAGlCV,KAAKG,YAAc,KACf,MAAMS,mBAAEA,EAAkBC,oBAAEA,EAAmBC,SAAEA,GAAad,KAC9D,MAAMK,EAAcL,KAAKM,iBACzB,IAAK,MAAMG,KAAcJ,EAAa,CAClCI,EAAWM,uBAAyB,MACpCN,EAAWO,UAAY,K,CAK3B,MAAMC,EAAiBH,IAAaI,WAAab,EAAYc,OAASL,GAAYD,EAAsBD,GAAsBE,EAC9H,GAAIG,EAAgB,CAEhBZ,EAAYe,SAAQ,CAACX,EAAYY,KAC7B,GAAIA,IAAUR,EAAqB,CAC/BJ,EAAWM,uBAAyB,I,CAKxC,GAAIM,GAASR,GAAuBQ,EAAQhB,EAAYc,OAASP,EAAoB,CACjFH,EAAWO,UAAY,I,OAKvChB,KAAKE,uBAAyB,KAC1B,MAAMU,mBAAEA,EAAkBC,oBAAEA,EAAmBC,SAAEA,GAAad,KAC9D,MAAMK,EAAcL,KAAKM,iBAEzB,MAAMI,EAASL,EAAYG,MAAMC,GAAeA,EAAWC,SAE3D,IAAK,MAAMD,KAAcJ,EAAa,CAIlC,MAAMiB,EAAOR,IAAaI,WAAaN,IAAuB,EACxDH,IAAeJ,EAAYQ,GAC3BJ,IAAeJ,EAAYA,EAAYc,OAAS,GACtDV,EAAWa,KAAOA,EAIlB,MAAMC,EAAYd,EAAWc,YAAcL,UAAYT,EAAWc,UAAYD,EAAOJ,UAAY,KACjGT,EAAWc,UAAYA,EAGvB,IAAKb,GAAUY,EAAM,CACjBb,EAAWC,OAAS,KACpBV,KAAKW,cAAgB,I,IAIjCX,KAAKM,eAAiB,IACXkB,MAAMC,KAAKzB,KAAK0B,GAAGC,iBAAiB,mBAE/C3B,KAAK4B,YAAc,KACf5B,KAAKI,wBACLJ,KAAKC,iBAAiB,EAE1BD,KAAKgB,UAAYE,UACjBlB,KAAKW,cAAgBO,UACrBlB,KAAK6B,MAAQX,UACblB,KAAKc,SAAWI,UAChBlB,KAAKa,oBAAsB,EAC3Bb,KAAKY,mBAAqB,C,CAE9B,gBAAAkB,CAAiBC,GACb,MAAM1B,EAAcL,KAAKM,iBACzB,MAAM0B,EAAuB3B,EAAY4B,QAAQxB,GAAeA,EAAWO,YAC3EhB,KAAKkC,kBAAkBC,KAAKC,OAAOC,OAAOD,OAAOC,OAAO,GAAIN,EAAGO,QAAS,CAAEN,yB,CAE9E,eAAAO,GACIvC,KAAKI,wBACLJ,KAAKC,iB,CAET,iBAAAuC,GACIxC,KAAKC,iB,CAET,MAAAwC,GACI,MAAMZ,MAAEA,EAAKb,UAAEA,GAAchB,KAC7B,MAAM0C,EAAOC,EAAW3C,MACxB,OAAQ4C,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAOC,EAAmBnB,EAAO,CAC5Fa,CAACA,GAAO,KACR,aAAcO,EAAY,cAAejD,KAAK0B,IAC9C,mBAAoBuB,EAAY,qBAAsBjD,KAAK0B,IAC3D,wBAAyBV,KACvB4B,EAAE,OAAQ,CAAEE,IAAK,2CAA4CI,aAAclD,KAAK4B,c","ignoreList":[]}

package/dist/elements/p-c992243d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,i,h as s,d as e}from"./p-ad32e711.js";import{g as a}from"./p-bc04bd54.js";import{a as n,d as h}from"./p-eba70ed1.js";import{s as o,j as r}from"./p-71ee259b.js";import{c as d}from"./p-3a4d289f.js";import{t as c}from"./p-19e2dbee.js";import{g as l,c as u}from"./p-17cb620a.js";const f=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";const m=f;const p=class{constructor(s){t(this,s);this.ionNavWillLoad=i(this,"ionNavWillLoad",7);this.ionNavWillChange=i(this,"ionNavWillChange",3);this.ionNavDidChange=i(this,"ionNavDidChange",3);this.lockController=d();this.gestureOrAnimationInProgress=false;this.mode=l(this);this.delegate=undefined;this.animated=true;this.animation=undefined;this.swipeHandler=undefined}swipeHandlerChanged(){if(this.gesture){this.gesture.enable(this.swipeHandler!==undefined)}}async connectedCallback(){const t=()=>{this.gestureOrAnimationInProgress=true;if(this.swipeHandler){this.swipeHandler.onStart()}};this.gesture=(await import("./p-c452a2e9.js")).createSwipeBackGesture(this.el,(()=>!this.gestureOrAnimationInProgress&&!!this.swipeHandler&&this.swipeHandler.canStart()),(()=>t()),(t=>{var i;return(i=this.ani)===null||i===void 0?void 0:i.progressStep(t)}),((t,i,s)=>{if(this.ani){this.ani.onFinish((()=>{this.gestureOrAnimationInProgress=false;if(this.swipeHandler){this.swipeHandler.onEnd(t)}}),{oneTimeCallback:true});let e=t?-.001:.001;if(!t){this.ani.easing("cubic-bezier(1, 0, 0.68, 0.28)");e+=a([0,0],[1,0],[.68,.28],[1,1],i)[0]}else{e+=a([0,0],[.32,.72],[0,1],[1,1],i)[0]}this.ani.progressEnd(t?1:0,e,s)}else{this.gestureOrAnimationInProgress=false}}));this.swipeHandlerChanged()}componentWillLoad(){this.ionNavWillLoad.emit()}disconnectedCallback(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}}async commit(t,i,s){const e=await this.lockController.lock();let a=false;try{a=await this.transition(t,i,s)}catch(t){console.error(t)}e();return a}async setRouteId(t,i,s,e){const a=await this.setRoot(t,i,{duration:s==="root"?0:undefined,direction:s==="back"?"back":"forward",animationBuilder:e});return{changed:a,element:this.activeEl}}async getRouteId(){const t=this.activeEl;return t?{id:t.tagName,element:t,params:this.activeParams}:undefined}async setRoot(t,i,s){if(this.activeComponent===t&&o(i,this.activeParams)){return false}const e=this.activeEl;const a=await n(this.delegate,this.el,t,["ion-page","ion-page-invisible"],i);this.activeComponent=t;this.activeEl=a;this.activeParams=i;await this.commit(a,e,s);await h(this.delegate,e);return true}async transition(t,i,s={}){if(i===t){return false}this.ionNavWillChange.emit();const{el:e,mode:a}=this;const n=this.animated&&u.getBoolean("animated",true);const h=s.animationBuilder||this.animation||u.get("navAnimation");await c(Object.assign(Object.assign({mode:a,animated:n,enteringEl:t,leavingEl:i,baseEl:e,deepWait:r(e),progressCallback:s.progressAnimation?t=>{if(t!==undefined&&!this.gestureOrAnimationInProgress){this.gestureOrAnimationInProgress=true;t.onFinish((()=>{this.gestureOrAnimationInProgress=false;if(this.swipeHandler){this.swipeHandler.onEnd(false)}}),{oneTimeCallback:true});t.progressEnd(0,0,0)}else{this.ani=t}}:undefined},s),{animationBuilder:h}));this.ionNavDidChange.emit();return true}render(){return s("slot",{key:"0949db1bcfde67b462abe9cae72c7a7fd70ea678"})}get el(){return e(this)}static get watchers(){return{swipeHandler:["swipeHandlerChanged"]}}};p.style=m;export{p as ion_router_outlet};
+//# sourceMappingURL=p-c992243d.entry.js.map

package/dist/elements/{p-a06d93c7.entry.js.map → p-c992243d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["routerOutletCss","IonRouterOutletStyle0","RouterOutlet","constructor","hostRef","this","lockController","createLockController","gestureOrAnimationInProgress","mode","getIonMode","delegate","undefined","animated","animation","swipeHandler","swipeHandlerChanged","gesture","enable","connectedCallback","onStart","import","createSwipeBackGesture","el","canStart","step","_a","ani","progressStep","shouldComplete","dur","onFinish","onEnd","oneTimeCallback","newStepValue","easing","getTimeGivenProgression","progressEnd","componentWillLoad","ionNavWillLoad","emit","disconnectedCallback","destroy","commit","enteringEl","leavingEl","opts","unlock","lock","changed","transition","e","console","error","setRouteId","id","params","direction","setRoot","duration","animationBuilder","element","activeEl","getRouteId","active","tagName","activeParams","component","activeComponent","shallowEqualStringMap","attachComponent","detachComponent","ionNavWillChange","config","getBoolean","get","Object","assign","baseEl","deepWait","hasLazyBuild","progressCallback","progressAnimation","ionNavDidChange","render","h","key"],"sources":["../node_modules/@ionic/core/dist/collection/components/router-outlet/router-outlet.css?tag=ion-router-outlet&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/router-outlet/router-outlet.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  position: absolute;\n  contain: layout size style;\n  z-index: 0;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { h } from \"@stencil/core\";\nimport { getTimeGivenProgression } from \"../../utils/animation/cubic-bezier\";\nimport { attachComponent, detachComponent } from \"../../utils/framework-delegate\";\nimport { shallowEqualStringMap, hasLazyBuild } from \"../../utils/helpers\";\nimport { createLockController } from \"../../utils/lock-controller\";\nimport { transition } from \"../../utils/transition/index\";\nimport { config } from \"../../global/config\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class RouterOutlet {\n    constructor() {\n        this.lockController = createLockController();\n        this.gestureOrAnimationInProgress = false;\n        this.mode = getIonMode(this);\n        this.delegate = undefined;\n        this.animated = true;\n        this.animation = undefined;\n        this.swipeHandler = undefined;\n    }\n    swipeHandlerChanged() {\n        if (this.gesture) {\n            this.gesture.enable(this.swipeHandler !== undefined);\n        }\n    }\n    async connectedCallback() {\n        const onStart = () => {\n            this.gestureOrAnimationInProgress = true;\n            if (this.swipeHandler) {\n                this.swipeHandler.onStart();\n            }\n        };\n        this.gesture = (await import('../../utils/gesture/swipe-back')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {\n            if (this.ani) {\n                this.ani.onFinish(() => {\n                    this.gestureOrAnimationInProgress = false;\n                    if (this.swipeHandler) {\n                        this.swipeHandler.onEnd(shouldComplete);\n                    }\n                }, { oneTimeCallback: true });\n                // Account for rounding errors in JS\n                let newStepValue = shouldComplete ? -0.001 : 0.001;\n                /**\n                 * Animation will be reversed here, so need to\n                 * reverse the easing curve as well\n                 *\n                 * Additionally, we need to account for the time relative\n                 * to the new easing curve, as `stepValue` is going to be given\n                 * in terms of a linear curve.\n                 */\n                if (!shouldComplete) {\n                    this.ani.easing('cubic-bezier(1, 0, 0.68, 0.28)');\n                    newStepValue += getTimeGivenProgression([0, 0], [1, 0], [0.68, 0.28], [1, 1], step)[0];\n                }\n                else {\n                    newStepValue += getTimeGivenProgression([0, 0], [0.32, 0.72], [0, 1], [1, 1], step)[0];\n                }\n                this.ani.progressEnd(shouldComplete ? 1 : 0, newStepValue, dur);\n            }\n            else {\n                this.gestureOrAnimationInProgress = false;\n            }\n        });\n        this.swipeHandlerChanged();\n    }\n    componentWillLoad() {\n        this.ionNavWillLoad.emit();\n    }\n    disconnectedCallback() {\n        if (this.gesture) {\n            this.gesture.destroy();\n            this.gesture = undefined;\n        }\n    }\n    /** @internal */\n    async commit(enteringEl, leavingEl, opts) {\n        const unlock = await this.lockController.lock();\n        let changed = false;\n        try {\n            changed = await this.transition(enteringEl, leavingEl, opts);\n        }\n        catch (e) {\n            console.error(e);\n        }\n        unlock();\n        return changed;\n    }\n    /** @internal */\n    async setRouteId(id, params, direction, animation) {\n        const changed = await this.setRoot(id, params, {\n            duration: direction === 'root' ? 0 : undefined,\n            direction: direction === 'back' ? 'back' : 'forward',\n            animationBuilder: animation,\n        });\n        return {\n            changed,\n            element: this.activeEl,\n        };\n    }\n    /** @internal */\n    async getRouteId() {\n        const active = this.activeEl;\n        return active\n            ? {\n                id: active.tagName,\n                element: active,\n                params: this.activeParams,\n            }\n            : undefined;\n    }\n    async setRoot(component, params, opts) {\n        if (this.activeComponent === component && shallowEqualStringMap(params, this.activeParams)) {\n            return false;\n        }\n        // attach entering view to DOM\n        const leavingEl = this.activeEl;\n        const enteringEl = await attachComponent(this.delegate, this.el, component, ['ion-page', 'ion-page-invisible'], params);\n        this.activeComponent = component;\n        this.activeEl = enteringEl;\n        this.activeParams = params;\n        // commit animation\n        await this.commit(enteringEl, leavingEl, opts);\n        await detachComponent(this.delegate, leavingEl);\n        return true;\n    }\n    async transition(enteringEl, leavingEl, opts = {}) {\n        if (leavingEl === enteringEl) {\n            return false;\n        }\n        // emit nav will change event\n        this.ionNavWillChange.emit();\n        const { el, mode } = this;\n        const animated = this.animated && config.getBoolean('animated', true);\n        const animationBuilder = opts.animationBuilder || this.animation || config.get('navAnimation');\n        await transition(Object.assign(Object.assign({ mode,\n            animated,\n            enteringEl,\n            leavingEl, baseEl: el,\n            /**\n             * We need to wait for all Stencil components\n             * to be ready only when using the lazy\n             * loaded bundle.\n             */\n            deepWait: hasLazyBuild(el), progressCallback: opts.progressAnimation\n                ? (ani) => {\n                    /**\n                     * Because this progress callback is called asynchronously\n                     * it is possible for the gesture to start and end before\n                     * the animation is ever set. In that scenario, we should\n                     * immediately call progressEnd so that the transition promise\n                     * resolves and the gesture does not get locked up.\n                     */\n                    if (ani !== undefined && !this.gestureOrAnimationInProgress) {\n                        this.gestureOrAnimationInProgress = true;\n                        ani.onFinish(() => {\n                            this.gestureOrAnimationInProgress = false;\n                            if (this.swipeHandler) {\n                                this.swipeHandler.onEnd(false);\n                            }\n                        }, { oneTimeCallback: true });\n                        /**\n                         * Playing animation to beginning\n                         * with a duration of 0 prevents\n                         * any flickering when the animation\n                         * is later cleaned up.\n                         */\n                        ani.progressEnd(0, 0, 0);\n                    }\n                    else {\n                        this.ani = ani;\n                    }\n                }\n                : undefined }, opts), { animationBuilder }));\n        // emit nav changed event\n        this.ionNavDidChange.emit();\n        return true;\n    }\n    render() {\n        return h(\"slot\", { key: '0949db1bcfde67b462abe9cae72c7a7fd70ea678' });\n    }\n    static get is() { return \"ion-router-outlet\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"router-outlet.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"router-outlet.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"mode\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"\\\"ios\\\" | \\\"md\\\"\",\n                    \"resolved\": \"\\\"ios\\\" | \\\"md\\\"\",\n                    \"references\": {\n                        \"Mode\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Mode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The mode determines which platform styles to use.\"\n                },\n                \"attribute\": \"mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"getIonMode(this)\"\n            },\n            \"delegate\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FrameworkDelegate\",\n                    \"resolved\": \"FrameworkDelegate | undefined\",\n                    \"references\": {\n                        \"FrameworkDelegate\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::FrameworkDelegate\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                }\n            },\n            \"animated\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the router-outlet should animate the transition of components.\"\n                },\n                \"attribute\": \"animated\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"animation\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AnimationBuilder\",\n                    \"resolved\": \"((baseEl: any, opts?: any) => Animation) | undefined\",\n                    \"references\": {\n                        \"AnimationBuilder\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::AnimationBuilder\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This property allows to create custom transition using AnimationBuilder functions.\"\n                }\n            },\n            \"swipeHandler\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"SwipeGestureHandler\",\n                    \"resolved\": \"SwipeGestureHandler | undefined\",\n                    \"references\": {\n                        \"SwipeGestureHandler\": {\n                            \"location\": \"import\",\n                            \"path\": \"../nav/nav-interface\",\n                            \"id\": \"src/components/nav/nav-interface.ts::SwipeGestureHandler\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                }\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionNavWillLoad\",\n                \"name\": \"ionNavWillLoad\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionNavWillChange\",\n                \"name\": \"ionNavWillChange\",\n                \"bubbles\": false,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionNavDidChange\",\n                \"name\": \"ionNavDidChange\",\n                \"bubbles\": false,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"commit\": {\n                \"complexType\": {\n                    \"signature\": \"(enteringEl: HTMLElement, leavingEl: HTMLElement | undefined, opts?: RouterOutletOptions) => Promise<boolean>\",\n                    \"parameters\": [{\n                            \"name\": \"enteringEl\",\n                            \"type\": \"HTMLElement\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"leavingEl\",\n                            \"type\": \"HTMLElement | undefined\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"opts\",\n                            \"type\": \"RouterOutletOptions | undefined\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        },\n                        \"RouterOutletOptions\": {\n                            \"location\": \"import\",\n                            \"path\": \"../nav/nav-interface\",\n                            \"id\": \"src/components/nav/nav-interface.ts::RouterOutletOptions\"\n                        }\n                    },\n                    \"return\": \"Promise<boolean>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }]\n                }\n            },\n            \"setRouteId\": {\n                \"complexType\": {\n                    \"signature\": \"(id: string, params: ComponentProps | undefined, direction: RouterDirection, animation?: AnimationBuilder) => Promise<RouteWrite>\",\n                    \"parameters\": [{\n                            \"name\": \"id\",\n                            \"type\": \"string\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"params\",\n                            \"type\": \"ComponentProps | undefined\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"direction\",\n                            \"type\": \"\\\"root\\\" | \\\"back\\\" | \\\"forward\\\"\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"animation\",\n                            \"type\": \"AnimationBuilder | undefined\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"RouteWrite\": {\n                            \"location\": \"import\",\n                            \"path\": \"../router/utils/interface\",\n                            \"id\": \"src/components/router/utils/interface.ts::RouteWrite\"\n                        },\n                        \"ComponentProps\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::ComponentProps\"\n                        },\n                        \"RouterDirection\": {\n                            \"location\": \"import\",\n                            \"path\": \"../router/utils/interface\",\n                            \"id\": \"src/components/router/utils/interface.ts::RouterDirection\"\n                        },\n                        \"AnimationBuilder\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::AnimationBuilder\"\n                        }\n                    },\n                    \"return\": \"Promise<RouteWrite>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }]\n                }\n            },\n            \"getRouteId\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<RouteID | undefined>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"RouteID\": {\n                            \"location\": \"import\",\n                            \"path\": \"../router/utils/interface\",\n                            \"id\": \"src/components/router/utils/interface.ts::RouteID\"\n                        }\n                    },\n                    \"return\": \"Promise<RouteID | undefined>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"swipeHandler\",\n                \"methodName\": \"swipeHandlerChanged\"\n            }];\n    }\n}\n"],"mappings":"4RAAA,MAAMA,EAAkB,6FACxB,MAAAC,EAAeD,E,MCUFE,EAAY,MACrB,WAAAC,CAAAC,G,6JACIC,KAAKC,eAAiBC,IACtBF,KAAKG,6BAA+B,MACpCH,KAAKI,KAAOC,EAAWL,MACvBA,KAAKM,SAAWC,UAChBP,KAAKQ,SAAW,KAChBR,KAAKS,UAAYF,UACjBP,KAAKU,aAAeH,S,CAExB,mBAAAI,GACI,GAAIX,KAAKY,QAAS,CACdZ,KAAKY,QAAQC,OAAOb,KAAKU,eAAiBH,U,EAGlD,uBAAMO,GACF,MAAMC,EAAU,KACZf,KAAKG,6BAA+B,KACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaK,S,GAG1Bf,KAAKY,eAAiBI,OAAO,oBAAmCC,uBAAuBjB,KAAKkB,IAAI,KAAOlB,KAAKG,gCAAkCH,KAAKU,cAAgBV,KAAKU,aAAaS,aAAY,IAAMJ,MAAYK,IAAW,IAAIC,EAAI,OAAQA,EAAKrB,KAAKsB,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGE,aAAaH,EAAK,IAAK,CAACI,EAAgBJ,EAAMK,KAC/U,GAAIzB,KAAKsB,IAAK,CACVtB,KAAKsB,IAAII,UAAS,KACd1B,KAAKG,6BAA+B,MACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaiB,MAAMH,E,IAE7B,CAAEI,gBAAiB,OAEtB,IAAIC,EAAeL,GAAkB,KAAQ,KAS7C,IAAKA,EAAgB,CACjBxB,KAAKsB,IAAIQ,OAAO,kCAChBD,GAAgBE,EAAwB,CAAC,EAAG,GAAI,CAAC,EAAG,GAAI,CAAC,IAAM,KAAO,CAAC,EAAG,GAAIX,GAAM,E,KAEnF,CACDS,GAAgBE,EAAwB,CAAC,EAAG,GAAI,CAAC,IAAM,KAAO,CAAC,EAAG,GAAI,CAAC,EAAG,GAAIX,GAAM,E,CAExFpB,KAAKsB,IAAIU,YAAYR,EAAiB,EAAI,EAAGK,EAAcJ,E,KAE1D,CACDzB,KAAKG,6BAA+B,K,KAG5CH,KAAKW,qB,CAET,iBAAAsB,GACIjC,KAAKkC,eAAeC,M,CAExB,oBAAAC,GACI,GAAIpC,KAAKY,QAAS,CACdZ,KAAKY,QAAQyB,UACbrC,KAAKY,QAAUL,S,EAIvB,YAAM+B,CAAOC,EAAYC,EAAWC,GAChC,MAAMC,QAAe1C,KAAKC,eAAe0C,OACzC,IAAIC,EAAU,MACd,IACIA,QAAgB5C,KAAK6C,WAAWN,EAAYC,EAAWC,E,CAE3D,MAAOK,GACHC,QAAQC,MAAMF,E,CAElBJ,IACA,OAAOE,C,CAGX,gBAAMK,CAAWC,EAAIC,EAAQC,EAAW3C,GACpC,MAAMmC,QAAgB5C,KAAKqD,QAAQH,EAAIC,EAAQ,CAC3CG,SAAUF,IAAc,OAAS,EAAI7C,UACrC6C,UAAWA,IAAc,OAAS,OAAS,UAC3CG,iBAAkB9C,IAEtB,MAAO,CACHmC,UACAY,QAASxD,KAAKyD,S,CAItB,gBAAMC,GACF,MAAMC,EAAS3D,KAAKyD,SACpB,OAAOE,EACD,CACET,GAAIS,EAAOC,QACXJ,QAASG,EACTR,OAAQnD,KAAK6D,cAEftD,S,CAEV,aAAM8C,CAAQS,EAAWX,EAAQV,GAC7B,GAAIzC,KAAK+D,kBAAoBD,GAAaE,EAAsBb,EAAQnD,KAAK6D,cAAe,CACxF,OAAO,K,CAGX,MAAMrB,EAAYxC,KAAKyD,SACvB,MAAMlB,QAAmB0B,EAAgBjE,KAAKM,SAAUN,KAAKkB,GAAI4C,EAAW,CAAC,WAAY,sBAAuBX,GAChHnD,KAAK+D,gBAAkBD,EACvB9D,KAAKyD,SAAWlB,EAChBvC,KAAK6D,aAAeV,QAEdnD,KAAKsC,OAAOC,EAAYC,EAAWC,SACnCyB,EAAgBlE,KAAKM,SAAUkC,GACrC,OAAO,I,CAEX,gBAAMK,CAAWN,EAAYC,EAAWC,EAAO,IAC3C,GAAID,IAAcD,EAAY,CAC1B,OAAO,K,CAGXvC,KAAKmE,iBAAiBhC,OACtB,MAAMjB,GAAEA,EAAEd,KAAEA,GAASJ,KACrB,MAAMQ,EAAWR,KAAKQ,UAAY4D,EAAOC,WAAW,WAAY,MAChE,MAAMd,EAAmBd,EAAKc,kBAAoBvD,KAAKS,WAAa2D,EAAOE,IAAI,sBACzEzB,EAAW0B,OAAOC,OAAOD,OAAOC,OAAO,CAAEpE,OAC3CI,WACA+B,aACAC,YAAWiC,OAAQvD,EAMnBwD,SAAUC,EAAazD,GAAK0D,iBAAkBnC,EAAKoC,kBAC5CvD,IAQC,GAAIA,IAAQf,YAAcP,KAAKG,6BAA8B,CACzDH,KAAKG,6BAA+B,KACpCmB,EAAII,UAAS,KACT1B,KAAKG,6BAA+B,MACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaiB,MAAM,M,IAE7B,CAAEC,gBAAiB,OAOtBN,EAAIU,YAAY,EAAG,EAAG,E,KAErB,CACDhC,KAAKsB,IAAMA,C,GAGjBf,WAAakC,GAAO,CAAEc,sBAEhCvD,KAAK8E,gBAAgB3C,OACrB,OAAO,I,CAEX,MAAA4C,GACI,OAAOC,EAAE,OAAQ,CAAEC,IAAK,4C","ignoreList":[]}
+{"version":3,"names":["routerOutletCss","IonRouterOutletStyle0","RouterOutlet","constructor","hostRef","this","lockController","createLockController","gestureOrAnimationInProgress","mode","getIonMode","delegate","undefined","animated","animation","swipeHandler","swipeHandlerChanged","gesture","enable","connectedCallback","onStart","import","createSwipeBackGesture","el","canStart","step","_a","ani","progressStep","shouldComplete","dur","onFinish","onEnd","oneTimeCallback","newStepValue","easing","getTimeGivenProgression","progressEnd","componentWillLoad","ionNavWillLoad","emit","disconnectedCallback","destroy","commit","enteringEl","leavingEl","opts","unlock","lock","changed","transition","e","console","error","setRouteId","id","params","direction","setRoot","duration","animationBuilder","element","activeEl","getRouteId","active","tagName","activeParams","component","activeComponent","shallowEqualStringMap","attachComponent","detachComponent","ionNavWillChange","config","getBoolean","get","Object","assign","baseEl","deepWait","hasLazyBuild","progressCallback","progressAnimation","ionNavDidChange","render","h","key"],"sources":["../node_modules/@ionic/core/dist/collection/components/router-outlet/router-outlet.css?tag=ion-router-outlet&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/router-outlet/router-outlet.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  position: absolute;\n  contain: layout size style;\n  z-index: 0;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { h } from \"@stencil/core\";\nimport { getTimeGivenProgression } from \"../../utils/animation/cubic-bezier\";\nimport { attachComponent, detachComponent } from \"../../utils/framework-delegate\";\nimport { shallowEqualStringMap, hasLazyBuild } from \"../../utils/helpers\";\nimport { createLockController } from \"../../utils/lock-controller\";\nimport { transition } from \"../../utils/transition/index\";\nimport { config } from \"../../global/config\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class RouterOutlet {\n    constructor() {\n        this.lockController = createLockController();\n        this.gestureOrAnimationInProgress = false;\n        this.mode = getIonMode(this);\n        this.delegate = undefined;\n        this.animated = true;\n        this.animation = undefined;\n        this.swipeHandler = undefined;\n    }\n    swipeHandlerChanged() {\n        if (this.gesture) {\n            this.gesture.enable(this.swipeHandler !== undefined);\n        }\n    }\n    async connectedCallback() {\n        const onStart = () => {\n            this.gestureOrAnimationInProgress = true;\n            if (this.swipeHandler) {\n                this.swipeHandler.onStart();\n            }\n        };\n        this.gesture = (await import('../../utils/gesture/swipe-back')).createSwipeBackGesture(this.el, () => !this.gestureOrAnimationInProgress && !!this.swipeHandler && this.swipeHandler.canStart(), () => onStart(), (step) => { var _a; return (_a = this.ani) === null || _a === void 0 ? void 0 : _a.progressStep(step); }, (shouldComplete, step, dur) => {\n            if (this.ani) {\n                this.ani.onFinish(() => {\n                    this.gestureOrAnimationInProgress = false;\n                    if (this.swipeHandler) {\n                        this.swipeHandler.onEnd(shouldComplete);\n                    }\n                }, { oneTimeCallback: true });\n                // Account for rounding errors in JS\n                let newStepValue = shouldComplete ? -0.001 : 0.001;\n                /**\n                 * Animation will be reversed here, so need to\n                 * reverse the easing curve as well\n                 *\n                 * Additionally, we need to account for the time relative\n                 * to the new easing curve, as `stepValue` is going to be given\n                 * in terms of a linear curve.\n                 */\n                if (!shouldComplete) {\n                    this.ani.easing('cubic-bezier(1, 0, 0.68, 0.28)');\n                    newStepValue += getTimeGivenProgression([0, 0], [1, 0], [0.68, 0.28], [1, 1], step)[0];\n                }\n                else {\n                    newStepValue += getTimeGivenProgression([0, 0], [0.32, 0.72], [0, 1], [1, 1], step)[0];\n                }\n                this.ani.progressEnd(shouldComplete ? 1 : 0, newStepValue, dur);\n            }\n            else {\n                this.gestureOrAnimationInProgress = false;\n            }\n        });\n        this.swipeHandlerChanged();\n    }\n    componentWillLoad() {\n        this.ionNavWillLoad.emit();\n    }\n    disconnectedCallback() {\n        if (this.gesture) {\n            this.gesture.destroy();\n            this.gesture = undefined;\n        }\n    }\n    /** @internal */\n    async commit(enteringEl, leavingEl, opts) {\n        const unlock = await this.lockController.lock();\n        let changed = false;\n        try {\n            changed = await this.transition(enteringEl, leavingEl, opts);\n        }\n        catch (e) {\n            console.error(e);\n        }\n        unlock();\n        return changed;\n    }\n    /** @internal */\n    async setRouteId(id, params, direction, animation) {\n        const changed = await this.setRoot(id, params, {\n            duration: direction === 'root' ? 0 : undefined,\n            direction: direction === 'back' ? 'back' : 'forward',\n            animationBuilder: animation,\n        });\n        return {\n            changed,\n            element: this.activeEl,\n        };\n    }\n    /** @internal */\n    async getRouteId() {\n        const active = this.activeEl;\n        return active\n            ? {\n                id: active.tagName,\n                element: active,\n                params: this.activeParams,\n            }\n            : undefined;\n    }\n    async setRoot(component, params, opts) {\n        if (this.activeComponent === component && shallowEqualStringMap(params, this.activeParams)) {\n            return false;\n        }\n        // attach entering view to DOM\n        const leavingEl = this.activeEl;\n        const enteringEl = await attachComponent(this.delegate, this.el, component, ['ion-page', 'ion-page-invisible'], params);\n        this.activeComponent = component;\n        this.activeEl = enteringEl;\n        this.activeParams = params;\n        // commit animation\n        await this.commit(enteringEl, leavingEl, opts);\n        await detachComponent(this.delegate, leavingEl);\n        return true;\n    }\n    async transition(enteringEl, leavingEl, opts = {}) {\n        if (leavingEl === enteringEl) {\n            return false;\n        }\n        // emit nav will change event\n        this.ionNavWillChange.emit();\n        const { el, mode } = this;\n        const animated = this.animated && config.getBoolean('animated', true);\n        const animationBuilder = opts.animationBuilder || this.animation || config.get('navAnimation');\n        await transition(Object.assign(Object.assign({ mode,\n            animated,\n            enteringEl,\n            leavingEl, baseEl: el,\n            /**\n             * We need to wait for all Stencil components\n             * to be ready only when using the lazy\n             * loaded bundle.\n             */\n            deepWait: hasLazyBuild(el), progressCallback: opts.progressAnimation\n                ? (ani) => {\n                    /**\n                     * Because this progress callback is called asynchronously\n                     * it is possible for the gesture to start and end before\n                     * the animation is ever set. In that scenario, we should\n                     * immediately call progressEnd so that the transition promise\n                     * resolves and the gesture does not get locked up.\n                     */\n                    if (ani !== undefined && !this.gestureOrAnimationInProgress) {\n                        this.gestureOrAnimationInProgress = true;\n                        ani.onFinish(() => {\n                            this.gestureOrAnimationInProgress = false;\n                            if (this.swipeHandler) {\n                                this.swipeHandler.onEnd(false);\n                            }\n                        }, { oneTimeCallback: true });\n                        /**\n                         * Playing animation to beginning\n                         * with a duration of 0 prevents\n                         * any flickering when the animation\n                         * is later cleaned up.\n                         */\n                        ani.progressEnd(0, 0, 0);\n                    }\n                    else {\n                        this.ani = ani;\n                    }\n                }\n                : undefined }, opts), { animationBuilder }));\n        // emit nav changed event\n        this.ionNavDidChange.emit();\n        return true;\n    }\n    render() {\n        return h(\"slot\", { key: '0949db1bcfde67b462abe9cae72c7a7fd70ea678' });\n    }\n    static get is() { return \"ion-router-outlet\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"router-outlet.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"router-outlet.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"mode\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"\\\"ios\\\" | \\\"md\\\"\",\n                    \"resolved\": \"\\\"ios\\\" | \\\"md\\\"\",\n                    \"references\": {\n                        \"Mode\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Mode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The mode determines which platform styles to use.\"\n                },\n                \"attribute\": \"mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"getIonMode(this)\"\n            },\n            \"delegate\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FrameworkDelegate\",\n                    \"resolved\": \"FrameworkDelegate | undefined\",\n                    \"references\": {\n                        \"FrameworkDelegate\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::FrameworkDelegate\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                }\n            },\n            \"animated\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the router-outlet should animate the transition of components.\"\n                },\n                \"attribute\": \"animated\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"animation\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AnimationBuilder\",\n                    \"resolved\": \"((baseEl: any, opts?: any) => Animation) | undefined\",\n                    \"references\": {\n                        \"AnimationBuilder\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::AnimationBuilder\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This property allows to create custom transition using AnimationBuilder functions.\"\n                }\n            },\n            \"swipeHandler\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"SwipeGestureHandler\",\n                    \"resolved\": \"SwipeGestureHandler | undefined\",\n                    \"references\": {\n                        \"SwipeGestureHandler\": {\n                            \"location\": \"import\",\n                            \"path\": \"../nav/nav-interface\",\n                            \"id\": \"src/components/nav/nav-interface.ts::SwipeGestureHandler\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                }\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionNavWillLoad\",\n                \"name\": \"ionNavWillLoad\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionNavWillChange\",\n                \"name\": \"ionNavWillChange\",\n                \"bubbles\": false,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionNavDidChange\",\n                \"name\": \"ionNavDidChange\",\n                \"bubbles\": false,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"commit\": {\n                \"complexType\": {\n                    \"signature\": \"(enteringEl: HTMLElement, leavingEl: HTMLElement | undefined, opts?: RouterOutletOptions) => Promise<boolean>\",\n                    \"parameters\": [{\n                            \"name\": \"enteringEl\",\n                            \"type\": \"HTMLElement\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"leavingEl\",\n                            \"type\": \"HTMLElement | undefined\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"opts\",\n                            \"type\": \"RouterOutletOptions | undefined\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        },\n                        \"RouterOutletOptions\": {\n                            \"location\": \"import\",\n                            \"path\": \"../nav/nav-interface\",\n                            \"id\": \"src/components/nav/nav-interface.ts::RouterOutletOptions\"\n                        }\n                    },\n                    \"return\": \"Promise<boolean>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }]\n                }\n            },\n            \"setRouteId\": {\n                \"complexType\": {\n                    \"signature\": \"(id: string, params: ComponentProps | undefined, direction: RouterDirection, animation?: AnimationBuilder) => Promise<RouteWrite>\",\n                    \"parameters\": [{\n                            \"name\": \"id\",\n                            \"type\": \"string\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"params\",\n                            \"type\": \"ComponentProps | undefined\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"direction\",\n                            \"type\": \"\\\"root\\\" | \\\"back\\\" | \\\"forward\\\"\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"animation\",\n                            \"type\": \"AnimationBuilder | undefined\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"RouteWrite\": {\n                            \"location\": \"import\",\n                            \"path\": \"../router/utils/interface\",\n                            \"id\": \"src/components/router/utils/interface.ts::RouteWrite\"\n                        },\n                        \"ComponentProps\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::ComponentProps\"\n                        },\n                        \"RouterDirection\": {\n                            \"location\": \"import\",\n                            \"path\": \"../router/utils/interface\",\n                            \"id\": \"src/components/router/utils/interface.ts::RouterDirection\"\n                        },\n                        \"AnimationBuilder\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::AnimationBuilder\"\n                        }\n                    },\n                    \"return\": \"Promise<RouteWrite>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }]\n                }\n            },\n            \"getRouteId\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<RouteID | undefined>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"RouteID\": {\n                            \"location\": \"import\",\n                            \"path\": \"../router/utils/interface\",\n                            \"id\": \"src/components/router/utils/interface.ts::RouteID\"\n                        }\n                    },\n                    \"return\": \"Promise<RouteID | undefined>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"swipeHandler\",\n                \"methodName\": \"swipeHandlerChanged\"\n            }];\n    }\n}\n"],"mappings":"iSAAA,MAAMA,EAAkB,6FACxB,MAAAC,EAAeD,E,MCUFE,EAAY,MACrB,WAAAC,CAAAC,G,6JACIC,KAAKC,eAAiBC,IACtBF,KAAKG,6BAA+B,MACpCH,KAAKI,KAAOC,EAAWL,MACvBA,KAAKM,SAAWC,UAChBP,KAAKQ,SAAW,KAChBR,KAAKS,UAAYF,UACjBP,KAAKU,aAAeH,S,CAExB,mBAAAI,GACI,GAAIX,KAAKY,QAAS,CACdZ,KAAKY,QAAQC,OAAOb,KAAKU,eAAiBH,U,EAGlD,uBAAMO,GACF,MAAMC,EAAU,KACZf,KAAKG,6BAA+B,KACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaK,S,GAG1Bf,KAAKY,eAAiBI,OAAO,oBAAmCC,uBAAuBjB,KAAKkB,IAAI,KAAOlB,KAAKG,gCAAkCH,KAAKU,cAAgBV,KAAKU,aAAaS,aAAY,IAAMJ,MAAYK,IAAW,IAAIC,EAAI,OAAQA,EAAKrB,KAAKsB,OAAS,MAAQD,SAAY,OAAS,EAAIA,EAAGE,aAAaH,EAAK,IAAK,CAACI,EAAgBJ,EAAMK,KAC/U,GAAIzB,KAAKsB,IAAK,CACVtB,KAAKsB,IAAII,UAAS,KACd1B,KAAKG,6BAA+B,MACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaiB,MAAMH,E,IAE7B,CAAEI,gBAAiB,OAEtB,IAAIC,EAAeL,GAAkB,KAAQ,KAS7C,IAAKA,EAAgB,CACjBxB,KAAKsB,IAAIQ,OAAO,kCAChBD,GAAgBE,EAAwB,CAAC,EAAG,GAAI,CAAC,EAAG,GAAI,CAAC,IAAM,KAAO,CAAC,EAAG,GAAIX,GAAM,E,KAEnF,CACDS,GAAgBE,EAAwB,CAAC,EAAG,GAAI,CAAC,IAAM,KAAO,CAAC,EAAG,GAAI,CAAC,EAAG,GAAIX,GAAM,E,CAExFpB,KAAKsB,IAAIU,YAAYR,EAAiB,EAAI,EAAGK,EAAcJ,E,KAE1D,CACDzB,KAAKG,6BAA+B,K,KAG5CH,KAAKW,qB,CAET,iBAAAsB,GACIjC,KAAKkC,eAAeC,M,CAExB,oBAAAC,GACI,GAAIpC,KAAKY,QAAS,CACdZ,KAAKY,QAAQyB,UACbrC,KAAKY,QAAUL,S,EAIvB,YAAM+B,CAAOC,EAAYC,EAAWC,GAChC,MAAMC,QAAe1C,KAAKC,eAAe0C,OACzC,IAAIC,EAAU,MACd,IACIA,QAAgB5C,KAAK6C,WAAWN,EAAYC,EAAWC,E,CAE3D,MAAOK,GACHC,QAAQC,MAAMF,E,CAElBJ,IACA,OAAOE,C,CAGX,gBAAMK,CAAWC,EAAIC,EAAQC,EAAW3C,GACpC,MAAMmC,QAAgB5C,KAAKqD,QAAQH,EAAIC,EAAQ,CAC3CG,SAAUF,IAAc,OAAS,EAAI7C,UACrC6C,UAAWA,IAAc,OAAS,OAAS,UAC3CG,iBAAkB9C,IAEtB,MAAO,CACHmC,UACAY,QAASxD,KAAKyD,S,CAItB,gBAAMC,GACF,MAAMC,EAAS3D,KAAKyD,SACpB,OAAOE,EACD,CACET,GAAIS,EAAOC,QACXJ,QAASG,EACTR,OAAQnD,KAAK6D,cAEftD,S,CAEV,aAAM8C,CAAQS,EAAWX,EAAQV,GAC7B,GAAIzC,KAAK+D,kBAAoBD,GAAaE,EAAsBb,EAAQnD,KAAK6D,cAAe,CACxF,OAAO,K,CAGX,MAAMrB,EAAYxC,KAAKyD,SACvB,MAAMlB,QAAmB0B,EAAgBjE,KAAKM,SAAUN,KAAKkB,GAAI4C,EAAW,CAAC,WAAY,sBAAuBX,GAChHnD,KAAK+D,gBAAkBD,EACvB9D,KAAKyD,SAAWlB,EAChBvC,KAAK6D,aAAeV,QAEdnD,KAAKsC,OAAOC,EAAYC,EAAWC,SACnCyB,EAAgBlE,KAAKM,SAAUkC,GACrC,OAAO,I,CAEX,gBAAMK,CAAWN,EAAYC,EAAWC,EAAO,IAC3C,GAAID,IAAcD,EAAY,CAC1B,OAAO,K,CAGXvC,KAAKmE,iBAAiBhC,OACtB,MAAMjB,GAAEA,EAAEd,KAAEA,GAASJ,KACrB,MAAMQ,EAAWR,KAAKQ,UAAY4D,EAAOC,WAAW,WAAY,MAChE,MAAMd,EAAmBd,EAAKc,kBAAoBvD,KAAKS,WAAa2D,EAAOE,IAAI,sBACzEzB,EAAW0B,OAAOC,OAAOD,OAAOC,OAAO,CAAEpE,OAC3CI,WACA+B,aACAC,YAAWiC,OAAQvD,EAMnBwD,SAAUC,EAAazD,GAAK0D,iBAAkBnC,EAAKoC,kBAC5CvD,IAQC,GAAIA,IAAQf,YAAcP,KAAKG,6BAA8B,CACzDH,KAAKG,6BAA+B,KACpCmB,EAAII,UAAS,KACT1B,KAAKG,6BAA+B,MACpC,GAAIH,KAAKU,aAAc,CACnBV,KAAKU,aAAaiB,MAAM,M,IAE7B,CAAEC,gBAAiB,OAOtBN,EAAIU,YAAY,EAAG,EAAG,E,KAErB,CACDhC,KAAKsB,IAAMA,C,GAGjBf,WAAakC,GAAO,CAAEc,sBAEhCvD,KAAK8E,gBAAgB3C,OACrB,OAAO,I,CAEX,MAAA4C,GACI,OAAOC,EAAE,OAAQ,CAAEC,IAAK,4C","ignoreList":[]}

package/dist/elements/{p-734e5a97.js → p-cdb96cf2.js}

@@ -1,6 +1,6 @@
-import{m as a}from"./p-061819d1.js";
+import{m as a}from"./p-3856e0a0.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
 const t=async t=>{const s=await a.get(t);return!!(s&&await s.isActive())};export{t as u};
-//# sourceMappingURL=p-734e5a97.js.map
+//# sourceMappingURL=p-cdb96cf2.js.map

package/dist/elements/{p-a08f0446.entry.js → p-d03f5902.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a,H as n}from"./p-42169e41.js";const c=":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\narticle {\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n\n    pos-picture {\n      --object-fit: contain;\n      --width: 100%;\n      --height: auto;\n      --max-height: 300px;\n      border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n      --border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n    }\n\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\n\n  main {\n    padding: var(--size-2);\n\n    pos-description {\n      color: var(--pos-secondary-text-color);\n      font-weight: var(--weight-light);\n    }\n  }\n}\n\n@media (min-width: 640px) {\n  :host {\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 0 0 25%;\n    }\n\n    section:not(:first-of-type) {\n      flex: 1;\n    }\n  }\n}\n";const d=c;const r=class{constructor(a){e(this,a)}render(){return a(n,{key:"170a57d59474ac6fa887251c96dfe64f93308e3f"},a("section",{key:"208917e280149067f5a0c946636853f23fc83d7b"},a("article",{key:"62c8f8a2b37455d7ec4ffc11cbb7e46b7262a6e8","aria-labelledby":"thing-title"},a("header",{key:"2f85c4bffecfa3e0f55ed07d98397647cfcd4acc"},a("pos-picture",{key:"1094acb0b8cac8c9a8acaca29abeeaa5cc00aca0",blurredBackground:true}),a("h1",{key:"eba5144dd2cf94fdfdc7514c26d68aecc8361139",id:"thing-title"},a("pos-label",{key:"ac03525509d037740d1b329fbaf64c68f9ea5376"})),a("pos-type-badges",{key:"0dbdb698a8a77a5a500a440142e078860b3c0681"})),a("main",{key:"d87bfa4cf8bfb9b0ba633dff40f7d42478265cc1"},a("pos-description",{key:"c5c3b64864f8bc9d8e72b1a87f92bdd2435b4e41"})))),a("section",{key:"f013653e7eafd26e6daa53c76a95d12939d356bd"},a("pos-literals",{key:"d34963cc5eed8c6e6baa3963009c352043f30db5"})),a("section",{key:"ab70a3d890665c4ecfe987f35437de1a5dc3e655"},a("pos-relations",{key:"f8751d31a54b240cad0f089a9aea5123dc0c0bae"}),a("pos-reverse-relations",{key:"5aff024840f92393d69f0816263751efc6cb57f3"})))}};r.style=d;export{r as pos_app_generic};
-//# sourceMappingURL=p-a08f0446.entry.js.map
+import{r as e,h as a,H as n}from"./p-ad32e711.js";const c=":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\narticle {\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n\n    pos-picture {\n      --object-fit: contain;\n      --width: 100%;\n      --height: auto;\n      --max-height: 300px;\n      border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n      --border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n    }\n\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\n\n  main {\n    padding: var(--size-2);\n\n    pos-description {\n      color: var(--pos-secondary-text-color);\n      font-weight: var(--weight-light);\n    }\n  }\n}\n\n@media (min-width: 640px) {\n  :host {\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 0 0 25%;\n    }\n\n    section:not(:first-of-type) {\n      flex: 1;\n    }\n  }\n}\n";const d=c;const r=class{constructor(a){e(this,a)}render(){return a(n,{key:"170a57d59474ac6fa887251c96dfe64f93308e3f"},a("section",{key:"208917e280149067f5a0c946636853f23fc83d7b"},a("article",{key:"62c8f8a2b37455d7ec4ffc11cbb7e46b7262a6e8","aria-labelledby":"thing-title"},a("header",{key:"2f85c4bffecfa3e0f55ed07d98397647cfcd4acc"},a("pos-picture",{key:"1094acb0b8cac8c9a8acaca29abeeaa5cc00aca0",blurredBackground:true}),a("h1",{key:"eba5144dd2cf94fdfdc7514c26d68aecc8361139",id:"thing-title"},a("pos-label",{key:"ac03525509d037740d1b329fbaf64c68f9ea5376"})),a("pos-type-badges",{key:"0dbdb698a8a77a5a500a440142e078860b3c0681"})),a("main",{key:"d87bfa4cf8bfb9b0ba633dff40f7d42478265cc1"},a("pos-description",{key:"c5c3b64864f8bc9d8e72b1a87f92bdd2435b4e41"})))),a("section",{key:"f013653e7eafd26e6daa53c76a95d12939d356bd"},a("pos-literals",{key:"d34963cc5eed8c6e6baa3963009c352043f30db5"})),a("section",{key:"ab70a3d890665c4ecfe987f35437de1a5dc3e655"},a("pos-relations",{key:"f8751d31a54b240cad0f089a9aea5123dc0c0bae"}),a("pos-reverse-relations",{key:"5aff024840f92393d69f0816263751efc6cb57f3"})))}};r.style=d;export{r as pos_app_generic};
+//# sourceMappingURL=p-d03f5902.entry.js.map

package/dist/elements/p-d0fad707.entry.js

@@ -0,0 +1,2 @@
+import{r as s,i,h as o}from"./p-ad32e711.js";import{s as e}from"./p-f6671856.js";const r=class{constructor(o){s(this,o);this.subscribeResource=i(this,"pod-os:resource",7);this.receiveResource=s=>{this.resource=s}}componentWillLoad(){e(this)}render(){if(!this.resource){return null}return o("ion-grid",null,o("ion-row",null,o("ion-col",{size:"12","size-sm":true},o("pos-image",{src:this.resource.uri})),o("ion-col",{size:"12","size-sm":true},o("ion-card",null,o("ion-card-header",{style:{gap:"var(--size-1)"}},o("ion-card-title",null,o("pos-label",null)),o("pos-type-badges",null),o("pos-literals",null))))))}};r.style="pos-image {\n      --max-width: 100%;\n    }";export{r as pos_app_image_viewer};
+//# sourceMappingURL=p-d0fad707.entry.js.map

package/dist/elements/p-d0fad707.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PosAppImageViewer","constructor","hostRef","this","receiveResource","resource","componentWillLoad","subscribeResource","render","h","size","src","uri","style","gap"],"sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-image-viewer',\n  shadow: true,\n  styles: `\n    pos-image {\n      --max-width: 100%;\n    }\n  `,\n})\nexport class PosAppImageViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) {\n      return null;\n    }\n\n    return (\n      <ion-grid>\n        <ion-row>\n          <ion-col size=\"12\" size-sm>\n            <pos-image src={this.resource.uri} />\n          </ion-col>\n          <ion-col size=\"12\" size-sm>\n            <ion-card>\n              <ion-card-header style={{ gap: 'var(--size-1)' }}>\n                <ion-card-title>\n                  <pos-label />\n                </ion-card-title>\n                <pos-type-badges />\n                <pos-literals />\n              </ion-card-header>\n            </ion-card>\n          </ion-col>\n        </ion-row>\n      </ion-grid>\n    );\n  }\n}\n"],"mappings":"uFAaaA,EAAiB,MAT9B,WAAAC,CAAAC,G,6DAkBEC,KAAAC,gBAAmBC,IACjBF,KAAKE,SAAWA,CAAQ,C,CAL1B,iBAAAC,GACEC,EAAkBJ,K,CAOpB,MAAAK,GACE,IAAKL,KAAKE,SAAU,CAClB,OAAO,I,CAGT,OACEI,EAAA,gBACEA,EAAA,eACEA,EAAA,WAASC,KAAK,KAAI,gBAChBD,EAAA,aAAWE,IAAKR,KAAKE,SAASO,OAEhCH,EAAA,WAASC,KAAK,KAAI,gBAChBD,EAAA,gBACEA,EAAA,mBAAiBI,MAAO,CAAEC,IAAK,kBAC7BL,EAAA,sBACEA,EAAA,mBAEFA,EAAA,wBACAA,EAAA,yB","ignoreList":[]}

package/dist/elements/{p-a6c03ce8.js → p-d164af48.js}

@@ -1,5 +1,5 @@
-import{d as n}from"./p-7efd6867.js";import{OVERLAY_BACK_BUTTON_PRIORITY as e,shouldUseCloseWatcher as t}from"./p-1fc8e557.js";import{g as o,c as i}from"./p-da0d920d.js";import{C as s}from"./p-eba70ed1.js";import{a as r,f as d,b as a,e as c,g as l}from"./p-71ee259b.js";import{p as u}from"./p-d6769f21.js";
+import{d as n}from"./p-7efd6867.js";import{OVERLAY_BACK_BUTTON_PRIORITY as e,shouldUseCloseWatcher as t}from"./p-f1a6f6f2.js";import{g as o,c as i}from"./p-17cb620a.js";import{C as s}from"./p-eba70ed1.js";import{a as r,f as d,b as a,e as c,g as l}from"./p-71ee259b.js";import{p as u}from"./p-d6769f21.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */let f=0;let p=0;const m=new WeakMap;const v=n=>({create(e){return k(n,e)},dismiss(e,t,o){return N(document,e,t,n,o)},async getTop(){return B(document,n)}});const h=v("ion-alert");const b=v("ion-action-sheet");const w=v("ion-popover");const y=v("ion-toast");const g=n=>{if(typeof document!=="undefined"){D(document)}const e=f++;n.overlayIndex=e};const O=n=>{if(!n.hasAttribute("id")){n.id=`ion-overlay-${++p}`}return n.id};const k=(n,e)=>{if(typeof window!=="undefined"&&typeof window.customElements!=="undefined"){return window.customElements.whenDefined(n).then((()=>{const t=document.createElement(n);t.classList.add("overlay-hidden");Object.assign(t,Object.assign(Object.assign({},e),{hasController:true}));V(document).appendChild(t);return new Promise((n=>r(t,n)))}))}return Promise.resolve()};const T='[tabindex]:not([tabindex^="-"]):not([hidden]):not([disabled]), input:not([type=hidden]):not([tabindex^="-"]):not([hidden]):not([disabled]), textarea:not([tabindex^="-"]):not([hidden]):not([disabled]), button:not([tabindex^="-"]):not([hidden]):not([disabled]), select:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable[disabled="false"]:not([tabindex^="-"]):not([hidden])';const x=n=>n.classList.contains("overlay-hidden");const j=(n,e)=>{const t=n.querySelector(T);C(t,e)};const A=(n,e)=>{const t=Array.from(n.querySelectorAll(T));const o=t.length>0?t[t.length-1]:null;C(o,e)};const C=(n,e)=>{let t=n;const o=n===null||n===void 0?void 0:n.shadowRoot;if(o){t=o.querySelector(T)||n}if(t){d(t)}else{e.focus()}};const I=(n,e)=>{const t=B(e,"ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker,ion-popover");const o=n.target;if(!t||!o){return}if(t.classList.contains("ion-disable-focus-trap")){return}const i=()=>{if(t===o){t.lastFocus=undefined}else if(o.tagName==="ION-TOAST"){C(t.lastFocus,t)}else{const n=l(t);if(!n.contains(o)){return}const i=n.querySelector(".ion-overlay-wrapper");if(!i){return}if(i.contains(o)||o===n.querySelector("ion-backdrop")){t.lastFocus=o}else{const n=t.lastFocus;j(i,t);if(n===e.activeElement){A(i,t)}t.lastFocus=e.activeElement}}};const s=()=>{if(t.contains(o)){t.lastFocus=o}else if(o.tagName==="ION-TOAST"){C(t.lastFocus,t)}else{const n=t.lastFocus;j(t,t);if(n===e.activeElement){A(t,t)}t.lastFocus=e.activeElement}};if(t.shadowRoot){s()}else{i()}};const D=n=>{if(f===0){f=1;n.addEventListener("focus",(e=>{I(e,n)}),true);n.addEventListener("ionBackButton",(t=>{const o=B(n);if(o===null||o===void 0?void 0:o.backdropDismiss){t.detail.register(e,(()=>{o.dismiss(undefined,H)}))}}));if(!t()){n.addEventListener("keydown",(e=>{if(e.key==="Escape"){const e=B(n);if(e===null||e===void 0?void 0:e.backdropDismiss){e.dismiss(undefined,H)}}}))}}};const N=(n,e,t,o,i)=>{const s=B(n,o,i);if(!s){return Promise.reject("overlay does not exist")}return s.dismiss(e,t)};const S=(n,e)=>{if(e===undefined){e="ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker,ion-popover,ion-toast"}return Array.from(n.querySelectorAll(e)).filter((n=>n.overlayIndex>0))};const P=(n,e)=>S(n,e).filter((n=>!x(n)));const B=(n,e,t)=>{const o=P(n,e);return t===undefined?o[o.length-1]:o.find((n=>n.id===t))};const M=(n=false)=>{const e=V(document);const t=e.querySelector("ion-router-outlet, ion-nav, #ion-view-container-root");if(!t){return}if(n){t.setAttribute("aria-hidden","true")}else{t.removeAttribute("aria-hidden")}};const E=async(n,e,t,s,r)=>{var d,a;if(n.presented){return}M(true);U(n.el);n.presented=true;n.willPresent.emit();(d=n.willPresentShorthand)===null||d===void 0?void 0:d.emit();const c=o(n);const l=n.enterAnimation?n.enterAnimation:i.get(e,c==="ios"?t:s);const u=await $(n,l,n.el,r);if(u){n.didPresent.emit();(a=n.didPresentShorthand)===null||a===void 0?void 0:a.emit()}if(n.el.tagName!=="ION-TOAST"){G(n.el)}if(n.keyboardClose&&(document.activeElement===null||!n.el.contains(document.activeElement))){n.el.focus()}n.el.removeAttribute("aria-hidden")};const G=async n=>{let e=document.activeElement;if(!e){return}const t=e===null||e===void 0?void 0:e.shadowRoot;if(t){e=t.querySelector(T)||e}await n.onDidDismiss();if(document.activeElement===null||document.activeElement===document.body){e.focus()}};const L=async(e,t,s,r,d,a,c)=>{var l,u;if(!e.presented){return false}if(n!==undefined&&P(n).length===1){M(false)}e.presented=false;try{e.el.style.setProperty("pointer-events","none");e.willDismiss.emit({data:t,role:s});(l=e.willDismissShorthand)===null||l===void 0?void 0:l.emit({data:t,role:s});const n=o(e);const f=e.leaveAnimation?e.leaveAnimation:i.get(r,n==="ios"?d:a);if(s!==J){await $(e,f,e.el,c)}e.didDismiss.emit({data:t,role:s});(u=e.didDismissShorthand)===null||u===void 0?void 0:u.emit({data:t,role:s});const p=m.get(e)||[];p.forEach((n=>n.destroy()));m.delete(e);e.el.classList.add("overlay-hidden");e.el.style.removeProperty("pointer-events");if(e.el.lastFocus!==undefined){e.el.lastFocus=undefined}}catch(n){console.error(n)}e.el.remove();X();return true};const V=n=>n.querySelector("ion-app")||n.body;const $=async(n,e,t,o)=>{t.classList.remove("overlay-hidden");const s=n.el;const r=e(s,o);if(!n.animated||!i.getBoolean("animated",true)){r.duration(0)}if(n.keyboardClose){r.beforeAddWrite((()=>{const n=t.ownerDocument.activeElement;if(n===null||n===void 0?void 0:n.matches("input,ion-input, ion-textarea")){n.blur()}}))}const d=m.get(n)||[];m.set(n,[...d,r]);await r.play();return true};const z=(n,e)=>{let t;const o=new Promise((n=>t=n));F(n,e,(n=>{t(n.detail)}));return o};const F=(n,e,t)=>{const o=i=>{c(n,e,o);t(i)};a(n,e,o)};const W=n=>n==="cancel"||n===H;const _=n=>n();const q=(n,e)=>{if(typeof n==="function"){const t=i.get("_zoneGate",_);return t((()=>{try{return n(e)}catch(n){throw n}}))}return undefined};const H="backdrop";const J="gesture";const K=39;const Q=n=>{let e=false;let t;const o=s();const i=(i=false)=>{if(t&&!i){return{delegate:t,inline:e}}const{el:s,hasController:r,delegate:d}=n;const a=s.parentNode;e=a!==null&&!r;t=e?d||o:d;return{inline:e,delegate:t}};const r=async e=>{const{delegate:t}=i(true);if(t){return await t.attachViewToDom(n.el,e)}const{hasController:o}=n;if(o&&e!==undefined){throw new Error("framework delegate is missing")}return null};const d=()=>{const{delegate:e}=i();if(e&&n.el!==undefined){e.removeViewFromDom(n.el.parentElement,n.el)}};return{attachViewToDom:r,removeViewFromDom:d}};const R=()=>{let n;const e=()=>{if(n){n();n=undefined}};const t=(t,o)=>{e();const i=o!==undefined?document.getElementById(o):null;if(!i){u(`A trigger element with the ID "${o}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on an overlay component.`,t);return}const s=(n,e)=>{const t=()=>{e.present()};n.addEventListener("click",t);return()=>{n.removeEventListener("click",t)}};n=s(i,t)};return{addClickListener:t,removeClickListener:e}};const U=e=>{var t;if(n===undefined)return;const o=P(n);for(let n=o.length-1;n>=0;n--){const i=o[n];const s=(t=o[n+1])!==null&&t!==void 0?t:e;if(s.hasAttribute("aria-hidden")||s.tagName!=="ION-TOAST"){i.setAttribute("aria-hidden","true")}}};const X=()=>{if(n===undefined)return;const e=P(n);for(let n=e.length-1;n>=0;n--){const t=e[n];t.removeAttribute("aria-hidden");if(t.tagName!=="ION-TOAST"){break}}};export{H as B,J as G,K as O,R as a,E as b,Q as c,L as d,z as e,q as f,B as g,w as h,W as i,b as j,h as k,j as l,g as p,O as s,y as t};
-//# sourceMappingURL=p-a6c03ce8.js.map
+//# sourceMappingURL=p-d164af48.js.map

package/dist/elements/{p-627826b0.entry.js → p-d3e26e17.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t,H as e,e as o}from"./p-42169e41.js";import{g as i}from"./p-da0d920d.js";const n=":host{display:none}";const r=n;const a=class{constructor(t){s(this,t);this.inputId=`ion-selopt-${c++}`;this.disabled=false;this.value=undefined}render(){return t(e,{key:"abf6e85d60e815f59077910abec922826bf46eb2",role:"option",id:this.inputId,class:i(this)})}get el(){return o(this)}};let c=0;a.style=r;export{a as ion_select_option};
-//# sourceMappingURL=p-627826b0.entry.js.map
+import{r as s,h as t,H as e,d as o}from"./p-ad32e711.js";import{g as i}from"./p-17cb620a.js";const n=":host{display:none}";const r=n;const a=class{constructor(t){s(this,t);this.inputId=`ion-selopt-${c++}`;this.disabled=false;this.value=undefined}render(){return t(e,{key:"abf6e85d60e815f59077910abec922826bf46eb2",role:"option",id:this.inputId,class:i(this)})}get el(){return o(this)}};let c=0;a.style=r;export{a as ion_select_option};
+//# sourceMappingURL=p-d3e26e17.entry.js.map