@pod-os/elements 0.17.1-fef97c9.0 → 0.18.1-a971174.0

package/dist/elements/{p-0edf98c5.entry.js.map → p-4cf87b24.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":"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","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":"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","ignoreList":[]}

package/dist/elements/{p-b8ac0ee4.js → p-4d6e48bf.js}

@@ -1,5 +1,5 @@
-import{w as e}from"./p-7efd6867.js";import{r as n}from"./p-9e7f0522.js";
+import{w as e}from"./p-7efd6867.js";import{r as n}from"./p-25270f1a.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */const t=(t,r,i)=>{let o;const s=()=>{const e=r();if(e===undefined||t.label!==undefined||i()===null){return false}return true};const d=()=>{if(s()){n((()=>{f()}))}};const f=()=>{const n=r();if(n===undefined){return}if(!s()){n.style.removeProperty("width");return}const d=i().scrollWidth;if(d===0&&n.offsetParent===null&&e!==undefined&&"IntersectionObserver"in e){if(o!==undefined){return}const e=o=new IntersectionObserver((n=>{if(n[0].intersectionRatio===1){f();e.disconnect();o=undefined}}),{threshold:.01,root:t});e.observe(n);return}n.style.setProperty("width",`${d*.75}px`)};const u=()=>{if(o){o.disconnect();o=undefined}};return{calculateNotchWidth:d,destroy:u}};export{t as c};
-//# sourceMappingURL=p-b8ac0ee4.js.map
+//# sourceMappingURL=p-4d6e48bf.js.map

package/dist/elements/{p-28ad7b6e.entry.js → p-5298b7a1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,e as r,w as i,f as s,h as t,d as n,H as h}from"./p-3c2b721e.js";import{g as o}from"./p-bc04bd54.js";import{I as f,b as l,p as a,g as c}from"./p-170a54a2.js";import{t as p,a as g,j as d,c as u,r as m}from"./p-9e7f0522.js";import{h as v,I as x}from"./p-c8020dbc.js";import{g as b}from"./p-2dddbb15.js";import{s as y,t as w,a as k,h as j,b as S,c as z,d as N,g as R}from"./p-8e1e3e7d.js";import"./p-3505dfe2.js";import"./p-21b22219.js";import"./p-7efd6867.js";import"./p-2428b6bf.js";const M="ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}@supports (inset-inline-start: 0){ion-refresher{inset-inline-start:0}}@supports not (inset-inline-start: 0){ion-refresher{left:0}:host-context([dir=rtl]) ion-refresher{left:unset;right:unset;right:0}[dir=rtl] ion-refresher{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){ion-refresher:dir(rtl){left:unset;right:unset;right:0}}}ion-refresher.refresher-active{display:block}ion-refresher-content{display:flex;flex-direction:column;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{transform-origin:center;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-ios .refresher-pulling-icon,.refresher-ios .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-ios .refresher-pulling-text,.refresher-ios .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-lines-ios line,.refresher-ios .refresher-refreshing .spinner-lines-small-ios line,.refresher-ios .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-bubbles circle,.refresher-ios .refresher-refreshing .spinner-circles circle,.refresher-ios .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}.refresher-native .refresher-refreshing ion-spinner{--refreshing-rotation-duration:2s;display:none;animation:var(--refreshing-rotation-duration) ease-out refresher-rotate forwards}.refresher-native .refresher-refreshing{display:none;animation:250ms linear refresher-pop forwards}.refresher-native ion-spinner{width:32px;height:32px;color:var(--ion-color-step-450, #747577)}.refresher-native.refresher-refreshing .refresher-pulling ion-spinner,.refresher-native.refresher-completing .refresher-pulling ion-spinner{display:none}.refresher-native.refresher-refreshing .refresher-refreshing ion-spinner,.refresher-native.refresher-completing .refresher-refreshing ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-pulling ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-refreshing ion-spinner{display:none}.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing-icon{transform:scale(0) rotate(180deg);transition:300ms}@keyframes refresher-pop{0%{transform:scale(1);animation-timing-function:ease-in}50%{transform:scale(1.2);animation-timing-function:ease-out}100%{transform:scale(1)}}@keyframes refresher-rotate{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}";const E=M;const P="ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}@supports (inset-inline-start: 0){ion-refresher{inset-inline-start:0}}@supports not (inset-inline-start: 0){ion-refresher{left:0}:host-context([dir=rtl]) ion-refresher{left:unset;right:unset;right:0}[dir=rtl] ion-refresher{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){ion-refresher:dir(rtl){left:unset;right:unset;right:0}}}ion-refresher.refresher-active{display:block}ion-refresher-content{display:flex;flex-direction:column;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{transform-origin:center;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-md .refresher-pulling-icon,.refresher-md .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-md .refresher-pulling-text,.refresher-md .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-lines-md line,.refresher-md .refresher-refreshing .spinner-lines-small-md line,.refresher-md .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-bubbles circle,.refresher-md .refresher-refreshing .spinner-circles circle,.refresher-md .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:24px;height:24px;color:var(--ion-color-primary, #3880ff)}ion-refresher.refresher-native .spinner-arrow-container{display:inherit}ion-refresher.refresher-native .arrow-container{display:block;position:absolute;width:24px;height:24px}ion-refresher.refresher-native .arrow-container ion-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;left:0;right:0;bottom:-4px;position:absolute;color:var(--ion-color-primary, #3880ff);font-size:12px}ion-refresher.refresher-native.refresher-pulling ion-refresher-content .refresher-pulling,ion-refresher.refresher-native.refresher-ready ion-refresher-content .refresher-pulling{display:flex}ion-refresher.refresher-native.refresher-refreshing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-cancelling ion-refresher-content .refresher-refreshing{display:flex}ion-refresher.refresher-native .refresher-pulling-icon{transform:translateY(calc(-100% - 10px))}ion-refresher.refresher-native .refresher-pulling-icon,ion-refresher.refresher-native .refresher-refreshing-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;border-radius:100%;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:flex;border:1px solid var(--ion-color-step-200, #ececec);background:var(--ion-color-step-250, #ffffff);box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1)}";const C=P;const Y=class{constructor(i){e(this,i);this.ionRefresh=r(this,"ionRefresh",7);this.ionPull=r(this,"ionPull",7);this.ionStart=r(this,"ionStart",7);this.appliedStyles=false;this.didStart=false;this.progress=0;this.pointerDown=false;this.needsCompletion=false;this.didRefresh=false;this.lastVelocityY=0;this.animations=[];this.nativeRefresher=false;this.state=1;this.pullMin=60;this.pullMax=this.pullMin+60;this.closeDuration="280ms";this.snapbackDuration="280ms";this.pullFactor=1;this.disabled=false}disabledChanged(){if(this.gesture){this.gesture.enable(!this.disabled)}}async checkNativeRefresher(){const e=await y(this.el,b(this));if(e&&!this.nativeRefresher){const e=this.el.closest("ion-content");this.setupNativeRefresher(e)}else if(!e){this.destroyNativeRefresher()}}destroyNativeRefresher(){if(this.scrollEl&&this.scrollListenerCallback){this.scrollEl.removeEventListener("scroll",this.scrollListenerCallback);this.scrollListenerCallback=undefined}this.nativeRefresher=false}async resetNativeRefresher(e,r){this.state=r;if(b(this)==="ios"){await w(e,undefined,300)}else{await p(this.el.querySelector(".refresher-refreshing-icon"),200)}this.didRefresh=false;this.needsCompletion=false;this.pointerDown=false;this.animations.forEach((e=>e.destroy()));this.animations=[];this.progress=0;this.state=1}async setupiOSNativeRefresher(e,r){this.elementToTransform=this.scrollEl;const t=e.shadowRoot.querySelectorAll("svg");let n=this.scrollEl.clientHeight*.16;const h=t.length;i((()=>t.forEach((e=>e.style.setProperty("animation","none")))));this.scrollListenerCallback=()=>{if(!this.pointerDown&&this.state===1){return}s((()=>{const e=this.scrollEl.scrollTop;const s=this.el.clientHeight;if(e>0){if(this.state===8){const t=g(0,e/(s*.5),1);i((()=>k(r,1-t)));return}return}if(this.pointerDown){if(!this.didStart){this.didStart=true;this.ionStart.emit()}if(this.pointerDown){this.ionPull.emit()}}const o=this.didStart?30:0;const f=this.progress=g(0,(Math.abs(e)-o)/n,1);const l=this.state===8||f===1;if(l){if(this.pointerDown){j(r,this.lastVelocityY)}if(!this.didRefresh){this.beginRefresh();this.didRefresh=true;v({style:x.Light});if(!this.pointerDown){w(this.elementToTransform,`${s}px`)}}}else{this.state=2;S(t,h,f)}}))};this.scrollEl.addEventListener("scroll",this.scrollListenerCallback);this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.scrollEl,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:5,onStart:()=>{this.pointerDown=true;if(!this.didRefresh){w(this.elementToTransform,"0px")}if(n===0){n=this.scrollEl.clientHeight*.16}},onMove:e=>{this.lastVelocityY=e.velocityY},onEnd:()=>{this.pointerDown=false;this.didStart=false;if(this.needsCompletion){this.resetNativeRefresher(this.elementToTransform,32);this.needsCompletion=false}else if(this.didRefresh){s((()=>w(this.elementToTransform,`${this.el.clientHeight}px`)))}}});this.disabledChanged()}async setupMDNativeRefresher(e,r,s){const t=d(r).querySelector("circle");const n=this.el.querySelector("ion-refresher-content .refresher-pulling-icon");const h=d(s).querySelector("circle");if(t!==null&&h!==null){i((()=>{t.style.setProperty("animation","none");s.style.setProperty("animation-delay","-655ms");h.style.setProperty("animation-delay","-655ms")}))}this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.scrollEl,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:5,canStart:()=>this.state!==8&&this.state!==32&&this.scrollEl.scrollTop===0,onStart:e=>{this.progress=0;e.data={animation:undefined,didStart:false,cancelled:false}},onMove:r=>{if(r.velocityY<0&&this.progress===0&&!r.data.didStart||r.data.cancelled){r.data.cancelled=true;return}if(!r.data.didStart){r.data.didStart=true;this.state=2;const{scrollEl:s}=this;const t=s.matches(f)?"overflow":"--overflow";i((()=>s.style.setProperty(t,"hidden")));const h=R(e);const o=z(h,n,this.el);r.data.animation=o;o.progressStart(false,0);this.ionStart.emit();this.animations.push(o);return}this.progress=g(0,r.deltaY/180*.5,1);r.data.animation.progressStep(this.progress);this.ionPull.emit()},onEnd:e=>{if(!e.data.didStart){return}this.gesture.enable(false);const{scrollEl:r}=this;const s=r.matches(f)?"overflow":"--overflow";i((()=>r.style.removeProperty(s)));if(this.progress<=.4){e.data.animation.progressEnd(0,this.progress,500).onFinish((()=>{this.animations.forEach((e=>e.destroy()));this.animations=[];this.gesture.enable(true);this.state=1}));return}const t=o([0,0],[0,0],[1,1],[1,1],this.progress)[0];const h=N(n);this.animations.push(h);i((async()=>{n.style.setProperty("--ion-pulling-refresher-translate",`${t*100}px`);e.data.animation.progressEnd();await h.play();this.beginRefresh();e.data.animation.destroy();this.gesture.enable(true)}))}});this.disabledChanged()}async setupNativeRefresher(e){if(this.scrollListenerCallback||!e||this.nativeRefresher||!this.scrollEl){return}this.setCss(0,"",false,"");this.nativeRefresher=true;const r=this.el.querySelector("ion-refresher-content .refresher-pulling ion-spinner");const i=this.el.querySelector("ion-refresher-content .refresher-refreshing ion-spinner");if(b(this)==="ios"){this.setupiOSNativeRefresher(r,i)}else{this.setupMDNativeRefresher(e,r,i)}}componentDidUpdate(){this.checkNativeRefresher()}async connectedCallback(){if(this.el.getAttribute("slot")!=="fixed"){console.error('Make sure you use: <ion-refresher slot="fixed">');return}const e=this.el.closest(l);if(!e){a(this.el);return}u(e,(async()=>{const r=e.querySelector(f);this.scrollEl=await c(r!==null&&r!==void 0?r:e);this.backgroundContentEl=await e.getBackgroundElement();if(await y(this.el,b(this))){this.setupNativeRefresher(e)}else{this.gesture=(await import("./p-b943833e.js")).createGesture({el:e,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:20,passive:false,canStart:()=>this.canStart(),onStart:()=>this.onStart(),onMove:e=>this.onMove(e),onEnd:()=>this.onEnd()});this.disabledChanged()}}))}disconnectedCallback(){this.destroyNativeRefresher();this.scrollEl=undefined;if(this.gesture){this.gesture.destroy();this.gesture=undefined}}async complete(){if(this.nativeRefresher){this.needsCompletion=true;if(!this.pointerDown){m((()=>m((()=>this.resetNativeRefresher(this.elementToTransform,32)))))}}else{this.close(32,"120ms")}}async cancel(){if(this.nativeRefresher){if(!this.pointerDown){m((()=>m((()=>this.resetNativeRefresher(this.elementToTransform,16)))))}}else{this.close(16,"")}}getProgress(){return Promise.resolve(this.progress)}canStart(){if(!this.scrollEl){return false}if(this.state!==1){return false}if(this.scrollEl.scrollTop>0){return false}return true}onStart(){this.progress=0;this.state=1;this.memoizeOverflowStyle()}onMove(e){if(!this.scrollEl){return}const r=e.event;if(r.touches!==undefined&&r.touches.length>1){return}if((this.state&56)!==0){return}const i=Number.isNaN(this.pullFactor)||this.pullFactor<0?1:this.pullFactor;const s=e.deltaY*i;if(s<=0){this.progress=0;this.state=1;if(this.appliedStyles){this.setCss(0,"",false,"");return}return}if(this.state===1){const e=this.scrollEl.scrollTop;if(e>0){this.progress=0;return}this.state=2}if(r.cancelable){r.preventDefault()}this.setCss(s,"0ms",true,"");if(s===0){this.progress=0;return}const t=this.pullMin;this.progress=s/t;if(!this.didStart){this.didStart=true;this.ionStart.emit()}this.ionPull.emit();if(s<t){this.state=2;return}if(s>this.pullMax){this.beginRefresh();return}this.state=4;return}onEnd(){if(this.state===4){this.beginRefresh()}else if(this.state===2){this.cancel()}else if(this.state===1){this.restoreOverflowStyle()}}beginRefresh(){this.state=8;this.setCss(this.pullMin,this.snapbackDuration,true,"");this.ionRefresh.emit({complete:this.complete.bind(this)})}close(e,r){setTimeout((()=>{this.state=1;this.progress=0;this.didStart=false;this.setCss(0,"0ms",false,"",true)}),600);this.state=e;this.setCss(0,this.closeDuration,true,r)}setCss(e,r,s,t,n=false){if(this.nativeRefresher){return}this.appliedStyles=e>0;i((()=>{if(this.scrollEl&&this.backgroundContentEl){const i=this.scrollEl.style;const n=this.backgroundContentEl.style;i.transform=n.transform=e>0?`translateY(${e}px) translateZ(0px)`:"";i.transitionDuration=n.transitionDuration=r;i.transitionDelay=n.transitionDelay=t;i.overflow=s?"hidden":""}if(n){this.restoreOverflowStyle()}}))}memoizeOverflowStyle(){if(this.scrollEl){const{overflow:e,overflowX:r,overflowY:i}=this.scrollEl.style;this.overflowStyles={overflow:e!==null&&e!==void 0?e:"",overflowX:r!==null&&r!==void 0?r:"",overflowY:i!==null&&i!==void 0?i:""}}}restoreOverflowStyle(){if(this.overflowStyles!==undefined&&this.scrollEl!==undefined){const{overflow:e,overflowX:r,overflowY:i}=this.overflowStyles;this.scrollEl.style.overflow=e;this.scrollEl.style.overflowX=r;this.scrollEl.style.overflowY=i;this.overflowStyles=undefined}}render(){const e=b(this);return t(h,{key:"96f4f595ebdb92a12755b642398691bcaab9f7c1",slot:"fixed",class:{[e]:true,[`refresher-${e}`]:true,"refresher-native":this.nativeRefresher,"refresher-active":this.state!==1,"refresher-pulling":this.state===2,"refresher-ready":this.state===4,"refresher-refreshing":this.state===8,"refresher-cancelling":this.state===16,"refresher-completing":this.state===32}})}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"]}}};Y.style={ios:E,md:C};export{Y as ion_refresher};
-//# sourceMappingURL=p-28ad7b6e.entry.js.map
+import{r as e,i as r,w as i,f as s,h as t,d as n,H as h}from"./p-7f507bcb.js";import{g as o}from"./p-bc04bd54.js";import{I as f,b as l,p as a,g as c}from"./p-20e2e8c1.js";import{t as p,c as g,g as d,a as u,r as m}from"./p-25270f1a.js";import{h as v,I as x}from"./p-c8020dbc.js";import{g as b}from"./p-f1ef82a9.js";import{s as y,t as w,a as k,h as j,b as S,c as z,d as N,g as R}from"./p-359bfe6a.js";import"./p-d6769f21.js";import"./p-21b22219.js";import"./p-7efd6867.js";import"./p-592177e8.js";const M="ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}@supports (inset-inline-start: 0){ion-refresher{inset-inline-start:0}}@supports not (inset-inline-start: 0){ion-refresher{left:0}:host-context([dir=rtl]) ion-refresher{left:unset;right:unset;right:0}[dir=rtl] ion-refresher{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){ion-refresher:dir(rtl){left:unset;right:unset;right:0}}}ion-refresher.refresher-active{display:block}ion-refresher-content{display:flex;flex-direction:column;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{transform-origin:center;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-ios .refresher-pulling-icon,.refresher-ios .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-ios .refresher-pulling-text,.refresher-ios .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-lines-ios line,.refresher-ios .refresher-refreshing .spinner-lines-small-ios line,.refresher-ios .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-ios .refresher-refreshing .spinner-bubbles circle,.refresher-ios .refresher-refreshing .spinner-circles circle,.refresher-ios .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}.refresher-native .refresher-refreshing ion-spinner{--refreshing-rotation-duration:2s;display:none;animation:var(--refreshing-rotation-duration) ease-out refresher-rotate forwards}.refresher-native .refresher-refreshing{display:none;animation:250ms linear refresher-pop forwards}.refresher-native ion-spinner{width:32px;height:32px;color:var(--ion-color-step-450, #747577)}.refresher-native.refresher-refreshing .refresher-pulling ion-spinner,.refresher-native.refresher-completing .refresher-pulling ion-spinner{display:none}.refresher-native.refresher-refreshing .refresher-refreshing ion-spinner,.refresher-native.refresher-completing .refresher-refreshing ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-pulling ion-spinner{display:block}.refresher-native.refresher-pulling .refresher-refreshing ion-spinner{display:none}.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing-icon{transform:scale(0) rotate(180deg);transition:300ms}@keyframes refresher-pop{0%{transform:scale(1);animation-timing-function:ease-in}50%{transform:scale(1.2);animation-timing-function:ease-out}100%{transform:scale(1)}}@keyframes refresher-rotate{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}";const E=M;const P="ion-refresher{top:0;display:none;position:absolute;width:100%;height:60px;pointer-events:none;z-index:-1}@supports (inset-inline-start: 0){ion-refresher{inset-inline-start:0}}@supports not (inset-inline-start: 0){ion-refresher{left:0}:host-context([dir=rtl]) ion-refresher{left:unset;right:unset;right:0}[dir=rtl] ion-refresher{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){ion-refresher:dir(rtl){left:unset;right:unset;right:0}}}ion-refresher.refresher-active{display:block}ion-refresher-content{display:flex;flex-direction:column;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{transform-origin:center;transition:200ms;font-size:30px;text-align:center}:host-context([dir=rtl]) .refresher-pulling-icon,:host-context([dir=rtl]) .refresher-refreshing-icon{transform-origin:calc(100% - center)}[dir=rtl] .refresher-pulling-icon,[dir=rtl] .refresher-refreshing-icon{transform-origin:calc(100% - center)}@supports selector(:dir(rtl)){.refresher-pulling-icon:dir(rtl),.refresher-refreshing-icon:dir(rtl){transform-origin:calc(100% - center)}}.refresher-pulling-text,.refresher-refreshing-text{font-size:16px;text-align:center}ion-refresher-content .arrow-container{display:none}.refresher-pulling ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling{display:block}.refresher-ready ion-refresher-content .refresher-pulling-icon{transform:rotate(180deg)}.refresher-refreshing ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling ion-refresher-content .refresher-pulling-icon{transform:scale(0)}.refresher-completing ion-refresher-content .refresher-refreshing{display:block}.refresher-completing ion-refresher-content .refresher-refreshing-icon{transform:scale(0)}.refresher-native .refresher-pulling-text,.refresher-native .refresher-refreshing-text{display:none}.refresher-md .refresher-pulling-icon,.refresher-md .refresher-refreshing-icon{color:var(--ion-text-color, #000)}.refresher-md .refresher-pulling-text,.refresher-md .refresher-refreshing-text{color:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-lines-md line,.refresher-md .refresher-refreshing .spinner-lines-small-md line,.refresher-md .refresher-refreshing .spinner-crescent circle{stroke:var(--ion-text-color, #000)}.refresher-md .refresher-refreshing .spinner-bubbles circle,.refresher-md .refresher-refreshing .spinner-circles circle,.refresher-md .refresher-refreshing .spinner-dots circle{fill:var(--ion-text-color, #000)}ion-refresher.refresher-native{display:block;z-index:1}ion-refresher.refresher-native ion-spinner{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:24px;height:24px;color:var(--ion-color-primary, #3880ff)}ion-refresher.refresher-native .spinner-arrow-container{display:inherit}ion-refresher.refresher-native .arrow-container{display:block;position:absolute;width:24px;height:24px}ion-refresher.refresher-native .arrow-container ion-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;left:0;right:0;bottom:-4px;position:absolute;color:var(--ion-color-primary, #3880ff);font-size:12px}ion-refresher.refresher-native.refresher-pulling ion-refresher-content .refresher-pulling,ion-refresher.refresher-native.refresher-ready ion-refresher-content .refresher-pulling{display:flex}ion-refresher.refresher-native.refresher-refreshing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-completing ion-refresher-content .refresher-refreshing,ion-refresher.refresher-native.refresher-cancelling ion-refresher-content .refresher-refreshing{display:flex}ion-refresher.refresher-native .refresher-pulling-icon{transform:translateY(calc(-100% - 10px))}ion-refresher.refresher-native .refresher-pulling-icon,ion-refresher.refresher-native .refresher-refreshing-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;border-radius:100%;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:flex;border:1px solid var(--ion-color-step-200, #ececec);background:var(--ion-color-step-250, #ffffff);box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1)}";const C=P;const Y=class{constructor(i){e(this,i);this.ionRefresh=r(this,"ionRefresh",7);this.ionPull=r(this,"ionPull",7);this.ionStart=r(this,"ionStart",7);this.appliedStyles=false;this.didStart=false;this.progress=0;this.pointerDown=false;this.needsCompletion=false;this.didRefresh=false;this.lastVelocityY=0;this.animations=[];this.nativeRefresher=false;this.state=1;this.pullMin=60;this.pullMax=this.pullMin+60;this.closeDuration="280ms";this.snapbackDuration="280ms";this.pullFactor=1;this.disabled=false}disabledChanged(){if(this.gesture){this.gesture.enable(!this.disabled)}}async checkNativeRefresher(){const e=await y(this.el,b(this));if(e&&!this.nativeRefresher){const e=this.el.closest("ion-content");this.setupNativeRefresher(e)}else if(!e){this.destroyNativeRefresher()}}destroyNativeRefresher(){if(this.scrollEl&&this.scrollListenerCallback){this.scrollEl.removeEventListener("scroll",this.scrollListenerCallback);this.scrollListenerCallback=undefined}this.nativeRefresher=false}async resetNativeRefresher(e,r){this.state=r;if(b(this)==="ios"){await w(e,undefined,300)}else{await p(this.el.querySelector(".refresher-refreshing-icon"),200)}this.didRefresh=false;this.needsCompletion=false;this.pointerDown=false;this.animations.forEach((e=>e.destroy()));this.animations=[];this.progress=0;this.state=1}async setupiOSNativeRefresher(e,r){this.elementToTransform=this.scrollEl;const t=e.shadowRoot.querySelectorAll("svg");let n=this.scrollEl.clientHeight*.16;const h=t.length;i((()=>t.forEach((e=>e.style.setProperty("animation","none")))));this.scrollListenerCallback=()=>{if(!this.pointerDown&&this.state===1){return}s((()=>{const e=this.scrollEl.scrollTop;const s=this.el.clientHeight;if(e>0){if(this.state===8){const t=g(0,e/(s*.5),1);i((()=>k(r,1-t)));return}return}if(this.pointerDown){if(!this.didStart){this.didStart=true;this.ionStart.emit()}if(this.pointerDown){this.ionPull.emit()}}const o=this.didStart?30:0;const f=this.progress=g(0,(Math.abs(e)-o)/n,1);const l=this.state===8||f===1;if(l){if(this.pointerDown){j(r,this.lastVelocityY)}if(!this.didRefresh){this.beginRefresh();this.didRefresh=true;v({style:x.Light});if(!this.pointerDown){w(this.elementToTransform,`${s}px`)}}}else{this.state=2;S(t,h,f)}}))};this.scrollEl.addEventListener("scroll",this.scrollListenerCallback);this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.scrollEl,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:5,onStart:()=>{this.pointerDown=true;if(!this.didRefresh){w(this.elementToTransform,"0px")}if(n===0){n=this.scrollEl.clientHeight*.16}},onMove:e=>{this.lastVelocityY=e.velocityY},onEnd:()=>{this.pointerDown=false;this.didStart=false;if(this.needsCompletion){this.resetNativeRefresher(this.elementToTransform,32);this.needsCompletion=false}else if(this.didRefresh){s((()=>w(this.elementToTransform,`${this.el.clientHeight}px`)))}}});this.disabledChanged()}async setupMDNativeRefresher(e,r,s){const t=d(r).querySelector("circle");const n=this.el.querySelector("ion-refresher-content .refresher-pulling-icon");const h=d(s).querySelector("circle");if(t!==null&&h!==null){i((()=>{t.style.setProperty("animation","none");s.style.setProperty("animation-delay","-655ms");h.style.setProperty("animation-delay","-655ms")}))}this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.scrollEl,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:5,canStart:()=>this.state!==8&&this.state!==32&&this.scrollEl.scrollTop===0,onStart:e=>{this.progress=0;e.data={animation:undefined,didStart:false,cancelled:false}},onMove:r=>{if(r.velocityY<0&&this.progress===0&&!r.data.didStart||r.data.cancelled){r.data.cancelled=true;return}if(!r.data.didStart){r.data.didStart=true;this.state=2;const{scrollEl:s}=this;const t=s.matches(f)?"overflow":"--overflow";i((()=>s.style.setProperty(t,"hidden")));const h=R(e);const o=z(h,n,this.el);r.data.animation=o;o.progressStart(false,0);this.ionStart.emit();this.animations.push(o);return}this.progress=g(0,r.deltaY/180*.5,1);r.data.animation.progressStep(this.progress);this.ionPull.emit()},onEnd:e=>{if(!e.data.didStart){return}this.gesture.enable(false);const{scrollEl:r}=this;const s=r.matches(f)?"overflow":"--overflow";i((()=>r.style.removeProperty(s)));if(this.progress<=.4){e.data.animation.progressEnd(0,this.progress,500).onFinish((()=>{this.animations.forEach((e=>e.destroy()));this.animations=[];this.gesture.enable(true);this.state=1}));return}const t=o([0,0],[0,0],[1,1],[1,1],this.progress)[0];const h=N(n);this.animations.push(h);i((async()=>{n.style.setProperty("--ion-pulling-refresher-translate",`${t*100}px`);e.data.animation.progressEnd();await h.play();this.beginRefresh();e.data.animation.destroy();this.gesture.enable(true)}))}});this.disabledChanged()}async setupNativeRefresher(e){if(this.scrollListenerCallback||!e||this.nativeRefresher||!this.scrollEl){return}this.setCss(0,"",false,"");this.nativeRefresher=true;const r=this.el.querySelector("ion-refresher-content .refresher-pulling ion-spinner");const i=this.el.querySelector("ion-refresher-content .refresher-refreshing ion-spinner");if(b(this)==="ios"){this.setupiOSNativeRefresher(r,i)}else{this.setupMDNativeRefresher(e,r,i)}}componentDidUpdate(){this.checkNativeRefresher()}async connectedCallback(){if(this.el.getAttribute("slot")!=="fixed"){console.error('Make sure you use: <ion-refresher slot="fixed">');return}const e=this.el.closest(l);if(!e){a(this.el);return}u(e,(async()=>{const r=e.querySelector(f);this.scrollEl=await c(r!==null&&r!==void 0?r:e);this.backgroundContentEl=await e.getBackgroundElement();if(await y(this.el,b(this))){this.setupNativeRefresher(e)}else{this.gesture=(await import("./p-b943833e.js")).createGesture({el:e,gestureName:"refresher",gesturePriority:31,direction:"y",threshold:20,passive:false,canStart:()=>this.canStart(),onStart:()=>this.onStart(),onMove:e=>this.onMove(e),onEnd:()=>this.onEnd()});this.disabledChanged()}}))}disconnectedCallback(){this.destroyNativeRefresher();this.scrollEl=undefined;if(this.gesture){this.gesture.destroy();this.gesture=undefined}}async complete(){if(this.nativeRefresher){this.needsCompletion=true;if(!this.pointerDown){m((()=>m((()=>this.resetNativeRefresher(this.elementToTransform,32)))))}}else{this.close(32,"120ms")}}async cancel(){if(this.nativeRefresher){if(!this.pointerDown){m((()=>m((()=>this.resetNativeRefresher(this.elementToTransform,16)))))}}else{this.close(16,"")}}getProgress(){return Promise.resolve(this.progress)}canStart(){if(!this.scrollEl){return false}if(this.state!==1){return false}if(this.scrollEl.scrollTop>0){return false}return true}onStart(){this.progress=0;this.state=1;this.memoizeOverflowStyle()}onMove(e){if(!this.scrollEl){return}const r=e.event;if(r.touches!==undefined&&r.touches.length>1){return}if((this.state&56)!==0){return}const i=Number.isNaN(this.pullFactor)||this.pullFactor<0?1:this.pullFactor;const s=e.deltaY*i;if(s<=0){this.progress=0;this.state=1;if(this.appliedStyles){this.setCss(0,"",false,"");return}return}if(this.state===1){const e=this.scrollEl.scrollTop;if(e>0){this.progress=0;return}this.state=2}if(r.cancelable){r.preventDefault()}this.setCss(s,"0ms",true,"");if(s===0){this.progress=0;return}const t=this.pullMin;this.progress=s/t;if(!this.didStart){this.didStart=true;this.ionStart.emit()}this.ionPull.emit();if(s<t){this.state=2;return}if(s>this.pullMax){this.beginRefresh();return}this.state=4;return}onEnd(){if(this.state===4){this.beginRefresh()}else if(this.state===2){this.cancel()}else if(this.state===1){this.restoreOverflowStyle()}}beginRefresh(){this.state=8;this.setCss(this.pullMin,this.snapbackDuration,true,"");this.ionRefresh.emit({complete:this.complete.bind(this)})}close(e,r){setTimeout((()=>{this.state=1;this.progress=0;this.didStart=false;this.setCss(0,"0ms",false,"",true)}),600);this.state=e;this.setCss(0,this.closeDuration,true,r)}setCss(e,r,s,t,n=false){if(this.nativeRefresher){return}this.appliedStyles=e>0;i((()=>{if(this.scrollEl&&this.backgroundContentEl){const i=this.scrollEl.style;const n=this.backgroundContentEl.style;i.transform=n.transform=e>0?`translateY(${e}px) translateZ(0px)`:"";i.transitionDuration=n.transitionDuration=r;i.transitionDelay=n.transitionDelay=t;i.overflow=s?"hidden":""}if(n){this.restoreOverflowStyle()}}))}memoizeOverflowStyle(){if(this.scrollEl){const{overflow:e,overflowX:r,overflowY:i}=this.scrollEl.style;this.overflowStyles={overflow:e!==null&&e!==void 0?e:"",overflowX:r!==null&&r!==void 0?r:"",overflowY:i!==null&&i!==void 0?i:""}}}restoreOverflowStyle(){if(this.overflowStyles!==undefined&&this.scrollEl!==undefined){const{overflow:e,overflowX:r,overflowY:i}=this.overflowStyles;this.scrollEl.style.overflow=e;this.scrollEl.style.overflowX=r;this.scrollEl.style.overflowY=i;this.overflowStyles=undefined}}render(){const e=b(this);return t(h,{key:"96f4f595ebdb92a12755b642398691bcaab9f7c1",slot:"fixed",class:{[e]:true,[`refresher-${e}`]:true,"refresher-native":this.nativeRefresher,"refresher-active":this.state!==1,"refresher-pulling":this.state===2,"refresher-ready":this.state===4,"refresher-refreshing":this.state===8,"refresher-cancelling":this.state===16,"refresher-completing":this.state===32}})}get el(){return n(this)}static get watchers(){return{disabled:["disabledChanged"]}}};Y.style={ios:E,md:C};export{Y as ion_refresher};
+//# sourceMappingURL=p-5298b7a1.entry.js.map

package/dist/elements/{p-0b1c92f2.entry.js → p-52c87099.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,e as r,h as e,H as i,d as t}from"./p-3c2b721e.js";import{b as a}from"./p-9e7f0522.js";import{o as n,c,h as s}from"./p-669fab6c.js";import{g as d,h as l}from"./p-0ee8b7a7.js";import{g as b}from"./p-2dddbb15.js";const p=":host{display:flex;flex:0 0 auto;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:flex;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:flex;flex:1 1 100%;align-items:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-850, #2d4665);--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--color-active);--background-focused:var(--ion-color-step-50, rgba(233, 237, 243, 0.7));font-size:clamp(16px, 1rem, 22px)}:host(.breadcrumb-active){font-weight:600}.breadcrumb-native{border-radius:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:5px;padding-bottom:5px;border:1px solid transparent}:host(.ion-focused) .breadcrumb-native{border-radius:8px}:host(.in-breadcrumbs-color.ion-focused) .breadcrumb-native,:host(.ion-color.ion-focused) .breadcrumb-native{background:rgba(var(--ion-color-base-rgb), 0.1);color:var(--ion-color-base)}:host(.ion-focused) ::slotted(ion-icon),:host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),:host(.ion-color.ion-focused) ::slotted(ion-icon){color:var(--ion-color-step-750, #445b78)}.breadcrumb-separator{color:var(--ion-color-step-550, #73849a)}::slotted(ion-icon){color:var(--ion-color-step-400, #92a0b3);font-size:min(1.125rem, 21.6px)}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, #242d39)}.breadcrumbs-collapsed-indicator{border-radius:4px;background:var(--ion-color-step-100, #e9edf3);color:var(--ion-color-step-550, #73849a)}.breadcrumbs-collapsed-indicator:hover{opacity:0.45}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, #d9e0ea)}.breadcrumbs-collapsed-indicator ion-icon{font-size:min(1.375rem, 22px)}";const h=p;const u=":host{display:flex;flex:0 0 auto;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:flex;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:flex;flex:1 1 100%;align-items:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-600, #677483);--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--ion-color-step-800, #35404e);--background-focused:var(--ion-color-step-50, #fff)}:host(.breadcrumb-active){font-weight:500}.breadcrumb-native{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}.breadcrumb-separator{-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:-1px}:host(.ion-focused) .breadcrumb-native{border-radius:4px;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12)}.breadcrumb-separator{color:var(--ion-color-step-550, #73849a)}::slotted(ion-icon){color:var(--ion-color-step-550, #7d8894);font-size:1.125rem}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, #222d3a)}.breadcrumbs-collapsed-indicator{border-radius:2px;background:var(--ion-color-step-100, #eef1f3);color:var(--ion-color-step-550, #73849a)}.breadcrumbs-collapsed-indicator:hover{opacity:0.7}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, #dfe5e8)}";const m=u;const f=class{constructor(e){o(this,e);this.ionFocus=r(this,"ionFocus",7);this.ionBlur=r(this,"ionBlur",7);this.collapsedClick=r(this,"collapsedClick",7);this.inheritedAttributes={};this.onFocus=()=>{this.ionFocus.emit()};this.onBlur=()=>{this.ionBlur.emit()};this.collapsedIndicatorClick=()=>{this.collapsedClick.emit({ionShadowTarget:this.collapsedRef})};this.collapsed=false;this.last=undefined;this.showCollapsedIndicator=undefined;this.color=undefined;this.active=false;this.disabled=false;this.download=undefined;this.href=undefined;this.rel=undefined;this.separator=undefined;this.target=undefined;this.routerDirection="forward";this.routerAnimation=undefined}componentWillLoad(){this.inheritedAttributes=a(this.el)}isClickable(){return this.href!==undefined}render(){const{color:o,active:r,collapsed:t,disabled:a,download:p,el:h,inheritedAttributes:u,last:m,routerAnimation:f,routerDirection:g,separator:v,showCollapsedIndicator:x,target:k}=this;const w=this.isClickable();const y=this.href===undefined?"span":"a";const z=a?undefined:this.href;const j=b(this);const C=y==="span"?{}:{download:p,href:z,target:k};const A=m?false:t?x&&!m?true:false:v;return e(i,{key:"6d354439f90ec3cfab9fbf93cb17a67fb9ca6034",onClick:o=>n(z,o,g,f),"aria-disabled":a?"true":null,class:c(o,{[j]:true,"breadcrumb-active":r,"breadcrumb-collapsed":t,"breadcrumb-disabled":a,"in-breadcrumbs-color":s("ion-breadcrumbs[color]",h),"in-toolbar":s("ion-toolbar",this.el),"in-toolbar-color":s("ion-toolbar[color]",this.el),"ion-activatable":w,"ion-focusable":w})},e(y,Object.assign({key:"4782977969bd84af02b1834573a6e51069b798ae"},C,{class:"breadcrumb-native",part:"native",disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},u),e("slot",{key:"7d5fb845e463b8195142099773e7f258fc8ed31d",name:"start"}),e("slot",{key:"6b642ccb9101c12f72124fed5dd0f6362345fb41"}),e("slot",{key:"9fb0841fed712e21d1e84b187e1bc9159cf80b56",name:"end"})),x&&e("button",{key:"4b64544d879224d491447a79da8f8672b994af0b",part:"collapsed-indicator","aria-label":"Show more breadcrumbs",onClick:()=>this.collapsedIndicatorClick(),ref:o=>this.collapsedRef=o,class:{"breadcrumbs-collapsed-indicator":true}},e("ion-icon",{key:"5a2511b237aa8c401f416e967a831f8315423949","aria-hidden":"true",icon:l,lazy:false})),A&&e("span",{key:"348952855dd79eb92f8d370e5839a8d09aff4097",class:"breadcrumb-separator",part:"separator","aria-hidden":"true"},e("slot",{key:"0120f416edb1d776fa6900b5986b2b57eef554b3",name:"separator"},j==="ios"?e("ion-icon",{icon:d,lazy:false,"flip-rtl":true}):e("span",null,"/"))))}get el(){return t(this)}};f.style={ios:h,md:m};export{f as ion_breadcrumb};
-//# sourceMappingURL=p-0b1c92f2.entry.js.map
+import{r as o,i as r,h as e,H as i,d as t}from"./p-7f507bcb.js";import{h as a}from"./p-25270f1a.js";import{o as n,c,h as s}from"./p-669fab6c.js";import{g as d,h as l}from"./p-0ee8b7a7.js";import{g as b}from"./p-f1ef82a9.js";const p=":host{display:flex;flex:0 0 auto;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:flex;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:flex;flex:1 1 100%;align-items:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-850, #2d4665);--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--color-active);--background-focused:var(--ion-color-step-50, rgba(233, 237, 243, 0.7));font-size:clamp(16px, 1rem, 22px)}:host(.breadcrumb-active){font-weight:600}.breadcrumb-native{border-radius:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:5px;padding-bottom:5px;border:1px solid transparent}:host(.ion-focused) .breadcrumb-native{border-radius:8px}:host(.in-breadcrumbs-color.ion-focused) .breadcrumb-native,:host(.ion-color.ion-focused) .breadcrumb-native{background:rgba(var(--ion-color-base-rgb), 0.1);color:var(--ion-color-base)}:host(.ion-focused) ::slotted(ion-icon),:host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),:host(.ion-color.ion-focused) ::slotted(ion-icon){color:var(--ion-color-step-750, #445b78)}.breadcrumb-separator{color:var(--ion-color-step-550, #73849a)}::slotted(ion-icon){color:var(--ion-color-step-400, #92a0b3);font-size:min(1.125rem, 21.6px)}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, #242d39)}.breadcrumbs-collapsed-indicator{border-radius:4px;background:var(--ion-color-step-100, #e9edf3);color:var(--ion-color-step-550, #73849a)}.breadcrumbs-collapsed-indicator:hover{opacity:0.45}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, #d9e0ea)}.breadcrumbs-collapsed-indicator ion-icon{font-size:min(1.375rem, 22px)}";const h=p;const u=":host{display:flex;flex:0 0 auto;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:flex;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:flex;flex:1 1 100%;align-items:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-600, #677483);--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--ion-color-step-800, #35404e);--background-focused:var(--ion-color-step-50, #fff)}:host(.breadcrumb-active){font-weight:500}.breadcrumb-native{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}.breadcrumb-separator{-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:-1px}:host(.ion-focused) .breadcrumb-native{border-radius:4px;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12)}.breadcrumb-separator{color:var(--ion-color-step-550, #73849a)}::slotted(ion-icon){color:var(--ion-color-step-550, #7d8894);font-size:1.125rem}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, #222d3a)}.breadcrumbs-collapsed-indicator{border-radius:2px;background:var(--ion-color-step-100, #eef1f3);color:var(--ion-color-step-550, #73849a)}.breadcrumbs-collapsed-indicator:hover{opacity:0.7}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, #dfe5e8)}";const m=u;const f=class{constructor(e){o(this,e);this.ionFocus=r(this,"ionFocus",7);this.ionBlur=r(this,"ionBlur",7);this.collapsedClick=r(this,"collapsedClick",7);this.inheritedAttributes={};this.onFocus=()=>{this.ionFocus.emit()};this.onBlur=()=>{this.ionBlur.emit()};this.collapsedIndicatorClick=()=>{this.collapsedClick.emit({ionShadowTarget:this.collapsedRef})};this.collapsed=false;this.last=undefined;this.showCollapsedIndicator=undefined;this.color=undefined;this.active=false;this.disabled=false;this.download=undefined;this.href=undefined;this.rel=undefined;this.separator=undefined;this.target=undefined;this.routerDirection="forward";this.routerAnimation=undefined}componentWillLoad(){this.inheritedAttributes=a(this.el)}isClickable(){return this.href!==undefined}render(){const{color:o,active:r,collapsed:t,disabled:a,download:p,el:h,inheritedAttributes:u,last:m,routerAnimation:f,routerDirection:g,separator:v,showCollapsedIndicator:x,target:k}=this;const w=this.isClickable();const y=this.href===undefined?"span":"a";const z=a?undefined:this.href;const j=b(this);const C=y==="span"?{}:{download:p,href:z,target:k};const A=m?false:t?x&&!m?true:false:v;return e(i,{key:"6d354439f90ec3cfab9fbf93cb17a67fb9ca6034",onClick:o=>n(z,o,g,f),"aria-disabled":a?"true":null,class:c(o,{[j]:true,"breadcrumb-active":r,"breadcrumb-collapsed":t,"breadcrumb-disabled":a,"in-breadcrumbs-color":s("ion-breadcrumbs[color]",h),"in-toolbar":s("ion-toolbar",this.el),"in-toolbar-color":s("ion-toolbar[color]",this.el),"ion-activatable":w,"ion-focusable":w})},e(y,Object.assign({key:"4782977969bd84af02b1834573a6e51069b798ae"},C,{class:"breadcrumb-native",part:"native",disabled:a,onFocus:this.onFocus,onBlur:this.onBlur},u),e("slot",{key:"7d5fb845e463b8195142099773e7f258fc8ed31d",name:"start"}),e("slot",{key:"6b642ccb9101c12f72124fed5dd0f6362345fb41"}),e("slot",{key:"9fb0841fed712e21d1e84b187e1bc9159cf80b56",name:"end"})),x&&e("button",{key:"4b64544d879224d491447a79da8f8672b994af0b",part:"collapsed-indicator","aria-label":"Show more breadcrumbs",onClick:()=>this.collapsedIndicatorClick(),ref:o=>this.collapsedRef=o,class:{"breadcrumbs-collapsed-indicator":true}},e("ion-icon",{key:"5a2511b237aa8c401f416e967a831f8315423949","aria-hidden":"true",icon:l,lazy:false})),A&&e("span",{key:"348952855dd79eb92f8d370e5839a8d09aff4097",class:"breadcrumb-separator",part:"separator","aria-hidden":"true"},e("slot",{key:"0120f416edb1d776fa6900b5986b2b57eef554b3",name:"separator"},j==="ios"?e("ion-icon",{icon:d,lazy:false,"flip-rtl":true}):e("span",null,"/"))))}get el(){return t(this)}};f.style={ios:h,md:m};export{f as ion_breadcrumb};
+//# sourceMappingURL=p-52c87099.entry.js.map