npm - @pod-os/elements - Versions diffs - 0.26.0 → 0.26.1-rc.37aef21.0 - Mend

@pod-os/elements 0.26.0 → 0.26.1-rc.37aef21.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (448) hide show

package/dist/elements/{p-2f0509be.entry.js.map → p-e05f218c.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["fabButtonIosCss","IonFabButtonIosStyle0","fabButtonMdCss","IonFabButtonMdStyle0","FabButton","constructor","hostRef","this","fab","inheritedAttributes","onFocus","ionFocus","emit","onBlur","ionBlur","onClick","toggle","color","undefined","activated","disabled","download","href","rel","routerDirection","routerAnimation","target","show","translucent","type","size","closeIcon","close","connectedCallback","el","closest","componentWillLoad","inheritAriaAttributes","render","inList","hostContext","mode","getIonMode","TagType","attrs","h","Host","key","class","createColorClasses","Object","assign","part","ev","openURL","icon","lazy"],"sources":["../node_modules/@ionic/core/dist/collection/components/fab-button/fab-button.ios.css?tag=ion-fab-button&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/fab-button/fab-button.md.css?tag=ion-fab-button&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/fab-button/fab-button.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 /\n @prop --background: Background of the button\n * @prop --background-activated: Background of the button when pressed. Note: setting this will interfere with the Material Design ripple.\n * @prop --background-activated-opacity: Opacity of the button background when pressed\n * @prop --background-focused: Background of the button when focused with the tab key\n * @prop --background-focused-opacity: Opacity of the button background when focused with the tab key\n * @prop --background-hover: Background of the button on hover\n * @prop --background-hover-opacity: Opacity of the button background on hover\n \n @prop --color: Text color of the button\n * @prop --color-activated: Text color of the button when pressed\n * @prop --color-focused: Text color of the button when focused with the tab key\n * @prop --color-hover: Text color of the button on hover\n \n @prop --transition: Transition of the button\n \n @prop --close-icon-font-size: Font size of the close icon\n \n @prop --border-radius: Border radius of the button\n * @prop --border-width: Border width of the button\n * @prop --border-style: Border style of the button\n * @prop --border-color: Border color of the button\n \n @prop --ripple-color: Color of the button ripple effect\n \n @prop --box-shadow: Box shadow of the button\n \n @prop --padding-top: Top padding of the button\n * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button\n * @prop --padding-bottom: Bottom padding of the button\n * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button\n /\n --color-activated: var(--color);\n --color-focused: var(--color);\n --color-hover: var(--color);\n --background-hover: var(--ion-color-primary-contrast, #fff);\n --background-hover-opacity: .08;\n --transition: background-color, opacity 100ms linear;\n --ripple-color: currentColor;\n --border-radius: 50%;\n --border-width: 0;\n --border-style: none;\n --border-color: initial;\n --padding-top: 0;\n --padding-end: 0;\n --padding-bottom: 0;\n --padding-start: 0;\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n display: block;\n width: 56px;\n height: 56px;\n font-size: 14px;\n text-align: center;\n text-overflow: ellipsis;\n text-transform: none;\n white-space: nowrap;\n font-kerning: none;\n}\n\n.button-native {\n border-radius: var(--border-radius);\n -webkit-padding-start: var(--padding-start);\n padding-inline-start: var(--padding-start);\n -webkit-padding-end: var(--padding-end);\n padding-inline-end: var(--padding-end);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n transform: var(--transform);\n transition: var(--transition);\n border-width: var(--border-width);\n border-style: var(--border-style);\n border-color: var(--border-color);\n outline: none;\n background: var(--background);\n background-clip: padding-box;\n color: var(--color);\n box-shadow: var(--box-shadow);\n contain: strict;\n cursor: pointer;\n overflow: hidden;\n z-index: 0;\n appearance: none;\n box-sizing: border-box;\n}\n\n::slotted(ion-icon) {\n line-height: 1;\n}\n\n.button-native::after {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n content: \"\";\n opacity: 0;\n}\n\n.button-inner {\n left: 0;\n right: 0;\n top: 0;\n display: flex;\n position: absolute;\n flex-flow: row nowrap;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n height: 100%;\n transition: all ease-in-out 300ms;\n transition-property: transform, opacity;\n z-index: 1;\n}\n\n:host(.fab-button-disabled) {\n cursor: default;\n opacity: 0.5;\n pointer-events: none;\n}\n\n@media (any-hover: hover) {\n :host(:hover) .button-native {\n color: var(--color-hover);\n }\n :host(:hover) .button-native::after {\n background: var(--background-hover);\n opacity: var(--background-hover-opacity);\n }\n}\n:host(.ion-focused) .button-native {\n color: var(--color-focused);\n}\n:host(.ion-focused) .button-native::after {\n background: var(--background-focused);\n opacity: var(--background-focused-opacity);\n}\n\n:host(.ion-activated) .button-native {\n color: var(--color-activated);\n}\n:host(.ion-activated) .button-native::after {\n background: var(--background-activated);\n opacity: var(--background-activated-opacity);\n}\n\n::slotted(ion-icon) {\n line-height: 1;\n}\n\n:host(.fab-button-small) {\n -webkit-margin-start: 8px;\n margin-inline-start: 8px;\n -webkit-margin-end: 8px;\n margin-inline-end: 8px;\n margin-top: 8px;\n margin-bottom: 8px;\n width: 40px;\n height: 40px;\n}\n\n.close-icon {\n -webkit-margin-start: auto;\n margin-inline-start: auto;\n -webkit-margin-end: auto;\n margin-inline-end: auto;\n margin-top: 0;\n margin-bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n position: absolute;\n height: 100%;\n transform: scale(0.4) rotateZ(-45deg);\n transition: all ease-in-out 300ms;\n transition-property: transform, opacity;\n font-size: var(--close-icon-font-size);\n opacity: 0;\n z-index: 1;\n}\n\n:host(.fab-button-close-active) .close-icon {\n transform: scale(1) rotateZ(0deg);\n opacity: 1;\n}\n\n:host(.fab-button-close-active) .button-inner {\n transform: scale(0.4) rotateZ(45deg);\n opacity: 0;\n}\n\nion-ripple-effect {\n color: var(--ripple-color);\n}\n\n@supports (backdrop-filter: blur(0)) {\n :host(.fab-button-translucent) .button-native {\n backdrop-filter: var(--backdrop-filter);\n }\n}\n:host(.ion-color) .button-native {\n background: var(--ion-color-base);\n color: var(--ion-color-contrast);\n}\n\n/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n --background: var(--ion-color-primary, #3880ff);\n --background-activated: var(--ion-color-primary-shade, #3171e0);\n --background-focused: var(--ion-color-primary-shade, #3171e0);\n --background-hover: var(--ion-color-primary-tint, #4c8dff);\n --background-activated-opacity: 1;\n --background-focused-opacity: 1;\n --background-hover-opacity: 1;\n --color: var(--ion-color-primary-contrast, #fff);\n --box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n --transition: 0.2s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);\n --close-icon-font-size: 28px;\n}\n\n:host(.ion-activated) {\n --box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n --transform: scale(1.1);\n --transition: 0.2s transform ease-out;\n}\n\n::slotted(ion-icon) {\n font-size: 28px;\n}\n\n:host(.fab-button-in-list) {\n --background: var(--ion-color-light, #f4f5f8);\n --background-activated: var(--ion-color-light-shade, #d7d8da);\n --background-focused: var(--background-activated);\n --background-hover: var(--ion-color-light-tint, #f5f6f9);\n --color: var(--ion-color-light-contrast, #000);\n --color-activated: var(--ion-color-light-contrast, #000);\n --color-focused: var(--color-activated);\n --transition: transform 200ms ease 10ms, opacity 200ms ease 10ms;\n}\n\n:host(.fab-button-in-list) ::slotted(ion-icon) {\n font-size: 18px;\n}\n\n:host(.ion-color.ion-focused) .button-native::after {\n background: var(--ion-color-shade);\n}\n\n:host(.ion-color.ion-focused) .button-native,\n:host(.ion-color.ion-activated) .button-native {\n color: var(--ion-color-contrast);\n}\n:host(.ion-color.ion-focused) .button-native::after,\n:host(.ion-color.ion-activated) .button-native::after {\n background: var(--ion-color-shade);\n}\n\n@media (any-hover: hover) {\n :host(.ion-color:hover) .button-native {\n color: var(--ion-color-contrast);\n }\n :host(.ion-color:hover) .button-native::after {\n background: var(--ion-color-tint);\n }\n}\n@supports (backdrop-filter: blur(0)) {\n :host(.fab-button-translucent) {\n --background: rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.9);\n --background-hover: rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.8);\n --background-focused: rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.82);\n --backdrop-filter: saturate(180%) blur(20px);\n }\n :host(.fab-button-translucent-in-list) {\n --background: rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.9);\n --background-hover: rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.8);\n --background-focused: rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.82);\n }\n}\n@supports (backdrop-filter: blur(0)) {\n @media (any-hover: hover) {\n :host(.fab-button-translucent.ion-color:hover) .button-native {\n background: rgba(var(--ion-color-base-rgb), 0.8);\n }\n }\n :host(.ion-color.fab-button-translucent) .button-native {\n background: rgba(var(--ion-color-base-rgb), 0.9);\n }\n :host(.ion-color.ion-focused.fab-button-translucent) .button-native,\n :host(.ion-color.ion-activated.fab-button-translucent) .button-native {\n background: var(--ion-color-base);\n }\n}","/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n /\n @prop --background: Background of the button\n * @prop --background-activated: Background of the button when pressed. Note: setting this will interfere with the Material Design ripple.\n * @prop --background-activated-opacity: Opacity of the button background when pressed\n * @prop --background-focused: Background of the button when focused with the tab key\n * @prop --background-focused-opacity: Opacity of the button background when focused with the tab key\n * @prop --background-hover: Background of the button on hover\n * @prop --background-hover-opacity: Opacity of the button background on hover\n \n @prop --color: Text color of the button\n * @prop --color-activated: Text color of the button when pressed\n * @prop --color-focused: Text color of the button when focused with the tab key\n * @prop --color-hover: Text color of the button on hover\n \n @prop --transition: Transition of the button\n \n @prop --close-icon-font-size: Font size of the close icon\n \n @prop --border-radius: Border radius of the button\n * @prop --border-width: Border width of the button\n * @prop --border-style: Border style of the button\n * @prop --border-color: Border color of the button\n \n @prop --ripple-color: Color of the button ripple effect\n \n @prop --box-shadow: Box shadow of the button\n \n @prop --padding-top: Top padding of the button\n * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button\n * @prop --padding-bottom: Bottom padding of the button\n * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button\n /\n --color-activated: var(--color);\n --color-focused: var(--color);\n --color-hover: var(--color);\n --background-hover: var(--ion-color-primary-contrast, #fff);\n --background-hover-opacity: .08;\n --transition: background-color, opacity 100ms linear;\n --ripple-color: currentColor;\n --border-radius: 50%;\n --border-width: 0;\n --border-style: none;\n --border-color: initial;\n --padding-top: 0;\n --padding-end: 0;\n --padding-bottom: 0;\n --padding-start: 0;\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n display: block;\n width: 56px;\n height: 56px;\n font-size: 14px;\n text-align: center;\n text-overflow: ellipsis;\n text-transform: none;\n white-space: nowrap;\n font-kerning: none;\n}\n\n.button-native {\n border-radius: var(--border-radius);\n -webkit-padding-start: var(--padding-start);\n padding-inline-start: var(--padding-start);\n -webkit-padding-end: var(--padding-end);\n padding-inline-end: var(--padding-end);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n transform: var(--transform);\n transition: var(--transition);\n border-width: var(--border-width);\n border-style: var(--border-style);\n border-color: var(--border-color);\n outline: none;\n background: var(--background);\n background-clip: padding-box;\n color: var(--color);\n box-shadow: var(--box-shadow);\n contain: strict;\n cursor: pointer;\n overflow: hidden;\n z-index: 0;\n appearance: none;\n box-sizing: border-box;\n}\n\n::slotted(ion-icon) {\n line-height: 1;\n}\n\n.button-native::after {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n content: \"\";\n opacity: 0;\n}\n\n.button-inner {\n left: 0;\n right: 0;\n top: 0;\n display: flex;\n position: absolute;\n flex-flow: row nowrap;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n height: 100%;\n transition: all ease-in-out 300ms;\n transition-property: transform, opacity;\n z-index: 1;\n}\n\n:host(.fab-button-disabled) {\n cursor: default;\n opacity: 0.5;\n pointer-events: none;\n}\n\n@media (any-hover: hover) {\n :host(:hover) .button-native {\n color: var(--color-hover);\n }\n :host(:hover) .button-native::after {\n background: var(--background-hover);\n opacity: var(--background-hover-opacity);\n }\n}\n:host(.ion-focused) .button-native {\n color: var(--color-focused);\n}\n:host(.ion-focused) .button-native::after {\n background: var(--background-focused);\n opacity: var(--background-focused-opacity);\n}\n\n:host(.ion-activated) .button-native {\n color: var(--color-activated);\n}\n:host(.ion-activated) .button-native::after {\n background: var(--background-activated);\n opacity: var(--background-activated-opacity);\n}\n\n::slotted(ion-icon) {\n line-height: 1;\n}\n\n:host(.fab-button-small) {\n -webkit-margin-start: 8px;\n margin-inline-start: 8px;\n -webkit-margin-end: 8px;\n margin-inline-end: 8px;\n margin-top: 8px;\n margin-bottom: 8px;\n width: 40px;\n height: 40px;\n}\n\n.close-icon {\n -webkit-margin-start: auto;\n margin-inline-start: auto;\n -webkit-margin-end: auto;\n margin-inline-end: auto;\n margin-top: 0;\n margin-bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n position: absolute;\n height: 100%;\n transform: scale(0.4) rotateZ(-45deg);\n transition: all ease-in-out 300ms;\n transition-property: transform, opacity;\n font-size: var(--close-icon-font-size);\n opacity: 0;\n z-index: 1;\n}\n\n:host(.fab-button-close-active) .close-icon {\n transform: scale(1) rotateZ(0deg);\n opacity: 1;\n}\n\n:host(.fab-button-close-active) .button-inner {\n transform: scale(0.4) rotateZ(45deg);\n opacity: 0;\n}\n\nion-ripple-effect {\n color: var(--ripple-color);\n}\n\n@supports (backdrop-filter: blur(0)) {\n :host(.fab-button-translucent) .button-native {\n backdrop-filter: var(--backdrop-filter);\n }\n}\n:host(.ion-color) .button-native {\n background: var(--ion-color-base);\n color: var(--ion-color-contrast);\n}\n\n/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n --background: var(--ion-color-primary, #3880ff);\n --background-activated: transparent;\n --background-focused: currentColor;\n --background-hover: currentColor;\n --background-activated-opacity: 0;\n --background-focused-opacity: .24;\n --background-hover-opacity: .08;\n --color: var(--ion-color-primary-contrast, #fff);\n --box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);\n --transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), background-color 280ms cubic-bezier(0.4, 0, 0.2, 1), color 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n --close-icon-font-size: 24px;\n}\n\n:host(.ion-activated) {\n --box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);\n}\n\n::slotted(ion-icon) {\n font-size: 24px;\n}\n\n:host(.fab-button-in-list) {\n --color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);\n --color-activated: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);\n --color-focused: var(--color-activated);\n --background: var(--ion-color-light, #f4f5f8);\n --background-activated: transparent;\n --background-focused: var(--ion-color-light-shade, #d7d8da);\n --background-hover: var(--ion-color-light-tint, #f5f6f9);\n}\n\n:host(.fab-button-in-list) ::slotted(ion-icon) {\n font-size: 18px;\n}\n\n:host(.ion-color.ion-focused) .button-native {\n color: var(--ion-color-contrast);\n}\n:host(.ion-color.ion-focused) .button-native::after {\n background: var(--ion-color-contrast);\n}\n\n:host(.ion-color.ion-activated) .button-native {\n color: var(--ion-color-contrast);\n}\n:host(.ion-color.ion-activated) .button-native::after {\n background: transparent;\n}\n\n@media (any-hover: hover) {\n :host(.ion-color:hover) .button-native {\n color: var(--ion-color-contrast);\n }\n :host(.ion-color:hover) .button-native::after {\n background: var(--ion-color-contrast);\n }\n}","/!\n * (C) Ionic http://ionicframework.com - MIT License\n /\nimport { Host, h } from \"@stencil/core\";\nimport { inheritAriaAttributes } from \"../../utils/helpers\";\nimport { createColorClasses, hostContext, openURL } from \"../../utils/theme\";\nimport { close } from \"ionicons/icons\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/\n @virtualProp {\"ios\" \| \"md\"} mode - The mode determines which platform styles to use.\n \n @part native - The native HTML button or anchor element that wraps all child elements.\n * @part close-icon - The close icon that is displayed when a fab list opens (uses ion-icon).\n */\nexport class FabButton {\n constructor() {\n this.fab = null;\n this.inheritedAttributes = {};\n this.onFocus = () => {\n this.ionFocus.emit();\n };\n this.onBlur = () => {\n this.ionBlur.emit();\n };\n this.onClick = () => {\n const { fab } = this;\n if (!fab) {\n return;\n }\n fab.toggle();\n };\n this.color = undefined;\n this.activated = false;\n this.disabled = false;\n this.download = undefined;\n this.href = undefined;\n this.rel = undefined;\n this.routerDirection = 'forward';\n this.routerAnimation = undefined;\n this.target = undefined;\n this.show = false;\n this.translucent = false;\n this.type = 'button';\n this.size = undefined;\n this.closeIcon = close;\n }\n connectedCallback() {\n this.fab = this.el.closest('ion-fab');\n }\n componentWillLoad() {\n this.inheritedAttributes = inheritAriaAttributes(this.el);\n }\n render() {\n const { el, disabled, color, href, activated, show, translucent, size, inheritedAttributes } = this;\n const inList = hostContext('ion-fab-list', el);\n const mode = getIonMode(this);\n const TagType = href === undefined ? 'button' : 'a';\n const attrs = TagType === 'button'\n ? { type: this.type }\n : {\n download: this.download,\n href,\n rel: this.rel,\n target: this.target,\n };\n return (h(Host, { key: '5b5e73a0236eabb3e994f0f33ee9ab6f75a12b24', onClick: this.onClick, \"aria-disabled\": disabled ? 'true' : null, class: createColorClasses(color, {\n [mode]: true,\n 'fab-button-in-list': inList,\n 'fab-button-translucent-in-list': inList && translucent,\n 'fab-button-close-active': activated,\n 'fab-button-show': show,\n 'fab-button-disabled': disabled,\n 'fab-button-translucent': translucent,\n 'ion-activatable': true,\n 'ion-focusable': true,\n [`fab-button-${size}`]: size !== undefined,\n }) }, h(TagType, Object.assign({ key: 'e3c85ff305b6790519543603401b85f294aabed1' }, attrs, { class: \"button-native\", part: \"native\", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), h(\"ion-icon\", { key: '39241f9fa051506717c8680e1b809dbf2e56f1a1', \"aria-hidden\": \"true\", icon: this.closeIcon, part: \"close-icon\", class: \"close-icon\", lazy: false }), h(\"span\", { key: '03f0ec1c25352f3a5decb33ebc060b9043ab569e', class: \"button-inner\" }, h(\"slot\", { key: '11c1a17bc0c54b840a96b96e03fffc23f0e64ff2' })), mode === 'md' && h(\"ion-ripple-effect\", { key: '9b1642dba0beb3a22658ad0aead26b2ab57f0367' }))));\n }\n static get is() { return \"ion-fab-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"ios\": [\"fab-button.ios.scss\"],\n \"md\": [\"fab-button.md.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"ios\": [\"fab-button.ios.css\"],\n \"md\": [\"fab-button.md.css\"]\n };\n }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"danger\\\" \| \\\"dark\\\" \| \\\"light\\\" \| \\\"medium\\\" \| \\\"primary\\\" \| \\\"secondary\\\" \| \\\"success\\\" \| \\\"tertiary\\\" \| \\\"warning\\\" \| string & Record<never, never> \| undefined\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n },\n \"attribute\": \"color\",\n \"reflect\": true\n },\n \"activated\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the fab button will be show a close icon.\"\n },\n \"attribute\": \"activated\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\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 user cannot interact with the fab button.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"download\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string \| undefined\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute instructs browsers to download a URL instead of navigating to\\nit, so the user will be prompted to save it as a local file. If the attribute\\nhas a value, it is used as the pre-filled file name in the Save prompt\\n(the user can still change the file name if they want).\"\n },\n \"attribute\": \"download\",\n \"reflect\": false\n },\n \"href\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string \| undefined\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Contains a URL or a URL fragment that the hyperlink points to.\\nIf this property is set, an anchor tag will be rendered.\"\n },\n \"attribute\": \"href\",\n \"reflect\": false\n },\n \"rel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string \| undefined\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the relationship of the target object to the link object.\\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).\"\n },\n \"attribute\": \"rel\",\n \"reflect\": false\n },\n \"routerDirection\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"RouterDirection\",\n \"resolved\": \"\\\"back\\\" \| \\\"forward\\\" \| \\\"root\\\"\",\n \"references\": {\n \"RouterDirection\": {\n \"location\": \"import\",\n \"path\": \"../router/utils/interface\",\n \"id\": \"src/components/router/utils/interface.ts::RouterDirection\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When using a router, it specifies the transition direction when navigating to\\nanother page using `href`.\"\n },\n \"attribute\": \"router-direction\",\n \"reflect\": false,\n \"defaultValue\": \"'forward'\"\n },\n \"routerAnimation\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"AnimationBuilder \| undefined\",\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\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When using a router, it specifies the transition animation when navigating to\\nanother page using `href`.\"\n }\n },\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string \| undefined\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies where to display the linked URL.\\nOnly applies when an `href` is provided.\\nSpecial keywords: `\\\"_blank\\\"`, `\\\"_self\\\"`, `\\\"_parent\\\"`, `\\\"_top\\\"`.\"\n },\n \"attribute\": \"target\",\n \"reflect\": false\n },\n \"show\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the fab button will show when in a fab-list.\"\n },\n \"attribute\": \"show\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"translucent\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the fab button will be translucent.\\nOnly applies when the mode is `\\\"ios\\\"` and the device supports\\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\"\n },\n \"attribute\": \"translucent\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'submit' \| 'reset' \| 'button'\",\n \"resolved\": \"\\\"button\\\" \| \\\"reset\\\" \| \\\"submit\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of the button.\"\n },\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"'button'\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'small'\",\n \"resolved\": \"\\\"small\\\" \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the button. Set this to `small` in order to have a mini fab button.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false\n },\n \"closeIcon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The icon name to use for the close icon. This will appear when the fab button\\nis pressed. Only applies if it is the main button inside of a fab containing a\\nfab list.\"\n },\n \"attribute\": \"close-icon\",\n \"reflect\": false,\n \"defaultValue\": \"close\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"ionFocus\",\n \"name\": \"ionFocus\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the button has focus.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"ionBlur\",\n \"name\": \"ionBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the button loses focus.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n}\n"],"mappings":"8NAAA,MAAMA,EAAkB,+qMACxB,MAAAC,EAAeD,ECDf,MAAME,EAAiB,+vKACvB,MAAAC,EAAeD,E,MCaFE,EAAS,MAClB,WAAAC,CAAAC,G,8EACIC,KAAKC,IAAM,KACXD,KAAKE,oBAAsB,GAC3BF,KAAKG,QAAU,KACXH,KAAKI,SAASC,MAAM,EAExBL,KAAKM,OAAS,KACVN,KAAKO,QAAQF,MAAM,EAEvBL,KAAKQ,QAAU,KACX,MAAMP,IAAEA,GAAQD,KAChB,IAAKC,EAAK,CACN,M,CAEJA,EAAIQ,QAAQ,EAEhBT,KAAKU,MAAQC,UACbX,KAAKY,UAAY,MACjBZ,KAAKa,SAAW,MAChBb,KAAKc,SAAWH,UAChBX,KAAKe,KAAOJ,UACZX,KAAKgB,IAAML,UACXX,KAAKiB,gBAAkB,UACvBjB,KAAKkB,gBAAkBP,UACvBX,KAAKmB,OAASR,UACdX,KAAKoB,KAAO,MACZpB,KAAKqB,YAAc,MACnBrB,KAAKsB,KAAO,SACZtB,KAAKuB,KAAOZ,UACZX,KAAKwB,UAAYC,C,CAErB,iBAAAC,GACI1B,KAAKC,IAAMD,KAAK2B,GAAGC,QAAQ,U,CAE/B,iBAAAC,GACI7B,KAAKE,oBAAsB4B,EAAsB9B,KAAK2B,G,CAE1D,MAAAI,GACI,MAAMJ,GAAEA,EAAEd,SAAEA,EAAQH,MAAEA,EAAKK,KAAEA,EAAIH,UAAEA,EAASQ,KAAEA,EAAIC,YAAEA,EAAWE,KAAEA,EAAIrB,oBAAEA,GAAwBF,KAC/F,MAAMgC,EAASC,EAAY,eAAgBN,GAC3C,MAAMO,EAAOC,EAAWnC,MACxB,MAAMoC,EAAUrB,IAASJ,UAAY,SAAW,IAChD,MAAM0B,EAAQD,IAAY,SACpB,CAAEd,KAAMtB,KAAKsB,MACb,CACER,SAAUd,KAAKc,SACfC,OACAC,IAAKhB,KAAKgB,IACVG,OAAQnB,KAAKmB,QAErB,OAAQmB,EAAEC,EAAM,CAAEC,IAAK,2CAA4ChC,QAASR,KAAKQ,QAAS,gBAAiBK,EAAW,OAAS,KAAM4B,MAAOC,EAAmBhC,EAAO,CAC9JwB,CAACA,GAAO,KACR,qBAAsBF,EACtB,iCAAkCA,GAAUX,EAC5C,0BAA2BT,EAC3B,kBAAmBQ,EACnB,sBAAuBP,EACvB,yBAA0BQ,EAC1B,kBAAmB,KACnB,gBAAiB,KACjB,CAAC,cAAcE,KAASA,IAASZ,aAC/B2B,EAAEF,EAASO,OAAOC,OAAO,CAAEJ,IAAK,4CAA8CH,EAAO,CAAEI,MAAO,gBAAiBI,KAAM,SAAUhC,SAAUA,EAAUV,QAASH,KAAKG,QAASG,OAAQN,KAAKM,OAAQE,QAAUsC,GAAOC,EAAQhC,EAAM+B,EAAI9C,KAAKiB,gBAAiBjB,KAAKkB,kBAAoBhB,GAAsBoC,EAAE,WAAY,CAAEE,IAAK,2CAA4C,cAAe,OAAQQ,KAAMhD,KAAKwB,UAAWqB,KAAM,aAAcJ,MAAO,aAAcQ,KAAM,QAAUX,EAAE,OAAQ,CAAEE,IAAK,2CAA4CC,MAAO,gBAAkBH,EAAE,OAAQ,CAAEE,IAAK,8CAAgDN,IAAS,MAAQI,EAAE,oBAAqB,CAAEE,IAAK,8C","ignoreList":[]}
1	+ {"version":3,"names":["fabButtonIosCss","IonFabButtonIosStyle0","fabButtonMdCss","IonFabButtonMdStyle0","FabButton","constructor","hostRef","this","fab","inheritedAttributes","onFocus","ionFocus","emit","onBlur","ionBlur","onClick","toggle","color","undefined","activated","disabled","download","href","rel","routerDirection","routerAnimation","target","show","translucent","type","size","closeIcon","close","connectedCallback","el","closest","componentWillLoad","inheritAriaAttributes","render","inList","hostContext","mode","getIonMode","TagType","attrs","h","Host","key","class","createColorClasses","Object","assign","part","ev","openURL","icon","lazy"],"sources":["../node_modules/@ionic/core/dist/collection/components/fab-button/fab-button.ios.css?tag=ion-fab-button&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/fab-button/fab-button.md.css?tag=ion-fab-button&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/fab-button/fab-button.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 /\n @prop --background: Background of the button\n * @prop --background-activated: Background of the button when pressed. Note: setting this will interfere with the Material Design ripple.\n * @prop --background-activated-opacity: Opacity of the button background when pressed\n * @prop --background-focused: Background of the button when focused with the tab key\n * @prop --background-focused-opacity: Opacity of the button background when focused with the tab key\n * @prop --background-hover: Background of the button on hover\n * @prop --background-hover-opacity: Opacity of the button background on hover\n \n @prop --color: Text color of the button\n * @prop --color-activated: Text color of the button when pressed\n * @prop --color-focused: Text color of the button when focused with the tab key\n * @prop --color-hover: Text color of the button on hover\n \n @prop --transition: Transition of the button\n \n @prop --close-icon-font-size: Font size of the close icon\n \n @prop --border-radius: Border radius of the button\n * @prop --border-width: Border width of the button\n * @prop --border-style: Border style of the button\n * @prop --border-color: Border color of the button\n \n @prop --ripple-color: Color of the button ripple effect\n \n @prop --box-shadow: Box shadow of the button\n \n @prop --padding-top: Top padding of the button\n * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button\n * @prop --padding-bottom: Bottom padding of the button\n * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button\n /\n --color-activated: var(--color);\n --color-focused: var(--color);\n --color-hover: var(--color);\n --background-hover: var(--ion-color-primary-contrast, #fff);\n --background-hover-opacity: .08;\n --transition: background-color, opacity 100ms linear;\n --ripple-color: currentColor;\n --border-radius: 50%;\n --border-width: 0;\n --border-style: none;\n --border-color: initial;\n --padding-top: 0;\n --padding-end: 0;\n --padding-bottom: 0;\n --padding-start: 0;\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n display: block;\n width: 56px;\n height: 56px;\n font-size: 14px;\n text-align: center;\n text-overflow: ellipsis;\n text-transform: none;\n white-space: nowrap;\n font-kerning: none;\n}\n\n.button-native {\n border-radius: var(--border-radius);\n -webkit-padding-start: var(--padding-start);\n padding-inline-start: var(--padding-start);\n -webkit-padding-end: var(--padding-end);\n padding-inline-end: var(--padding-end);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n transform: var(--transform);\n transition: var(--transition);\n border-width: var(--border-width);\n border-style: var(--border-style);\n border-color: var(--border-color);\n outline: none;\n background: var(--background);\n background-clip: padding-box;\n color: var(--color);\n box-shadow: var(--box-shadow);\n contain: strict;\n cursor: pointer;\n overflow: hidden;\n z-index: 0;\n appearance: none;\n box-sizing: border-box;\n}\n\n::slotted(ion-icon) {\n line-height: 1;\n}\n\n.button-native::after {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n content: \"\";\n opacity: 0;\n}\n\n.button-inner {\n left: 0;\n right: 0;\n top: 0;\n display: flex;\n position: absolute;\n flex-flow: row nowrap;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n height: 100%;\n transition: all ease-in-out 300ms;\n transition-property: transform, opacity;\n z-index: 1;\n}\n\n:host(.fab-button-disabled) {\n cursor: default;\n opacity: 0.5;\n pointer-events: none;\n}\n\n@media (any-hover: hover) {\n :host(:hover) .button-native {\n color: var(--color-hover);\n }\n :host(:hover) .button-native::after {\n background: var(--background-hover);\n opacity: var(--background-hover-opacity);\n }\n}\n:host(.ion-focused) .button-native {\n color: var(--color-focused);\n}\n:host(.ion-focused) .button-native::after {\n background: var(--background-focused);\n opacity: var(--background-focused-opacity);\n}\n\n:host(.ion-activated) .button-native {\n color: var(--color-activated);\n}\n:host(.ion-activated) .button-native::after {\n background: var(--background-activated);\n opacity: var(--background-activated-opacity);\n}\n\n::slotted(ion-icon) {\n line-height: 1;\n}\n\n:host(.fab-button-small) {\n -webkit-margin-start: 8px;\n margin-inline-start: 8px;\n -webkit-margin-end: 8px;\n margin-inline-end: 8px;\n margin-top: 8px;\n margin-bottom: 8px;\n width: 40px;\n height: 40px;\n}\n\n.close-icon {\n -webkit-margin-start: auto;\n margin-inline-start: auto;\n -webkit-margin-end: auto;\n margin-inline-end: auto;\n margin-top: 0;\n margin-bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n position: absolute;\n height: 100%;\n transform: scale(0.4) rotateZ(-45deg);\n transition: all ease-in-out 300ms;\n transition-property: transform, opacity;\n font-size: var(--close-icon-font-size);\n opacity: 0;\n z-index: 1;\n}\n\n:host(.fab-button-close-active) .close-icon {\n transform: scale(1) rotateZ(0deg);\n opacity: 1;\n}\n\n:host(.fab-button-close-active) .button-inner {\n transform: scale(0.4) rotateZ(45deg);\n opacity: 0;\n}\n\nion-ripple-effect {\n color: var(--ripple-color);\n}\n\n@supports (backdrop-filter: blur(0)) {\n :host(.fab-button-translucent) .button-native {\n backdrop-filter: var(--backdrop-filter);\n }\n}\n:host(.ion-color) .button-native {\n background: var(--ion-color-base);\n color: var(--ion-color-contrast);\n}\n\n/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n --background: var(--ion-color-primary, #3880ff);\n --background-activated: var(--ion-color-primary-shade, #3171e0);\n --background-focused: var(--ion-color-primary-shade, #3171e0);\n --background-hover: var(--ion-color-primary-tint, #4c8dff);\n --background-activated-opacity: 1;\n --background-focused-opacity: 1;\n --background-hover-opacity: 1;\n --color: var(--ion-color-primary-contrast, #fff);\n --box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n --transition: 0.2s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);\n --close-icon-font-size: 28px;\n}\n\n:host(.ion-activated) {\n --box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n --transform: scale(1.1);\n --transition: 0.2s transform ease-out;\n}\n\n::slotted(ion-icon) {\n font-size: 28px;\n}\n\n:host(.fab-button-in-list) {\n --background: var(--ion-color-light, #f4f5f8);\n --background-activated: var(--ion-color-light-shade, #d7d8da);\n --background-focused: var(--background-activated);\n --background-hover: var(--ion-color-light-tint, #f5f6f9);\n --color: var(--ion-color-light-contrast, #000);\n --color-activated: var(--ion-color-light-contrast, #000);\n --color-focused: var(--color-activated);\n --transition: transform 200ms ease 10ms, opacity 200ms ease 10ms;\n}\n\n:host(.fab-button-in-list) ::slotted(ion-icon) {\n font-size: 18px;\n}\n\n:host(.ion-color.ion-focused) .button-native::after {\n background: var(--ion-color-shade);\n}\n\n:host(.ion-color.ion-focused) .button-native,\n:host(.ion-color.ion-activated) .button-native {\n color: var(--ion-color-contrast);\n}\n:host(.ion-color.ion-focused) .button-native::after,\n:host(.ion-color.ion-activated) .button-native::after {\n background: var(--ion-color-shade);\n}\n\n@media (any-hover: hover) {\n :host(.ion-color:hover) .button-native {\n color: var(--ion-color-contrast);\n }\n :host(.ion-color:hover) .button-native::after {\n background: var(--ion-color-tint);\n }\n}\n@supports (backdrop-filter: blur(0)) {\n :host(.fab-button-translucent) {\n --background: rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.9);\n --background-hover: rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.8);\n --background-focused: rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.82);\n --backdrop-filter: saturate(180%) blur(20px);\n }\n :host(.fab-button-translucent-in-list) {\n --background: rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.9);\n --background-hover: rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.8);\n --background-focused: rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.82);\n }\n}\n@supports (backdrop-filter: blur(0)) {\n @media (any-hover: hover) {\n :host(.fab-button-translucent.ion-color:hover) .button-native {\n background: rgba(var(--ion-color-base-rgb), 0.8);\n }\n }\n :host(.ion-color.fab-button-translucent) .button-native {\n background: rgba(var(--ion-color-base-rgb), 0.9);\n }\n :host(.ion-color.ion-focused.fab-button-translucent) .button-native,\n :host(.ion-color.ion-activated.fab-button-translucent) .button-native {\n background: var(--ion-color-base);\n }\n}","/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n /\n @prop --background: Background of the button\n * @prop --background-activated: Background of the button when pressed. Note: setting this will interfere with the Material Design ripple.\n * @prop --background-activated-opacity: Opacity of the button background when pressed\n * @prop --background-focused: Background of the button when focused with the tab key\n * @prop --background-focused-opacity: Opacity of the button background when focused with the tab key\n * @prop --background-hover: Background of the button on hover\n * @prop --background-hover-opacity: Opacity of the button background on hover\n \n @prop --color: Text color of the button\n * @prop --color-activated: Text color of the button when pressed\n * @prop --color-focused: Text color of the button when focused with the tab key\n * @prop --color-hover: Text color of the button on hover\n \n @prop --transition: Transition of the button\n \n @prop --close-icon-font-size: Font size of the close icon\n \n @prop --border-radius: Border radius of the button\n * @prop --border-width: Border width of the button\n * @prop --border-style: Border style of the button\n * @prop --border-color: Border color of the button\n \n @prop --ripple-color: Color of the button ripple effect\n \n @prop --box-shadow: Box shadow of the button\n \n @prop --padding-top: Top padding of the button\n * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the button\n * @prop --padding-bottom: Bottom padding of the button\n * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the button\n /\n --color-activated: var(--color);\n --color-focused: var(--color);\n --color-hover: var(--color);\n --background-hover: var(--ion-color-primary-contrast, #fff);\n --background-hover-opacity: .08;\n --transition: background-color, opacity 100ms linear;\n --ripple-color: currentColor;\n --border-radius: 50%;\n --border-width: 0;\n --border-style: none;\n --border-color: initial;\n --padding-top: 0;\n --padding-end: 0;\n --padding-bottom: 0;\n --padding-start: 0;\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n display: block;\n width: 56px;\n height: 56px;\n font-size: 14px;\n text-align: center;\n text-overflow: ellipsis;\n text-transform: none;\n white-space: nowrap;\n font-kerning: none;\n}\n\n.button-native {\n border-radius: var(--border-radius);\n -webkit-padding-start: var(--padding-start);\n padding-inline-start: var(--padding-start);\n -webkit-padding-end: var(--padding-end);\n padding-inline-end: var(--padding-end);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n letter-spacing: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n text-align: inherit;\n white-space: inherit;\n color: inherit;\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n transform: var(--transform);\n transition: var(--transition);\n border-width: var(--border-width);\n border-style: var(--border-style);\n border-color: var(--border-color);\n outline: none;\n background: var(--background);\n background-clip: padding-box;\n color: var(--color);\n box-shadow: var(--box-shadow);\n contain: strict;\n cursor: pointer;\n overflow: hidden;\n z-index: 0;\n appearance: none;\n box-sizing: border-box;\n}\n\n::slotted(ion-icon) {\n line-height: 1;\n}\n\n.button-native::after {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n content: \"\";\n opacity: 0;\n}\n\n.button-inner {\n left: 0;\n right: 0;\n top: 0;\n display: flex;\n position: absolute;\n flex-flow: row nowrap;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n height: 100%;\n transition: all ease-in-out 300ms;\n transition-property: transform, opacity;\n z-index: 1;\n}\n\n:host(.fab-button-disabled) {\n cursor: default;\n opacity: 0.5;\n pointer-events: none;\n}\n\n@media (any-hover: hover) {\n :host(:hover) .button-native {\n color: var(--color-hover);\n }\n :host(:hover) .button-native::after {\n background: var(--background-hover);\n opacity: var(--background-hover-opacity);\n }\n}\n:host(.ion-focused) .button-native {\n color: var(--color-focused);\n}\n:host(.ion-focused) .button-native::after {\n background: var(--background-focused);\n opacity: var(--background-focused-opacity);\n}\n\n:host(.ion-activated) .button-native {\n color: var(--color-activated);\n}\n:host(.ion-activated) .button-native::after {\n background: var(--background-activated);\n opacity: var(--background-activated-opacity);\n}\n\n::slotted(ion-icon) {\n line-height: 1;\n}\n\n:host(.fab-button-small) {\n -webkit-margin-start: 8px;\n margin-inline-start: 8px;\n -webkit-margin-end: 8px;\n margin-inline-end: 8px;\n margin-top: 8px;\n margin-bottom: 8px;\n width: 40px;\n height: 40px;\n}\n\n.close-icon {\n -webkit-margin-start: auto;\n margin-inline-start: auto;\n -webkit-margin-end: auto;\n margin-inline-end: auto;\n margin-top: 0;\n margin-bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n position: absolute;\n height: 100%;\n transform: scale(0.4) rotateZ(-45deg);\n transition: all ease-in-out 300ms;\n transition-property: transform, opacity;\n font-size: var(--close-icon-font-size);\n opacity: 0;\n z-index: 1;\n}\n\n:host(.fab-button-close-active) .close-icon {\n transform: scale(1) rotateZ(0deg);\n opacity: 1;\n}\n\n:host(.fab-button-close-active) .button-inner {\n transform: scale(0.4) rotateZ(45deg);\n opacity: 0;\n}\n\nion-ripple-effect {\n color: var(--ripple-color);\n}\n\n@supports (backdrop-filter: blur(0)) {\n :host(.fab-button-translucent) .button-native {\n backdrop-filter: var(--backdrop-filter);\n }\n}\n:host(.ion-color) .button-native {\n background: var(--ion-color-base);\n color: var(--ion-color-contrast);\n}\n\n/\n Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n /\n/\n A heuristic that applies CSS to tablet\n * viewports.\n \n Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n /\n/\n A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n \n Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n /\n:host {\n --background: var(--ion-color-primary, #3880ff);\n --background-activated: transparent;\n --background-focused: currentColor;\n --background-hover: currentColor;\n --background-activated-opacity: 0;\n --background-focused-opacity: .24;\n --background-hover-opacity: .08;\n --color: var(--ion-color-primary-contrast, #fff);\n --box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);\n --transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), background-color 280ms cubic-bezier(0.4, 0, 0.2, 1), color 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n --close-icon-font-size: 24px;\n}\n\n:host(.ion-activated) {\n --box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);\n}\n\n::slotted(ion-icon) {\n font-size: 24px;\n}\n\n:host(.fab-button-in-list) {\n --color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);\n --color-activated: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);\n --color-focused: var(--color-activated);\n --background: var(--ion-color-light, #f4f5f8);\n --background-activated: transparent;\n --background-focused: var(--ion-color-light-shade, #d7d8da);\n --background-hover: var(--ion-color-light-tint, #f5f6f9);\n}\n\n:host(.fab-button-in-list) ::slotted(ion-icon) {\n font-size: 18px;\n}\n\n:host(.ion-color.ion-focused) .button-native {\n color: var(--ion-color-contrast);\n}\n:host(.ion-color.ion-focused) .button-native::after {\n background: var(--ion-color-contrast);\n}\n\n:host(.ion-color.ion-activated) .button-native {\n color: var(--ion-color-contrast);\n}\n:host(.ion-color.ion-activated) .button-native::after {\n background: transparent;\n}\n\n@media (any-hover: hover) {\n :host(.ion-color:hover) .button-native {\n color: var(--ion-color-contrast);\n }\n :host(.ion-color:hover) .button-native::after {\n background: var(--ion-color-contrast);\n }\n}","/!\n * (C) Ionic http://ionicframework.com - MIT License\n /\nimport { Host, h } from \"@stencil/core\";\nimport { inheritAriaAttributes } from \"../../utils/helpers\";\nimport { createColorClasses, hostContext, openURL } from \"../../utils/theme\";\nimport { close } from \"ionicons/icons\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/\n @virtualProp {\"ios\" \| \"md\"} mode - The mode determines which platform styles to use.\n \n @part native - The native HTML button or anchor element that wraps all child elements.\n * @part close-icon - The close icon that is displayed when a fab list opens (uses ion-icon).\n */\nexport class FabButton {\n constructor() {\n this.fab = null;\n this.inheritedAttributes = {};\n this.onFocus = () => {\n this.ionFocus.emit();\n };\n this.onBlur = () => {\n this.ionBlur.emit();\n };\n this.onClick = () => {\n const { fab } = this;\n if (!fab) {\n return;\n }\n fab.toggle();\n };\n this.color = undefined;\n this.activated = false;\n this.disabled = false;\n this.download = undefined;\n this.href = undefined;\n this.rel = undefined;\n this.routerDirection = 'forward';\n this.routerAnimation = undefined;\n this.target = undefined;\n this.show = false;\n this.translucent = false;\n this.type = 'button';\n this.size = undefined;\n this.closeIcon = close;\n }\n connectedCallback() {\n this.fab = this.el.closest('ion-fab');\n }\n componentWillLoad() {\n this.inheritedAttributes = inheritAriaAttributes(this.el);\n }\n render() {\n const { el, disabled, color, href, activated, show, translucent, size, inheritedAttributes } = this;\n const inList = hostContext('ion-fab-list', el);\n const mode = getIonMode(this);\n const TagType = href === undefined ? 'button' : 'a';\n const attrs = TagType === 'button'\n ? { type: this.type }\n : {\n download: this.download,\n href,\n rel: this.rel,\n target: this.target,\n };\n return (h(Host, { key: '5b5e73a0236eabb3e994f0f33ee9ab6f75a12b24', onClick: this.onClick, \"aria-disabled\": disabled ? 'true' : null, class: createColorClasses(color, {\n [mode]: true,\n 'fab-button-in-list': inList,\n 'fab-button-translucent-in-list': inList && translucent,\n 'fab-button-close-active': activated,\n 'fab-button-show': show,\n 'fab-button-disabled': disabled,\n 'fab-button-translucent': translucent,\n 'ion-activatable': true,\n 'ion-focusable': true,\n [`fab-button-${size}`]: size !== undefined,\n }) }, h(TagType, Object.assign({ key: 'e3c85ff305b6790519543603401b85f294aabed1' }, attrs, { class: \"button-native\", part: \"native\", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), h(\"ion-icon\", { key: '39241f9fa051506717c8680e1b809dbf2e56f1a1', \"aria-hidden\": \"true\", icon: this.closeIcon, part: \"close-icon\", class: \"close-icon\", lazy: false }), h(\"span\", { key: '03f0ec1c25352f3a5decb33ebc060b9043ab569e', class: \"button-inner\" }, h(\"slot\", { key: '11c1a17bc0c54b840a96b96e03fffc23f0e64ff2' })), mode === 'md' && h(\"ion-ripple-effect\", { key: '9b1642dba0beb3a22658ad0aead26b2ab57f0367' }))));\n }\n static get is() { return \"ion-fab-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"ios\": [\"fab-button.ios.scss\"],\n \"md\": [\"fab-button.md.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"ios\": [\"fab-button.ios.css\"],\n \"md\": [\"fab-button.md.css\"]\n };\n }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"danger\\\" \| \\\"dark\\\" \| \\\"light\\\" \| \\\"medium\\\" \| \\\"primary\\\" \| \\\"secondary\\\" \| \\\"success\\\" \| \\\"tertiary\\\" \| \\\"warning\\\" \| string & Record<never, never> \| undefined\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n },\n \"attribute\": \"color\",\n \"reflect\": true\n },\n \"activated\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the fab button will be show a close icon.\"\n },\n \"attribute\": \"activated\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\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 user cannot interact with the fab button.\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"download\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string \| undefined\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute instructs browsers to download a URL instead of navigating to\\nit, so the user will be prompted to save it as a local file. If the attribute\\nhas a value, it is used as the pre-filled file name in the Save prompt\\n(the user can still change the file name if they want).\"\n },\n \"attribute\": \"download\",\n \"reflect\": false\n },\n \"href\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string \| undefined\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Contains a URL or a URL fragment that the hyperlink points to.\\nIf this property is set, an anchor tag will be rendered.\"\n },\n \"attribute\": \"href\",\n \"reflect\": false\n },\n \"rel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string \| undefined\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies the relationship of the target object to the link object.\\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).\"\n },\n \"attribute\": \"rel\",\n \"reflect\": false\n },\n \"routerDirection\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"RouterDirection\",\n \"resolved\": \"\\\"back\\\" \| \\\"forward\\\" \| \\\"root\\\"\",\n \"references\": {\n \"RouterDirection\": {\n \"location\": \"import\",\n \"path\": \"../router/utils/interface\",\n \"id\": \"src/components/router/utils/interface.ts::RouterDirection\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When using a router, it specifies the transition direction when navigating to\\nanother page using `href`.\"\n },\n \"attribute\": \"router-direction\",\n \"reflect\": false,\n \"defaultValue\": \"'forward'\"\n },\n \"routerAnimation\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"AnimationBuilder \| undefined\",\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\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"When using a router, it specifies the transition animation when navigating to\\nanother page using `href`.\"\n }\n },\n \"target\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string \| undefined\",\n \"resolved\": \"string \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Specifies where to display the linked URL.\\nOnly applies when an `href` is provided.\\nSpecial keywords: `\\\"_blank\\\"`, `\\\"_self\\\"`, `\\\"_parent\\\"`, `\\\"_top\\\"`.\"\n },\n \"attribute\": \"target\",\n \"reflect\": false\n },\n \"show\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the fab button will show when in a fab-list.\"\n },\n \"attribute\": \"show\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"translucent\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the fab button will be translucent.\\nOnly applies when the mode is `\\\"ios\\\"` and the device supports\\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\"\n },\n \"attribute\": \"translucent\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'submit' \| 'reset' \| 'button'\",\n \"resolved\": \"\\\"button\\\" \| \\\"reset\\\" \| \\\"submit\\\"\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The type of the button.\"\n },\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"'button'\"\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"'small'\",\n \"resolved\": \"\\\"small\\\" \| undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the button. Set this to `small` in order to have a mini fab button.\"\n },\n \"attribute\": \"size\",\n \"reflect\": false\n },\n \"closeIcon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The icon name to use for the close icon. This will appear when the fab button\\nis pressed. Only applies if it is the main button inside of a fab containing a\\nfab list.\"\n },\n \"attribute\": \"close-icon\",\n \"reflect\": false,\n \"defaultValue\": \"close\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"ionFocus\",\n \"name\": \"ionFocus\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the button has focus.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }, {\n \"method\": \"ionBlur\",\n \"name\": \"ionBlur\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the button loses focus.\"\n },\n \"complexType\": {\n \"original\": \"void\",\n \"resolved\": \"void\",\n \"references\": {}\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n}\n"],"mappings":"yNAAA,MAAMA,EAAkB,+qMACxB,MAAAC,EAAeD,ECDf,MAAME,EAAiB,+vKACvB,MAAAC,EAAeD,E,MCaFE,EAAS,MAClB,WAAAC,CAAAC,G,8EACIC,KAAKC,IAAM,KACXD,KAAKE,oBAAsB,GAC3BF,KAAKG,QAAU,KACXH,KAAKI,SAASC,MAAM,EAExBL,KAAKM,OAAS,KACVN,KAAKO,QAAQF,MAAM,EAEvBL,KAAKQ,QAAU,KACX,MAAMP,IAAEA,GAAQD,KAChB,IAAKC,EAAK,CACN,M,CAEJA,EAAIQ,QAAQ,EAEhBT,KAAKU,MAAQC,UACbX,KAAKY,UAAY,MACjBZ,KAAKa,SAAW,MAChBb,KAAKc,SAAWH,UAChBX,KAAKe,KAAOJ,UACZX,KAAKgB,IAAML,UACXX,KAAKiB,gBAAkB,UACvBjB,KAAKkB,gBAAkBP,UACvBX,KAAKmB,OAASR,UACdX,KAAKoB,KAAO,MACZpB,KAAKqB,YAAc,MACnBrB,KAAKsB,KAAO,SACZtB,KAAKuB,KAAOZ,UACZX,KAAKwB,UAAYC,C,CAErB,iBAAAC,GACI1B,KAAKC,IAAMD,KAAK2B,GAAGC,QAAQ,U,CAE/B,iBAAAC,GACI7B,KAAKE,oBAAsB4B,EAAsB9B,KAAK2B,G,CAE1D,MAAAI,GACI,MAAMJ,GAAEA,EAAEd,SAAEA,EAAQH,MAAEA,EAAKK,KAAEA,EAAIH,UAAEA,EAASQ,KAAEA,EAAIC,YAAEA,EAAWE,KAAEA,EAAIrB,oBAAEA,GAAwBF,KAC/F,MAAMgC,EAASC,EAAY,eAAgBN,GAC3C,MAAMO,EAAOC,EAAWnC,MACxB,MAAMoC,EAAUrB,IAASJ,UAAY,SAAW,IAChD,MAAM0B,EAAQD,IAAY,SACpB,CAAEd,KAAMtB,KAAKsB,MACb,CACER,SAAUd,KAAKc,SACfC,OACAC,IAAKhB,KAAKgB,IACVG,OAAQnB,KAAKmB,QAErB,OAAQmB,EAAEC,EAAM,CAAEC,IAAK,2CAA4ChC,QAASR,KAAKQ,QAAS,gBAAiBK,EAAW,OAAS,KAAM4B,MAAOC,EAAmBhC,EAAO,CAC9JwB,CAACA,GAAO,KACR,qBAAsBF,EACtB,iCAAkCA,GAAUX,EAC5C,0BAA2BT,EAC3B,kBAAmBQ,EACnB,sBAAuBP,EACvB,yBAA0BQ,EAC1B,kBAAmB,KACnB,gBAAiB,KACjB,CAAC,cAAcE,KAASA,IAASZ,aAC/B2B,EAAEF,EAASO,OAAOC,OAAO,CAAEJ,IAAK,4CAA8CH,EAAO,CAAEI,MAAO,gBAAiBI,KAAM,SAAUhC,SAAUA,EAAUV,QAASH,KAAKG,QAASG,OAAQN,KAAKM,OAAQE,QAAUsC,GAAOC,EAAQhC,EAAM+B,EAAI9C,KAAKiB,gBAAiBjB,KAAKkB,kBAAoBhB,GAAsBoC,EAAE,WAAY,CAAEE,IAAK,2CAA4C,cAAe,OAAQQ,KAAMhD,KAAKwB,UAAWqB,KAAM,aAAcJ,MAAO,aAAcQ,KAAM,QAAUX,EAAE,OAAQ,CAAEE,IAAK,2CAA4CC,MAAO,gBAAkBH,EAAE,OAAQ,CAAEE,IAAK,8CAAgDN,IAAS,MAAQI,EAAE,oBAAqB,CAAEE,IAAK,8C","ignoreList":[]}

package/dist/elements/{p-b5f6b322.entry.js → p-e15ff70c.entry.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import{f as e,w as o,r as n,h as t,H as s,e as i}from"./p-42169e41.js";import{g as a,f as r,p as c}from"./p-949b115f.js";import{c as l,h as d}from"./p-71ee259b.js";import{h}from"./p-669fab6c.js";import{g as p}from"./p-da0d920d.js";import"./p-d6769f21.js";
+import{f as e,w as o,r as n,h as t,H as s,e as i}from"./p-97889672.js";import{g as a,f as r,p as c}from"./p-91025a2c.js";import{c as l,i as d}from"./p-3f316fc4.js";import{h}from"./p-669fab6c.js";import{g as p}from"./p-ebe1c8ca.js";import"./p-d6769f21.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */const b="all 0.2s ease-in-out";const f=e=>{const o=document.querySelector(`${e}.ion-cloned-element`);if(o!==null){return o}const n=document.createElement(e);n.classList.add("ion-cloned-element");n.style.setProperty("display","none");document.body.appendChild(n);return n};const u=e=>{if(!e){return}const o=e.querySelectorAll("ion-toolbar");return{el:e,toolbars:Array.from(o).map((e=>{const o=e.querySelector("ion-title");return{el:e,background:e.shadowRoot.querySelector(".toolbar-background"),ionTitleEl:o,innerTitleEl:o?o.shadowRoot.querySelector(".toolbar-title"):null,ionButtonsEl:Array.from(e.querySelectorAll("ion-buttons"))}}))}};const y=(n,t,s)=>{e((()=>{const e=n.scrollTop;const i=l(1,1+-e/500,1.1);const a=s.querySelector("ion-refresher.refresher-native");if(a===null){o((()=>{v(t.toolbars,i)}))}}))};const m=(e,o)=>{if(e.collapse==="fade"){return}if(o===undefined){e.style.removeProperty("--opacity-scale")}else{e.style.setProperty("--opacity-scale",o.toString())}};const g=(e,o,n)=>{if(!e[0].isIntersecting){return}const t=e[0].intersectionRatio>.9||n<=0?0:(1-e[0].intersectionRatio)*100/75;m(o.el,t===1?undefined:t)};const x=(e,n,t,s)=>{o((()=>{const o=s.scrollTop;g(e,n,o);const i=e[0];const a=i.intersectionRect;const r=a.width*a.height;const c=i.rootBounds.width*i.rootBounds.height;const l=r===0&&c===0;const d=Math.abs(a.left-i.boundingClientRect.left);const h=Math.abs(a.right-i.boundingClientRect.right);const p=r>0&&(d>=5||h>=5);if(l||p){return}if(i.isIntersecting){k(n,false);k(t)}else{const e=a.x===0&&a.y===0||a.width!==0&&a.height!==0;if(e&&o>0){k(n);k(t,false);m(n.el)}}}))};const k=(e,o=true)=>{const n=e.el;if(o){n.classList.remove("header-collapse-condense-inactive");n.removeAttribute("aria-hidden")}else{n.classList.add("header-collapse-condense-inactive");n.setAttribute("aria-hidden","true")}};const v=(e=[],o=1,n=false)=>{e.forEach((e=>{const t=e.ionTitleEl;const s=e.innerTitleEl;if(!t||t.size!=="large"){return}s.style.transition=n?b:"";s.style.transform=`scale3d(${o}, ${o}, 1)`}))};const w=(n,t,s)=>{e((()=>{const e=n.scrollTop;const i=t.clientHeight;const a=s?s.clientHeight:0;if(s!==null&&e<a){t.style.setProperty("--opacity-scale","0");n.style.setProperty("clip-path",`inset(${i}px 0px 0px 0px)`);return}const r=e-a;const c=10;const d=l(0,r/c,1);o((()=>{n.style.removeProperty("clip-path");t.style.setProperty("--opacity-scale",d.toString())}))}))};const j="ion-header{display:block;position:relative;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports (backdrop-filter: blur(0)){.header-background{left:0;right:0;top:0;bottom:0;position:absolute;backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:.8}.header-collapse-condense-inactive .header-background{backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-fade ion-toolbar{--opacity-scale:inherit}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:0px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{padding-top:0px;padding-bottom:13px}.header-collapse-main{--opacity-scale:1}.header-collapse-main ion-toolbar{--opacity-scale:inherit}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{transition:all 0.2s ease-in-out}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}ion-header.header-ios:not(.header-collapse-main):has(~ion-content ion-header.header-ios[collapse=condense],~ion-content ion-header.header-ios.header-collapse-condense){opacity:0}";const $=j;const z="ion-header{display:block;position:relative;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-md{box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.header-collapse-condense{display:none}.header-md.ion-no-border{box-shadow:none}";const A=z;const C=class{constructor(e){n(this,e);this.inheritedAttributes={};this.setupFadeHeader=async(e,o)=>{const n=this.scrollEl=await a(e);this.contentScrollCallback=()=>{w(this.scrollEl,this.el,o)};n.addEventListener("scroll",this.contentScrollCallback);w(this.scrollEl,this.el,o)};this.collapse=undefined;this.translucent=false}componentWillLoad(){this.inheritedAttributes=d(this.el)}componentDidLoad(){this.checkCollapsibleHeader()}componentDidUpdate(){this.checkCollapsibleHeader()}disconnectedCallback(){this.destroyCollapsibleHeader()}async checkCollapsibleHeader(){const e=p(this);if(e!=="ios"){return}const{collapse:n}=this;const t=n==="condense";const s=n==="fade";this.destroyCollapsibleHeader();if(t){const e=this.el.closest("ion-app,ion-page,.ion-page,page-inner");const n=e?r(e):null;o((()=>{const e=f("ion-title");e.size="large";f("ion-back-button")}));await this.setupCondenseHeader(n,e)}else if(s){const e=this.el.closest("ion-app,ion-page,.ion-page,page-inner");const o=e?r(e):null;if(!o){c(this.el);return}const n=o.querySelector('ion-header[collapse="condense"]');await this.setupFadeHeader(o,n)}}destroyCollapsibleHeader(){if(this.intersectionObserver){this.intersectionObserver.disconnect();this.intersectionObserver=undefined}if(this.scrollEl&&this.contentScrollCallback){this.scrollEl.removeEventListener("scroll",this.contentScrollCallback);this.contentScrollCallback=undefined}if(this.collapsibleMainHeader){this.collapsibleMainHeader.classList.remove("header-collapse-main");this.collapsibleMainHeader=undefined}}async setupCondenseHeader(e,n){if(!e||!n){c(this.el);return}if(typeof IntersectionObserver==="undefined"){return}this.scrollEl=await a(e);const t=n.querySelectorAll("ion-header");this.collapsibleMainHeader=Array.from(t).find((e=>e.collapse!=="condense"));if(!this.collapsibleMainHeader){return}const s=u(this.collapsibleMainHeader);const i=u(this.el);if(!s||!i){return}k(s,false);m(s.el,0);const r=e=>{x(e,s,i,this.scrollEl)};this.intersectionObserver=new IntersectionObserver(r,{root:e,threshold:[.25,.3,.4,.5,.6,.7,.8,.9,1]});this.intersectionObserver.observe(i.toolbars[i.toolbars.length-1].el);this.contentScrollCallback=()=>{y(this.scrollEl,i,e)};this.scrollEl.addEventListener("scroll",this.contentScrollCallback);o((()=>{if(this.collapsibleMainHeader!==undefined){this.collapsibleMainHeader.classList.add("header-collapse-main")}}))}render(){const{translucent:e,inheritedAttributes:o}=this;const n=p(this);const i=this.collapse||"none";const a=h("ion-menu",this.el)?"none":"banner";return t(s,Object.assign({key:"9fa0af97b605f9fe98b13361bc3d1289745c549f",role:a,class:{[n]:true,[`header-${n}`]:true,[`header-translucent`]:this.translucent,[`header-collapse-${i}`]:true,[`header-translucent-${n}`]:this.translucent}},o),n==="ios"&&e&&t("div",{key:"1a780d2625302f2465718e304bdd3794c89c9845",class:"header-background"}),t("slot",{key:"b2b8557b44be40c590bfcc362ac4350f9f8b889e"}))}get el(){return i(this)}};C.style={ios:$,md:A};export{C as ion_header};
-//# sourceMappingURL=p-b5f6b322.entry.js.map
+//# sourceMappingURL=p-e15ff70c.entry.js.map

package/dist/elements/p-e43d654c.js ADDED Viewed

@@ -0,0 +1,5 @@
+import{c as o}from"./p-b110cb49.js";import{g as t}from"./p-c30eb80f.js";import"./p-7efd6867.js";import"./p-3f316fc4.js";import"./p-97889672.js";
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const s=(s,i)=>{var n,c,r;const a="40px";const e="0px";const p=i.direction==="back";const l=i.enteringEl;const b=i.leavingEl;const f=t(l);const m=f.querySelector("ion-toolbar");const u=o();u.addElement(f).fill("both").beforeRemoveClass("ion-page-invisible");if(p){u.duration(((n=i.duration)!==null&&n!==void 0?n:0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)")}else{u.duration(((c=i.duration)!==null&&c!==void 0?c:0)||280).easing("cubic-bezier(0.36,0.66,0.04,1)").fromTo("transform",`translateY(${a})`,`translateY(${e})`).fromTo("opacity",.01,1)}if(m){const t=o();t.addElement(m);u.addAnimation(t)}if(b&&p){u.duration(((r=i.duration)!==null&&r!==void 0?r:0)||200).easing("cubic-bezier(0.47,0,0.745,0.715)");const s=o();s.addElement(t(b)).onFinish((o=>{if(o===1&&s.elements.length>0){s.elements[0].style.setProperty("display","none")}})).fromTo("transform",`translateY(${e})`,`translateY(${a})`).fromTo("opacity",1,0);u.addAnimation(s)}return u};export{s as mdTransitionAnimation};
+//# sourceMappingURL=p-e43d654c.js.map

package/dist/elements/{p-01981011.entry.js → p-e7fbd427.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,i,h as s,e,H as n}from"./p-42169e41.js";import{a as o,d as h,r}from"./p-949b115f.js";import{m as a}from"./p-71ee259b.js";import{w as d}from"./p-b951a801.js";import{g as l}from"./p-da0d920d.js";import"./p-d6769f21.js";const c="ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;user-select:none}ion-item-sliding .item{user-select:none}.item-sliding-active-slide .item{position:relative;transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-closing ion-item-options{pointer-events:none}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;order:1;transition-duration:0.6s;transition-property:padding-left}:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{order:-1}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable{order:-1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-end .item-options-end .item-option-expandable:dir(rtl){order:-1}}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;order:-1;transition-duration:0.6s;transition-property:padding-right}:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{order:1}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable{order:1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-start .item-options-start .item-option-expandable:dir(rtl){order:1}}";const p=c;const f=30;const m=.55;let u;const g=class{constructor(s){t(this,s);this.ionDrag=i(this,"ionDrag",7);this.item=null;this.openAmount=0;this.initialOpenAmount=0;this.optsWidthRightSide=0;this.optsWidthLeftSide=0;this.sides=0;this.optsDirty=true;this.contentEl=null;this.initialContentScrollY=true;this.state=2;this.disabled=false}disabledChanged(){if(this.gesture){this.gesture.enable(!this.disabled)}}async connectedCallback(){const{el:t}=this;this.item=t.querySelector("ion-item");this.contentEl=o(t);this.mutationObserver=d(t,"ion-item-option",(async()=>{await this.updateOptions()}));await this.updateOptions();this.gesture=(await import("./p-b943833e.js")).createGesture({el:t,gestureName:"item-swipe",gesturePriority:100,threshold:5,canStart:t=>this.canStart(t),onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.disabledChanged()}disconnectedCallback(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}this.item=null;this.leftOptions=this.rightOptions=undefined;if(u===this.el){u=undefined}if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=undefined}}getOpenAmount(){return Promise.resolve(this.openAmount)}getSlidingRatio(){return Promise.resolve(this.getSlidingRatioSync())}async open(t){var i;const s=this.item=(i=this.item)!==null&&i!==void 0?i:this.el.querySelector("ion-item");if(s===null){return}const e=this.getOptions(t);if(!e){return}if(t===undefined){t=e===this.leftOptions?"start":"end"}t=a(t)?"end":"start";const n=this.openAmount<0;const o=this.openAmount>0;if(n&&e===this.leftOptions){return}if(o&&e===this.rightOptions){return}this.closeOpened();this.state=4;requestAnimationFrame((()=>{this.calculateOptsWidth();const i=t==="end"?this.optsWidthRightSide:-this.optsWidthLeftSide;u=this.el;this.setOpenAmount(i,false);this.state=t==="end"?8:16}))}async close(){this.setOpenAmount(0,true)}async closeOpened(){if(u!==undefined){u.close();u=undefined;return true}return false}getOptions(t){if(t===undefined){return this.leftOptions||this.rightOptions}else if(t==="start"){return this.leftOptions}else{return this.rightOptions}}async updateOptions(){const t=this.el.querySelectorAll("ion-item-options");let i=0;this.leftOptions=this.rightOptions=undefined;for(let s=0;s<t.length;s++){const e=t.item(s);const n=e.componentOnReady!==undefined?await e.componentOnReady():e;const o=a(n.side)?"end":"start";if(o==="start"){this.leftOptions=n;i|=1}else{this.rightOptions=n;i|=2}}this.optsDirty=true;this.sides=i}canStart(t){const i=document.dir==="rtl";const s=i?window.innerWidth-t.startX<15:t.startX<15;if(s){return false}const e=u;if(e&&e!==this.el){this.closeOpened()}return!!(this.rightOptions||this.leftOptions)}onStart(){this.item=this.el.querySelector("ion-item");const{contentEl:t}=this;if(t){this.initialContentScrollY=h(t)}u=this.el;if(this.tmr!==undefined){clearTimeout(this.tmr);this.tmr=undefined}if(this.openAmount===0){this.optsDirty=true;this.state=4}this.initialOpenAmount=this.openAmount;if(this.item){this.item.style.transition="none"}}onMove(t){if(this.optsDirty){this.calculateOptsWidth()}let i=this.initialOpenAmount-t.deltaX;switch(this.sides){case 2:i=Math.max(0,i);break;case 1:i=Math.min(0,i);break;case 3:break;case 0:return;default:console.warn("invalid ItemSideFlags value",this.sides);break}let s;if(i>this.optsWidthRightSide){s=this.optsWidthRightSide;i=s+(i-s)*m}else if(i<-this.optsWidthLeftSide){s=-this.optsWidthLeftSide;i=s+(i-s)*m}this.setOpenAmount(i,false)}onEnd(t){const{contentEl:i,initialContentScrollY:s}=this;if(i){r(i,s)}const e=t.velocityX;let n=this.openAmount>0?this.optsWidthRightSide:-this.optsWidthLeftSide;const o=this.openAmount>0===!(e<0);const h=Math.abs(e)>.3;const a=Math.abs(this.openAmount)<Math.abs(n/2);if(b(o,h,a)){n=0}const d=this.state;this.setOpenAmount(n,true);if((d&32)!==0&&this.rightOptions){this.rightOptions.fireSwipeEvent()}else if((d&64)!==0&&this.leftOptions){this.leftOptions.fireSwipeEvent()}}calculateOptsWidth(){this.optsWidthRightSide=0;if(this.rightOptions){this.rightOptions.style.display="flex";this.optsWidthRightSide=this.rightOptions.offsetWidth;this.rightOptions.style.display=""}this.optsWidthLeftSide=0;if(this.leftOptions){this.leftOptions.style.display="flex";this.optsWidthLeftSide=this.leftOptions.offsetWidth;this.leftOptions.style.display=""}this.optsDirty=false}setOpenAmount(t,i){if(this.tmr!==undefined){clearTimeout(this.tmr);this.tmr=undefined}if(!this.item){return}const{el:s}=this;const e=this.item.style;this.openAmount=t;if(i){e.transition=""}if(t>0){this.state=t>=this.optsWidthRightSide+f?8|32:8}else if(t<0){this.state=t<=-this.optsWidthLeftSide-f?16|64:16}else{s.classList.add("item-sliding-closing");if(this.gesture){this.gesture.enable(false)}this.tmr=setTimeout((()=>{this.state=2;this.tmr=undefined;if(this.gesture){this.gesture.enable(!this.disabled)}s.classList.remove("item-sliding-closing")}),600);u=undefined;e.transform="";return}e.transform=`translate3d(${-t}px,0,0)`;this.ionDrag.emit({amount:t,ratio:this.getSlidingRatioSync()})}getSlidingRatioSync(){if(this.openAmount>0){return this.openAmount/this.optsWidthRightSide}else if(this.openAmount<0){return this.openAmount/this.optsWidthLeftSide}else{return 0}}render(){const t=l(this);return s(n,{key:"7f191e38bf717e6ccb246aa7b9fbd29d01e64677",class:{[t]:true,"item-sliding-active-slide":this.state!==2,"item-sliding-active-options-end":(this.state&8)!==0,"item-sliding-active-options-start":(this.state&16)!==0,"item-sliding-active-swipe-end":(this.state&32)!==0,"item-sliding-active-swipe-start":(this.state&64)!==0}})}get el(){return e(this)}static get watchers(){return{disabled:["disabledChanged"]}}};const b=(t,i,s)=>!i&&s||t&&i;g.style=p;export{g as ion_item_sliding};
-//# sourceMappingURL=p-01981011.entry.js.map
+import{r as t,i,h as s,e,H as n}from"./p-97889672.js";import{a as o,d as h,r}from"./p-91025a2c.js";import{m as a}from"./p-3f316fc4.js";import{w as d}from"./p-b951a801.js";import{g as l}from"./p-ebe1c8ca.js";import"./p-d6769f21.js";const c="ion-item-sliding{display:block;position:relative;width:100%;overflow:hidden;user-select:none}ion-item-sliding .item{user-select:none}.item-sliding-active-slide .item{position:relative;transition:transform 500ms cubic-bezier(0.36, 0.66, 0.04, 1);opacity:1;z-index:2;pointer-events:none;will-change:transform}.item-sliding-closing ion-item-options{pointer-events:none}.item-sliding-active-swipe-end .item-options-end .item-option-expandable{padding-left:100%;order:1;transition-duration:0.6s;transition-property:padding-left}:host-context([dir=rtl]) .item-sliding-active-swipe-end .item-options-end .item-option-expandable{order:-1}[dir=rtl] .item-sliding-active-swipe-end .item-options-end .item-option-expandable{order:-1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-end .item-options-end .item-option-expandable:dir(rtl){order:-1}}.item-sliding-active-swipe-start .item-options-start .item-option-expandable{padding-right:100%;order:-1;transition-duration:0.6s;transition-property:padding-right}:host-context([dir=rtl]) .item-sliding-active-swipe-start .item-options-start .item-option-expandable{order:1}[dir=rtl] .item-sliding-active-swipe-start .item-options-start .item-option-expandable{order:1}@supports selector(:dir(rtl)){.item-sliding-active-swipe-start .item-options-start .item-option-expandable:dir(rtl){order:1}}";const p=c;const f=30;const m=.55;let u;const g=class{constructor(s){t(this,s);this.ionDrag=i(this,"ionDrag",7);this.item=null;this.openAmount=0;this.initialOpenAmount=0;this.optsWidthRightSide=0;this.optsWidthLeftSide=0;this.sides=0;this.optsDirty=true;this.contentEl=null;this.initialContentScrollY=true;this.state=2;this.disabled=false}disabledChanged(){if(this.gesture){this.gesture.enable(!this.disabled)}}async connectedCallback(){const{el:t}=this;this.item=t.querySelector("ion-item");this.contentEl=o(t);this.mutationObserver=d(t,"ion-item-option",(async()=>{await this.updateOptions()}));await this.updateOptions();this.gesture=(await import("./p-b943833e.js")).createGesture({el:t,gestureName:"item-swipe",gesturePriority:100,threshold:5,canStart:t=>this.canStart(t),onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.disabledChanged()}disconnectedCallback(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}this.item=null;this.leftOptions=this.rightOptions=undefined;if(u===this.el){u=undefined}if(this.mutationObserver){this.mutationObserver.disconnect();this.mutationObserver=undefined}}getOpenAmount(){return Promise.resolve(this.openAmount)}getSlidingRatio(){return Promise.resolve(this.getSlidingRatioSync())}async open(t){var i;const s=this.item=(i=this.item)!==null&&i!==void 0?i:this.el.querySelector("ion-item");if(s===null){return}const e=this.getOptions(t);if(!e){return}if(t===undefined){t=e===this.leftOptions?"start":"end"}t=a(t)?"end":"start";const n=this.openAmount<0;const o=this.openAmount>0;if(n&&e===this.leftOptions){return}if(o&&e===this.rightOptions){return}this.closeOpened();this.state=4;requestAnimationFrame((()=>{this.calculateOptsWidth();const i=t==="end"?this.optsWidthRightSide:-this.optsWidthLeftSide;u=this.el;this.setOpenAmount(i,false);this.state=t==="end"?8:16}))}async close(){this.setOpenAmount(0,true)}async closeOpened(){if(u!==undefined){u.close();u=undefined;return true}return false}getOptions(t){if(t===undefined){return this.leftOptions||this.rightOptions}else if(t==="start"){return this.leftOptions}else{return this.rightOptions}}async updateOptions(){const t=this.el.querySelectorAll("ion-item-options");let i=0;this.leftOptions=this.rightOptions=undefined;for(let s=0;s<t.length;s++){const e=t.item(s);const n=e.componentOnReady!==undefined?await e.componentOnReady():e;const o=a(n.side)?"end":"start";if(o==="start"){this.leftOptions=n;i|=1}else{this.rightOptions=n;i|=2}}this.optsDirty=true;this.sides=i}canStart(t){const i=document.dir==="rtl";const s=i?window.innerWidth-t.startX<15:t.startX<15;if(s){return false}const e=u;if(e&&e!==this.el){this.closeOpened()}return!!(this.rightOptions||this.leftOptions)}onStart(){this.item=this.el.querySelector("ion-item");const{contentEl:t}=this;if(t){this.initialContentScrollY=h(t)}u=this.el;if(this.tmr!==undefined){clearTimeout(this.tmr);this.tmr=undefined}if(this.openAmount===0){this.optsDirty=true;this.state=4}this.initialOpenAmount=this.openAmount;if(this.item){this.item.style.transition="none"}}onMove(t){if(this.optsDirty){this.calculateOptsWidth()}let i=this.initialOpenAmount-t.deltaX;switch(this.sides){case 2:i=Math.max(0,i);break;case 1:i=Math.min(0,i);break;case 3:break;case 0:return;default:console.warn("invalid ItemSideFlags value",this.sides);break}let s;if(i>this.optsWidthRightSide){s=this.optsWidthRightSide;i=s+(i-s)*m}else if(i<-this.optsWidthLeftSide){s=-this.optsWidthLeftSide;i=s+(i-s)*m}this.setOpenAmount(i,false)}onEnd(t){const{contentEl:i,initialContentScrollY:s}=this;if(i){r(i,s)}const e=t.velocityX;let n=this.openAmount>0?this.optsWidthRightSide:-this.optsWidthLeftSide;const o=this.openAmount>0===!(e<0);const h=Math.abs(e)>.3;const a=Math.abs(this.openAmount)<Math.abs(n/2);if(b(o,h,a)){n=0}const d=this.state;this.setOpenAmount(n,true);if((d&32)!==0&&this.rightOptions){this.rightOptions.fireSwipeEvent()}else if((d&64)!==0&&this.leftOptions){this.leftOptions.fireSwipeEvent()}}calculateOptsWidth(){this.optsWidthRightSide=0;if(this.rightOptions){this.rightOptions.style.display="flex";this.optsWidthRightSide=this.rightOptions.offsetWidth;this.rightOptions.style.display=""}this.optsWidthLeftSide=0;if(this.leftOptions){this.leftOptions.style.display="flex";this.optsWidthLeftSide=this.leftOptions.offsetWidth;this.leftOptions.style.display=""}this.optsDirty=false}setOpenAmount(t,i){if(this.tmr!==undefined){clearTimeout(this.tmr);this.tmr=undefined}if(!this.item){return}const{el:s}=this;const e=this.item.style;this.openAmount=t;if(i){e.transition=""}if(t>0){this.state=t>=this.optsWidthRightSide+f?8|32:8}else if(t<0){this.state=t<=-this.optsWidthLeftSide-f?16|64:16}else{s.classList.add("item-sliding-closing");if(this.gesture){this.gesture.enable(false)}this.tmr=setTimeout((()=>{this.state=2;this.tmr=undefined;if(this.gesture){this.gesture.enable(!this.disabled)}s.classList.remove("item-sliding-closing")}),600);u=undefined;e.transform="";return}e.transform=`translate3d(${-t}px,0,0)`;this.ionDrag.emit({amount:t,ratio:this.getSlidingRatioSync()})}getSlidingRatioSync(){if(this.openAmount>0){return this.openAmount/this.optsWidthRightSide}else if(this.openAmount<0){return this.openAmount/this.optsWidthLeftSide}else{return 0}}render(){const t=l(this);return s(n,{key:"7f191e38bf717e6ccb246aa7b9fbd29d01e64677",class:{[t]:true,"item-sliding-active-slide":this.state!==2,"item-sliding-active-options-end":(this.state&8)!==0,"item-sliding-active-options-start":(this.state&16)!==0,"item-sliding-active-swipe-end":(this.state&32)!==0,"item-sliding-active-swipe-start":(this.state&64)!==0}})}get el(){return e(this)}static get watchers(){return{disabled:["disabledChanged"]}}};const b=(t,i,s)=>!i&&s||t&&i;g.style=p;export{g as ion_item_sliding};
+//# sourceMappingURL=p-e7fbd427.entry.js.map

package/dist/elements/{p-d61d280b.js → p-e912617c.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import{w as t}from"./p-42169e41.js";import{c as s}from"./p-cbf050d6.js";import{t as o,a as r,c as e}from"./p-71ee259b.js";
+import{w as t}from"./p-97889672.js";import{c as s}from"./p-b110cb49.js";import{t as o,a as r,c as n}from"./p-3f316fc4.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
- */const n=t=>{const s=t.previousElementSibling;const o=s!==null&&s.tagName==="ION-HEADER";return o?"translate":"scale"};const a=(t,s,o)=>t==="scale"?c(s,o):i(s,o);const f=t=>{const o=t.querySelector("ion-spinner");const r=o.shadowRoot.querySelector("circle");const e=t.querySelector(".spinner-arrow-container");const n=t.querySelector(".arrow-container");const a=n?n.querySelector("ion-icon"):null;const f=s().duration(1e3).easing("ease-out");const c=s().addElement(e).keyframes([{offset:0,opacity:"0.3"},{offset:.45,opacity:"0.3"},{offset:.55,opacity:"1"},{offset:1,opacity:"1"}]);const i=s().addElement(r).keyframes([{offset:0,strokeDasharray:"1px, 200px"},{offset:.2,strokeDasharray:"1px, 200px"},{offset:.55,strokeDasharray:"100px, 200px"},{offset:1,strokeDasharray:"100px, 200px"}]);const p=s().addElement(o).keyframes([{offset:0,transform:"rotate(-90deg)"},{offset:1,transform:"rotate(210deg)"}]);if(n&&a){const t=s().addElement(n).keyframes([{offset:0,transform:"rotate(0deg)"},{offset:.3,transform:"rotate(0deg)"},{offset:.55,transform:"rotate(280deg)"},{offset:1,transform:"rotate(400deg)"}]);const o=s().addElement(a).keyframes([{offset:0,transform:"translateX(2px) scale(0)"},{offset:.3,transform:"translateX(2px) scale(0)"},{offset:.55,transform:"translateX(-1.5px) scale(1)"},{offset:1,transform:"translateX(-1.5px) scale(1)"}]);f.addAnimation([t,o])}return f.addAnimation([c,i,p])};const c=(t,o)=>{const r=o.clientHeight;const e=s().addElement(t).keyframes([{offset:0,transform:`scale(0) translateY(-${r}px)`},{offset:1,transform:"scale(1) translateY(100px)"}]);return f(t).addAnimation([e])};const i=(t,o)=>{const r=o.clientHeight;const e=s().addElement(t).keyframes([{offset:0,transform:`translateY(-${r}px)`},{offset:1,transform:"translateY(100px)"}]);return f(t).addAnimation([e])};const p=t=>s().duration(125).addElement(t).fromTo("transform","translateY(var(--ion-pulling-refresher-translate, 100px))","translateY(0px)");const l=(t,s)=>{t.style.setProperty("opacity",s.toString())};const m=(s,o,r)=>{const n=1;t((()=>{s.forEach(((t,s)=>{const a=s*(n/o);const f=n-a;const c=r-a;const i=e(0,c/f,1);t.style.setProperty("opacity",i.toString())}))}))};const x=(s,o)=>{t((()=>{s.style.setProperty("--refreshing-rotation-duration",o>=1?"0.5s":"2s");s.style.setProperty("opacity","1")}))};const u=(s,r,e=200)=>{if(!s){return Promise.resolve()}const n=o(s,e);t((()=>{s.style.setProperty("transition",`${e}ms all ease-out`);if(r===undefined){s.style.removeProperty("transform")}else{s.style.setProperty("transform",`translate3d(0px, ${r}, 0px)`)}}));return n};const d=()=>navigator.maxTouchPoints>0&&CSS.supports("background: -webkit-named-image(apple-pay-logo-black)");const g=async(t,s)=>{const o=t.querySelector("ion-refresher-content");if(!o){return Promise.resolve(false)}await new Promise((t=>r(o,t)));const e=t.querySelector("ion-refresher-content .refresher-pulling ion-spinner");const n=t.querySelector("ion-refresher-content .refresher-refreshing ion-spinner");return e!==null&&n!==null&&(s==="ios"&&d()||s==="md")};export{l as a,m as b,a as c,p as d,d as e,n as g,x as h,g as s,u as t};
-//# sourceMappingURL=p-d61d280b.js.map
+ */const e=t=>{const s=t.previousElementSibling;const o=s!==null&&s.tagName==="ION-HEADER";return o?"translate":"scale"};const a=(t,s,o)=>t==="scale"?c(s,o):i(s,o);const f=t=>{const o=t.querySelector("ion-spinner");const r=o.shadowRoot.querySelector("circle");const n=t.querySelector(".spinner-arrow-container");const e=t.querySelector(".arrow-container");const a=e?e.querySelector("ion-icon"):null;const f=s().duration(1e3).easing("ease-out");const c=s().addElement(n).keyframes([{offset:0,opacity:"0.3"},{offset:.45,opacity:"0.3"},{offset:.55,opacity:"1"},{offset:1,opacity:"1"}]);const i=s().addElement(r).keyframes([{offset:0,strokeDasharray:"1px, 200px"},{offset:.2,strokeDasharray:"1px, 200px"},{offset:.55,strokeDasharray:"100px, 200px"},{offset:1,strokeDasharray:"100px, 200px"}]);const p=s().addElement(o).keyframes([{offset:0,transform:"rotate(-90deg)"},{offset:1,transform:"rotate(210deg)"}]);if(e&&a){const t=s().addElement(e).keyframes([{offset:0,transform:"rotate(0deg)"},{offset:.3,transform:"rotate(0deg)"},{offset:.55,transform:"rotate(280deg)"},{offset:1,transform:"rotate(400deg)"}]);const o=s().addElement(a).keyframes([{offset:0,transform:"translateX(2px) scale(0)"},{offset:.3,transform:"translateX(2px) scale(0)"},{offset:.55,transform:"translateX(-1.5px) scale(1)"},{offset:1,transform:"translateX(-1.5px) scale(1)"}]);f.addAnimation([t,o])}return f.addAnimation([c,i,p])};const c=(t,o)=>{const r=o.clientHeight;const n=s().addElement(t).keyframes([{offset:0,transform:`scale(0) translateY(-${r}px)`},{offset:1,transform:"scale(1) translateY(100px)"}]);return f(t).addAnimation([n])};const i=(t,o)=>{const r=o.clientHeight;const n=s().addElement(t).keyframes([{offset:0,transform:`translateY(-${r}px)`},{offset:1,transform:"translateY(100px)"}]);return f(t).addAnimation([n])};const p=t=>s().duration(125).addElement(t).fromTo("transform","translateY(var(--ion-pulling-refresher-translate, 100px))","translateY(0px)");const l=(t,s)=>{t.style.setProperty("opacity",s.toString())};const m=(s,o,r)=>{const e=1;t((()=>{s.forEach(((t,s)=>{const a=s*(e/o);const f=e-a;const c=r-a;const i=n(0,c/f,1);t.style.setProperty("opacity",i.toString())}))}))};const x=(s,o)=>{t((()=>{s.style.setProperty("--refreshing-rotation-duration",o>=1?"0.5s":"2s");s.style.setProperty("opacity","1")}))};const u=(s,r,n=200)=>{if(!s){return Promise.resolve()}const e=o(s,n);t((()=>{s.style.setProperty("transition",`${n}ms all ease-out`);if(r===undefined){s.style.removeProperty("transform")}else{s.style.setProperty("transform",`translate3d(0px, ${r}, 0px)`)}}));return e};const g=()=>navigator.maxTouchPoints>0&&CSS.supports("background: -webkit-named-image(apple-pay-logo-black)");const d=async(t,s)=>{const o=t.querySelector("ion-refresher-content");if(!o){return Promise.resolve(false)}await new Promise((t=>r(o,t)));const n=t.querySelector("ion-refresher-content .refresher-pulling ion-spinner");const e=t.querySelector("ion-refresher-content .refresher-refreshing ion-spinner");return n!==null&&e!==null&&(s==="ios"&&g()||s==="md")};export{l as a,m as b,a as c,p as d,g as e,e as g,x as h,d as s,u as t};
+//# sourceMappingURL=p-e912617c.js.map

package/dist/elements/{p-da0d920d.js → p-ebe1c8ca.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{a as t,g as n,c as o}from"./p-42169e41.js";
+import{a as t,g as n,c as o}from"./p-97889672.js";
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */
@@ -9,4 +9,4 @@ class e{constructor(){this.m=new Map}reset(t){this.m=new Map(Object.entries(t))}
 /*!
  * (C) Ionic http://ionicframework.com - MIT License
  */let U;const B=t=>t&&n(t)||U;const F=(n={})=>{if(typeof window==="undefined"){return}const e=window.document;const d=window;const a=d.Ionic=d.Ionic||{};const u={};if(n._ael){u.ael=n._ael}if(n._rel){u.rel=n._rel}if(n._ce){u.ce=n._ce}t(u);const l=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},i(d)),{persistConfig:false}),a.config),r(d)),n);s.reset(l);if(s.getBoolean("persistConfig")){c(d,l)}p(d);a.config=s;a.mode=U=s.get("mode",e.documentElement.getAttribute("mode")||(f(d,"ios")?"ios":"md"));s.set("mode",U);e.documentElement.setAttribute("mode",U);e.documentElement.classList.add(U);if(s.getBoolean("_testing")){s.set("animated",false)}const m=t=>{var n;return(n=t.tagName)===null||n===void 0?void 0:n.startsWith("ION-")};const h=t=>["ios","md"].includes(t);o((t=>{while(t){const n=t.mode||t.getAttribute("mode");if(n){if(h(n)){return n}else if(m(t)){console.warn('Invalid ionic mode: "'+n+'", expected: "ios" or "md"')}}t=t.parentElement}return U}))};export{f as a,s as c,B as g,F as i};
-//# sourceMappingURL=p-da0d920d.js.map
+//# sourceMappingURL=p-ebe1c8ca.js.map

package/dist/elements/{p-d872fe3e.entry.js → p-ec283f66.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as o,i as r,h as n}from"./p-42169e41.js";import{R as s}from"./p-b5ef6f04.js";import{s as c}from"./p-f6671856.js";const l=":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\nul {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n\n  margin: 0;\n  padding: 0;\n\n  li {\n    border: var(--size-px) solid var(--border-color);\n    &:nth-child(even) {\n      background-color: var(--background-color-even);\n    }\n    &:nth-child(odd) {\n      background-color: var(--background-color-odd);\n    }\n    padding: var(--size-4);\n    list-style-type: none;\n  }\n}\n";const a=l;const i=class{constructor(n){o(this,n);this.subscribeResource=r(this,"pod-os:resource",7);this.data=[];this.receiveResource=o=>{const r=o.assume(s);this.data=r.subjects()}}componentWillLoad(){c(this)}render(){const o=this.data.map((o=>n("li",null,n("pos-rich-link",{uri:o.uri}))));return this.data.length>0?n("ul",null,o):null}};i.style=a;export{i as pos_subjects};
-//# sourceMappingURL=p-d872fe3e.entry.js.map
+import{r as o,i as r,h as n}from"./p-97889672.js";import{R as s}from"./p-b5ef6f04.js";import{s as c}from"./p-f6671856.js";const l=":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\n  --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n  --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n  --border-color: var(--background-base-color);\n}\n\nul {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n\n  margin: 0;\n  padding: 0;\n\n  li {\n    border: var(--size-px) solid var(--border-color);\n    &:nth-child(even) {\n      background-color: var(--background-color-even);\n    }\n    &:nth-child(odd) {\n      background-color: var(--background-color-odd);\n    }\n    padding: var(--size-4);\n    list-style-type: none;\n  }\n}\n";const a=l;const i=class{constructor(n){o(this,n);this.subscribeResource=r(this,"pod-os:resource",7);this.data=[];this.receiveResource=o=>{const r=o.assume(s);this.data=r.subjects()}}componentWillLoad(){c(this)}render(){const o=this.data.map((o=>n("li",null,n("pos-rich-link",{uri:o.uri}))));return this.data.length>0?n("ul",null,o):null}};i.style=a;export{i as pos_subjects};
+//# sourceMappingURL=p-ec283f66.entry.js.map

package/dist/elements/p-ec7a6c44.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{i as o}from"./p-ebe1c8ca.js";const s=()=>{};const c=()=>Promise.all([s(),o()]);export{c as g};
2	+ //# sourceMappingURL=p-ec7a6c44.js.map

package/dist/elements/{p-f40b3ec6.entry.js → p-ed22dcc0.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,i as n}from"./p-42169e41.js";const o=class{constructor(o){t(this,o);this.ionRouteDataChanged=n(this,"ionRouteDataChanged",7);this.url="";this.component=undefined;this.componentProps=undefined;this.beforeLeave=undefined;this.beforeEnter=undefined}onUpdate(t){this.ionRouteDataChanged.emit(t)}onComponentProps(t,n){if(t===n){return}const o=t?Object.keys(t):[];const e=n?Object.keys(n):[];if(o.length!==e.length){this.onUpdate(t);return}for(const e of o){if(t[e]!==n[e]){this.onUpdate(t);return}}}connectedCallback(){this.ionRouteDataChanged.emit()}static get watchers(){return{url:["onUpdate"],component:["onUpdate"],componentProps:["onComponentProps"]}}};export{o as ion_route};
-//# sourceMappingURL=p-f40b3ec6.entry.js.map
+import{r as t,i as n}from"./p-97889672.js";const o=class{constructor(o){t(this,o);this.ionRouteDataChanged=n(this,"ionRouteDataChanged",7);this.url="";this.component=undefined;this.componentProps=undefined;this.beforeLeave=undefined;this.beforeEnter=undefined}onUpdate(t){this.ionRouteDataChanged.emit(t)}onComponentProps(t,n){if(t===n){return}const o=t?Object.keys(t):[];const e=n?Object.keys(n):[];if(o.length!==e.length){this.onUpdate(t);return}for(const e of o){if(t[e]!==n[e]){this.onUpdate(t);return}}}connectedCallback(){this.ionRouteDataChanged.emit()}static get watchers(){return{url:["onUpdate"],component:["onUpdate"],componentProps:["onComponentProps"]}}};export{o as ion_route};
+//# sourceMappingURL=p-ed22dcc0.entry.js.map

package/dist/elements/{p-05fff093.entry.js → p-eeaffc3b.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as n,H as i,e}from"./p-42169e41.js";import{c as o}from"./p-669fab6c.js";import{g as r}from"./p-da0d920d.js";const a=":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-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;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;appearance:none;box-sizing:border-box}.button-inner{display:flex;flex-flow:column nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%}::slotted(*){flex-shrink:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}:host(.item-option-expandable){flex-shrink:0;transition-duration:0;transition-property:none;transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:clamp(16px, 1rem, 35.2px)}:host(.ion-activated){background:var(--ion-color-primary-shade, #3171e0)}:host(.ion-color.ion-activated){background:var(--ion-color-shade)}";const s=a;const d=":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-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;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;appearance:none;box-sizing:border-box}.button-inner{display:flex;flex-flow:column nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%}::slotted(*){flex-shrink:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}:host(.item-option-expandable){flex-shrink:0;transition-duration:0;transition-property:none;transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:0.875rem;font-weight:500;text-transform:uppercase}";const l=d;const c=class{constructor(n){t(this,n);this.onClick=t=>{const n=t.target.closest("ion-item-option");if(n){t.preventDefault()}};this.color=undefined;this.disabled=false;this.download=undefined;this.expandable=false;this.href=undefined;this.rel=undefined;this.target=undefined;this.type="button"}render(){const{disabled:t,expandable:e,href:a}=this;const s=a===undefined?"button":"a";const d=r(this);const l=s==="button"?{type:this.type}:{download:this.download,href:this.href,target:this.target};return n(i,{key:"763c3a7571b143d1068d85103ccab403bc48abae",onClick:this.onClick,class:o(this.color,{[d]:true,"item-option-disabled":t,"item-option-expandable":e,"ion-activatable":true})},n(s,Object.assign({key:"cb199c2ccd38abaad3460f184af3093bf08546cc"},l,{class:"button-native",part:"native",disabled:t}),n("span",{key:"f3ce9f1d343890c6f55f2609127f1e5113a2eedf",class:"button-inner"},n("slot",{key:"cd9434883c0bdb4129fb6f49970d49710653a09a",name:"top"}),n("div",{key:"764529c5f4b3d82105ce55885e8f121a91e8bc4a",class:"horizontal-wrapper"},n("slot",{key:"5bbd7b9ed9f35c8bf422c3134a1a097e174ad6df",name:"start"}),n("slot",{key:"1e70a781cdf4ffcefb1dea70abe43655d7857c4b",name:"icon-only"}),n("slot",{key:"c3205e9b1577a56786c10a8b5b420010b5fe53fc"}),n("slot",{key:"6bae6c98cd8d8526a203af47ca8e83753e1e1cb6",name:"end"})),n("slot",{key:"466cc32cdf9cbbdbb58e4b29144215cf2984c0d6",name:"bottom"})),d==="md"&&n("ion-ripple-effect",{key:"b5c54b801008b307ca8f718a41101be3e8d1d938"})))}get el(){return e(this)}};c.style={ios:s,md:l};export{c as ion_item_option};
-//# sourceMappingURL=p-05fff093.entry.js.map
+import{r as t,h as n,H as i,e}from"./p-97889672.js";import{c as o}from"./p-669fab6c.js";import{g as r}from"./p-ebe1c8ca.js";const a=":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-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;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;appearance:none;box-sizing:border-box}.button-inner{display:flex;flex-flow:column nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%}::slotted(*){flex-shrink:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}:host(.item-option-expandable){flex-shrink:0;transition-duration:0;transition-property:none;transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:clamp(16px, 1rem, 35.2px)}:host(.ion-activated){background:var(--ion-color-primary-shade, #3171e0)}:host(.ion-color.ion-activated){background:var(--ion-color-shade)}";const s=a;const d=":host{--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff);background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit)}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}.button-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;-webkit-padding-start:0.7em;padding-inline-start:0.7em;-webkit-padding-end:0.7em;padding-inline-end:0.7em;padding-top:0;padding-bottom:0;display:inline-block;position:relative;width:100%;height:100%;border:0;outline:none;background:transparent;cursor:pointer;appearance:none;box-sizing:border-box}.button-inner{display:flex;flex-flow:column nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%}.horizontal-wrapper{display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%}::slotted(*){flex-shrink:0}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}::slotted([slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:0;margin-bottom:0;min-width:0.9em;font-size:1.8em}:host(.item-option-expandable){flex-shrink:0;transition-duration:0;transition-property:none;transition-timing-function:cubic-bezier(0.65, 0.05, 0.36, 1)}:host(.item-option-disabled){pointer-events:none}:host(.item-option-disabled) .button-native{cursor:default;opacity:0.5;pointer-events:none}:host{font-size:0.875rem;font-weight:500;text-transform:uppercase}";const l=d;const c=class{constructor(n){t(this,n);this.onClick=t=>{const n=t.target.closest("ion-item-option");if(n){t.preventDefault()}};this.color=undefined;this.disabled=false;this.download=undefined;this.expandable=false;this.href=undefined;this.rel=undefined;this.target=undefined;this.type="button"}render(){const{disabled:t,expandable:e,href:a}=this;const s=a===undefined?"button":"a";const d=r(this);const l=s==="button"?{type:this.type}:{download:this.download,href:this.href,target:this.target};return n(i,{key:"763c3a7571b143d1068d85103ccab403bc48abae",onClick:this.onClick,class:o(this.color,{[d]:true,"item-option-disabled":t,"item-option-expandable":e,"ion-activatable":true})},n(s,Object.assign({key:"cb199c2ccd38abaad3460f184af3093bf08546cc"},l,{class:"button-native",part:"native",disabled:t}),n("span",{key:"f3ce9f1d343890c6f55f2609127f1e5113a2eedf",class:"button-inner"},n("slot",{key:"cd9434883c0bdb4129fb6f49970d49710653a09a",name:"top"}),n("div",{key:"764529c5f4b3d82105ce55885e8f121a91e8bc4a",class:"horizontal-wrapper"},n("slot",{key:"5bbd7b9ed9f35c8bf422c3134a1a097e174ad6df",name:"start"}),n("slot",{key:"1e70a781cdf4ffcefb1dea70abe43655d7857c4b",name:"icon-only"}),n("slot",{key:"c3205e9b1577a56786c10a8b5b420010b5fe53fc"}),n("slot",{key:"6bae6c98cd8d8526a203af47ca8e83753e1e1cb6",name:"end"})),n("slot",{key:"466cc32cdf9cbbdbb58e4b29144215cf2984c0d6",name:"bottom"})),d==="md"&&n("ion-ripple-effect",{key:"b5c54b801008b307ca8f718a41101be3e8d1d938"})))}get el(){return e(this)}};c.style={ios:s,md:l};export{c as ion_item_option};
+//# sourceMappingURL=p-eeaffc3b.entry.js.map

package/dist/elements/p-f2c0c8a9.js ADDED Viewed

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

package/dist/elements/{p-c186950b.entry.js → p-f3bf8ff7.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as n,h as i,H as e}from"./p-42169e41.js";import{E as t,s as o}from"./p-46b6ae86.js";import{c as s,g as l}from"./p-da0d920d.js";const r="ion-infinite-scroll-content{display:flex;flex-direction:column;justify-content:center;min-height:84px;text-align:center;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-ios .infinite-loading-text{color:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-small-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, #666666)}";const c=r;const a="ion-infinite-scroll-content{display:flex;flex-direction:column;justify-content:center;min-height:84px;text-align:center;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-md .infinite-loading-text{color:var(--ion-color-step-600, #666666)}.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-small-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, #666666)}.infinite-scroll-content-md .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, #666666)}";const d=a;const f=class{constructor(i){n(this,i);this.customHTMLEnabled=s.get("innerHTMLTemplatesEnabled",t);this.loadingSpinner=undefined;this.loadingText=undefined}componentDidLoad(){if(this.loadingSpinner===undefined){const n=l(this);this.loadingSpinner=s.get("infiniteLoadingSpinner",s.get("spinner",n==="ios"?"lines":"crescent"))}}renderLoadingText(){const{customHTMLEnabled:n,loadingText:e}=this;if(n){return i("div",{class:"infinite-loading-text",innerHTML:o(e)})}return i("div",{class:"infinite-loading-text"},this.loadingText)}render(){const n=l(this);return i(e,{key:"2f4afb07bcfe3e12528eb9cee8646a097e0b359f",class:{[n]:true,[`infinite-scroll-content-${n}`]:true}},i("div",{key:"af038177bf10c88c8970682487a4328689aaa5f2",class:"infinite-loading"},this.loadingSpinner&&i("div",{key:"1da5d419bc6a978b6a509fdab47dae347fc8d221",class:"infinite-loading-spinner"},i("ion-spinner",{key:"60cc5c64e0a317ac0005d5afe42c4bb8da58136f",name:this.loadingSpinner})),this.loadingText!==undefined&&this.renderLoadingText()))}};f.style={ios:c,md:d};export{f as ion_infinite_scroll_content};
-//# sourceMappingURL=p-c186950b.entry.js.map
+import{r as n,h as i,H as e}from"./p-97889672.js";import{E as t,s as o}from"./p-46b6ae86.js";import{c as s,g as l}from"./p-ebe1c8ca.js";const r="ion-infinite-scroll-content{display:flex;flex-direction:column;justify-content:center;min-height:84px;text-align:center;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-ios .infinite-loading-text{color:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-lines-small-ios line,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, #666666)}.infinite-scroll-content-ios .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-ios .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, #666666)}";const c=r;const a="ion-infinite-scroll-content{display:flex;flex-direction:column;justify-content:center;min-height:84px;text-align:center;user-select:none}.infinite-loading{margin-left:0;margin-right:0;margin-top:0;margin-bottom:32px;display:none;width:100%}.infinite-loading-text{-webkit-margin-start:32px;margin-inline-start:32px;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:4px;margin-bottom:0}.infinite-scroll-loading ion-infinite-scroll-content>.infinite-loading{display:block}.infinite-scroll-content-md .infinite-loading-text{color:var(--ion-color-step-600, #666666)}.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-lines-small-md line,.infinite-scroll-content-md .infinite-loading-spinner .spinner-crescent circle{stroke:var(--ion-color-step-600, #666666)}.infinite-scroll-content-md .infinite-loading-spinner .spinner-bubbles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-circles circle,.infinite-scroll-content-md .infinite-loading-spinner .spinner-dots circle{fill:var(--ion-color-step-600, #666666)}";const d=a;const f=class{constructor(i){n(this,i);this.customHTMLEnabled=s.get("innerHTMLTemplatesEnabled",t);this.loadingSpinner=undefined;this.loadingText=undefined}componentDidLoad(){if(this.loadingSpinner===undefined){const n=l(this);this.loadingSpinner=s.get("infiniteLoadingSpinner",s.get("spinner",n==="ios"?"lines":"crescent"))}}renderLoadingText(){const{customHTMLEnabled:n,loadingText:e}=this;if(n){return i("div",{class:"infinite-loading-text",innerHTML:o(e)})}return i("div",{class:"infinite-loading-text"},this.loadingText)}render(){const n=l(this);return i(e,{key:"2f4afb07bcfe3e12528eb9cee8646a097e0b359f",class:{[n]:true,[`infinite-scroll-content-${n}`]:true}},i("div",{key:"af038177bf10c88c8970682487a4328689aaa5f2",class:"infinite-loading"},this.loadingSpinner&&i("div",{key:"1da5d419bc6a978b6a509fdab47dae347fc8d221",class:"infinite-loading-spinner"},i("ion-spinner",{key:"60cc5c64e0a317ac0005d5afe42c4bb8da58136f",name:this.loadingSpinner})),this.loadingText!==undefined&&this.renderLoadingText()))}};f.style={ios:c,md:d};export{f as ion_infinite_scroll_content};
+//# sourceMappingURL=p-f3bf8ff7.entry.js.map

package/dist/elements/{p-5441ae35.entry.js → p-fb740291.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as s,H as i,e as r}from"./p-42169e41.js";import{E as n,s as a}from"./p-46b6ae86.js";import{o as d,p as t}from"./p-0ee8b7a7.js";import{c as f,g as c}from"./p-da0d920d.js";import{e as o}from"./p-d61d280b.js";import{S as h}from"./p-4ab98c32.js";import"./p-cbf050d6.js";import"./p-7efd6867.js";import"./p-71ee259b.js";const l=class{constructor(s){e(this,s);this.customHTMLEnabled=f.get("innerHTMLTemplatesEnabled",n);this.pullingIcon=undefined;this.pullingText=undefined;this.refreshingSpinner=undefined;this.refreshingText=undefined}componentWillLoad(){if(this.pullingIcon===undefined){const e=o();const s=c(this);const i=e?"lines":t;this.pullingIcon=f.get("refreshingIcon",s==="ios"&&e?f.get("spinner",i):"circular")}if(this.refreshingSpinner===undefined){const e=c(this);this.refreshingSpinner=f.get("refreshingSpinner",f.get("spinner",e==="ios"?"lines":"circular"))}}renderPullingText(){const{customHTMLEnabled:e,pullingText:i}=this;if(e){return s("div",{class:"refresher-pulling-text",innerHTML:a(i)})}return s("div",{class:"refresher-pulling-text"},i)}renderRefreshingText(){const{customHTMLEnabled:e,refreshingText:i}=this;if(e){return s("div",{class:"refresher-refreshing-text",innerHTML:a(i)})}return s("div",{class:"refresher-refreshing-text"},i)}render(){const e=this.pullingIcon;const r=e!=null&&h[e]!==undefined;const n=c(this);return s(i,{key:"cf3caa51c4aba8a95622f6d32cafa90b683b9d6e",class:n},s("div",{key:"5ad70801104bbea873d3525206660c52e4447903",class:"refresher-pulling"},this.pullingIcon&&r&&s("div",{key:"0f95df169fd367528bfaa5d9ccf6690a613609c4",class:"refresher-pulling-icon"},s("div",{key:"4b8f0465a19f017751b207807c32e1fe00fda433",class:"spinner-arrow-container"},s("ion-spinner",{key:"77e60179d76f0d17f8f2dc3518f97a2a924418e6",name:this.pullingIcon,paused:true}),n==="md"&&this.pullingIcon==="circular"&&s("div",{key:"f78f63f08f071bead1bfe655bae6394f8a219d91",class:"arrow-container"},s("ion-icon",{key:"4d833d134d2b221cae2dfb0611d4029f2d664db5",icon:d,"aria-hidden":"true"})))),this.pullingIcon&&!r&&s("div",{key:"e6db19d7fa324363d2a7c3c046510f4c8461f7e6",class:"refresher-pulling-icon"},s("ion-icon",{key:"66c2ef1a53c5809f49891de515da5f55d9bf8dcc",icon:this.pullingIcon,lazy:false,"aria-hidden":"true"})),this.pullingText!==undefined&&this.renderPullingText()),s("div",{key:"80c413e21d362a5bb0419fcd13092453b3445cee",class:"refresher-refreshing"},this.refreshingSpinner&&s("div",{key:"0d5511f9644de26332a1a9ed39b160691fab74d9",class:"refresher-refreshing-icon"},s("ion-spinner",{key:"54e4a96b081c7b453a98e00cceea7c086268a450",name:this.refreshingSpinner})),this.refreshingText!==undefined&&this.renderRefreshingText()))}get el(){return r(this)}};export{l as ion_refresher_content};
-//# sourceMappingURL=p-5441ae35.entry.js.map
+import{r as e,h as s,H as i,e as r}from"./p-97889672.js";import{E as n,s as a}from"./p-46b6ae86.js";import{n as t,o as c}from"./p-acfa402f.js";import{c as f,g as d}from"./p-ebe1c8ca.js";import{e as o}from"./p-e912617c.js";import{S as h}from"./p-4ab98c32.js";import"./p-b110cb49.js";import"./p-7efd6867.js";import"./p-3f316fc4.js";const l=class{constructor(s){e(this,s);this.customHTMLEnabled=f.get("innerHTMLTemplatesEnabled",n);this.pullingIcon=undefined;this.pullingText=undefined;this.refreshingSpinner=undefined;this.refreshingText=undefined}componentWillLoad(){if(this.pullingIcon===undefined){const e=o();const s=d(this);const i=e?"lines":c;this.pullingIcon=f.get("refreshingIcon",s==="ios"&&e?f.get("spinner",i):"circular")}if(this.refreshingSpinner===undefined){const e=d(this);this.refreshingSpinner=f.get("refreshingSpinner",f.get("spinner",e==="ios"?"lines":"circular"))}}renderPullingText(){const{customHTMLEnabled:e,pullingText:i}=this;if(e){return s("div",{class:"refresher-pulling-text",innerHTML:a(i)})}return s("div",{class:"refresher-pulling-text"},i)}renderRefreshingText(){const{customHTMLEnabled:e,refreshingText:i}=this;if(e){return s("div",{class:"refresher-refreshing-text",innerHTML:a(i)})}return s("div",{class:"refresher-refreshing-text"},i)}render(){const e=this.pullingIcon;const r=e!=null&&h[e]!==undefined;const n=d(this);return s(i,{key:"cf3caa51c4aba8a95622f6d32cafa90b683b9d6e",class:n},s("div",{key:"5ad70801104bbea873d3525206660c52e4447903",class:"refresher-pulling"},this.pullingIcon&&r&&s("div",{key:"0f95df169fd367528bfaa5d9ccf6690a613609c4",class:"refresher-pulling-icon"},s("div",{key:"4b8f0465a19f017751b207807c32e1fe00fda433",class:"spinner-arrow-container"},s("ion-spinner",{key:"77e60179d76f0d17f8f2dc3518f97a2a924418e6",name:this.pullingIcon,paused:true}),n==="md"&&this.pullingIcon==="circular"&&s("div",{key:"f78f63f08f071bead1bfe655bae6394f8a219d91",class:"arrow-container"},s("ion-icon",{key:"4d833d134d2b221cae2dfb0611d4029f2d664db5",icon:t,"aria-hidden":"true"})))),this.pullingIcon&&!r&&s("div",{key:"e6db19d7fa324363d2a7c3c046510f4c8461f7e6",class:"refresher-pulling-icon"},s("ion-icon",{key:"66c2ef1a53c5809f49891de515da5f55d9bf8dcc",icon:this.pullingIcon,lazy:false,"aria-hidden":"true"})),this.pullingText!==undefined&&this.renderPullingText()),s("div",{key:"80c413e21d362a5bb0419fcd13092453b3445cee",class:"refresher-refreshing"},this.refreshingSpinner&&s("div",{key:"0d5511f9644de26332a1a9ed39b160691fab74d9",class:"refresher-refreshing-icon"},s("ion-spinner",{key:"54e4a96b081c7b453a98e00cceea7c086268a450",name:this.refreshingSpinner})),this.refreshingText!==undefined&&this.renderRefreshingText()))}get el(){return r(this)}};export{l as ion_refresher_content};
+//# sourceMappingURL=p-fb740291.entry.js.map

package/dist/elements/{p-5bf40440.entry.js → p-fbff274c.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as a,e as i}from"./p-42169e41.js";import{a as s}from"./p-eba70ed1.js";import"./p-71ee259b.js";const n=":host(.tab-hidden){display:none !important}";const r=n;const o=class{constructor(e){t(this,e);this.loaded=false;this.active=false;this.delegate=undefined;this.tab=undefined;this.component=undefined}async componentWillLoad(){if(this.active){await this.setActive()}}async setActive(){await this.prepareLazyLoaded();this.active=true}changeActive(t){if(t){this.prepareLazyLoaded()}}prepareLazyLoaded(){if(!this.loaded&&this.component!=null){this.loaded=true;try{return s(this.delegate,this.el,this.component,["ion-page"])}catch(t){console.error(t)}}return Promise.resolve(undefined)}render(){const{tab:t,active:i,component:s}=this;return e(a,{key:"4fe50fa809503794be2ef91383e49b72cad6fa82",role:"tabpanel","aria-hidden":!i?"true":null,"aria-labelledby":`tab-button-${t}`,class:{"ion-page":s===undefined,"tab-hidden":!i}},e("slot",{key:"937777a826936d6b399329a926a704008339803e"}))}get el(){return i(this)}static get watchers(){return{active:["changeActive"]}}};o.style=r;export{o as ion_tab};
-//# sourceMappingURL=p-5bf40440.entry.js.map
+import{r as t,h as e,H as i,e as a}from"./p-97889672.js";import{a as s}from"./p-30cd90ec.js";import"./p-3f316fc4.js";const n=":host(.tab-hidden){display:none !important}";const r=n;const o=class{constructor(e){t(this,e);this.loaded=false;this.active=false;this.delegate=undefined;this.tab=undefined;this.component=undefined}async componentWillLoad(){if(this.active){await this.setActive()}}async setActive(){await this.prepareLazyLoaded();this.active=true}changeActive(t){if(t){this.prepareLazyLoaded()}}prepareLazyLoaded(){if(!this.loaded&&this.component!=null){this.loaded=true;try{return s(this.delegate,this.el,this.component,["ion-page"])}catch(t){console.error(t)}}return Promise.resolve(undefined)}render(){const{tab:t,active:a,component:s}=this;return e(i,{key:"4fe50fa809503794be2ef91383e49b72cad6fa82",role:"tabpanel","aria-hidden":!a?"true":null,"aria-labelledby":`tab-button-${t}`,class:{"ion-page":s===undefined,"tab-hidden":!a}},e("slot",{key:"937777a826936d6b399329a926a704008339803e"}))}get el(){return a(this)}static get watchers(){return{active:["changeActive"]}}};o.style=r;export{o as ion_tab};
+//# sourceMappingURL=p-fbff274c.entry.js.map

package/dist/elements/{p-266d2934.entry.js → p-fd84af22.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,i as e,h as i,H as n,e as s}from"./p-42169e41.js";import{g as o}from"./p-bc04bd54.js";import{G as r}from"./p-98c00bd2.js";import{shouldUseCloseWatcher as a}from"./p-1fc8e557.js";import{m as h,h as u,n as d,c as l}from"./p-71ee259b.js";import{m}from"./p-061819d1.js";import{g as c}from"./p-a6c03ce8.js";import{c as f,g as p}from"./p-da0d920d.js";import"./p-7efd6867.js";import"./p-d6769f21.js";import"./p-cbf050d6.js";import"./p-eba70ed1.js";const b=":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{transform:translateX(-9999px);display:flex;position:absolute;flex-direction:column;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;transform:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}";const g=b;const x=":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{transform:translateX(-9999px);display:flex;position:absolute;flex-direction:column;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;transform:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-type-overlay) .menu-inner{box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}";const w=x;const y="cubic-bezier(0.32,0.72,0,1)";const v="cubic-bezier(0.0,0.0,0.2,1)";const k="cubic-bezier(1, 0, 0.68, 0.28)";const C="cubic-bezier(0.4, 0, 0.6, 1)";const j='[tabindex]:not([tabindex^="-"]), input:not([type=hidden]):not([tabindex^="-"]), textarea:not([tabindex^="-"]), button:not([tabindex^="-"]), select:not([tabindex^="-"]), .ion-focusable:not([tabindex^="-"])';const z=class{constructor(i){t(this,i);this.ionWillOpen=e(this,"ionWillOpen",7);this.ionWillClose=e(this,"ionWillClose",7);this.ionDidOpen=e(this,"ionDidOpen",7);this.ionDidClose=e(this,"ionDidClose",7);this.ionMenuChange=e(this,"ionMenuChange",7);this.lastOnEnd=0;this.blocker=r.createBlocker({disableScroll:true});this.didLoad=false;this.operationCancelled=false;this.isAnimating=false;this._isOpen=false;this.inheritedAttributes={};this.handleFocus=t=>{const e=c(document);if(e&&!e.contains(this.el)){return}this.trapKeyboardFocus(t,document)};this.isPaneVisible=false;this.isEndSide=false;this.contentId=undefined;this.menuId=undefined;this.type=undefined;this.disabled=false;this.side="start";this.swipeGesture=true;this.maxEdgeStart=50}typeChanged(t,e){const i=this.contentEl;if(i){if(e!==undefined){i.classList.remove(`menu-content-${e}`)}i.classList.add(`menu-content-${t}`);i.removeAttribute("style")}if(this.menuInnerEl){this.menuInnerEl.removeAttribute("style")}this.animation=undefined}disabledChanged(){this.updateState();this.ionMenuChange.emit({disabled:this.disabled,open:this._isOpen})}sideChanged(){this.isEndSide=h(this.side);this.animation=undefined}swipeGestureChanged(){this.updateState()}async connectedCallback(){if(typeof customElements!=="undefined"&&customElements!=null){await customElements.whenDefined("ion-menu")}if(this.type===undefined){this.type=f.get("menuType","overlay")}const t=this.contentId!==undefined?document.getElementById(this.contentId):null;if(t===null){console.error('Menu: must have a "content" element to listen for drag events on.');return}if(this.el.contains(t)){console.error(`Menu: "contentId" should refer to the main view's ion-content, not the ion-content inside of the ion-menu.`)}this.contentEl=t;t.classList.add("menu-content");this.typeChanged(this.type,undefined);this.sideChanged();m._register(this);this.menuChanged();this.gesture=(await import("./p-b943833e.js")).createGesture({el:document,gestureName:"menu-swipe",gesturePriority:30,threshold:10,blurOnStart:true,canStart:t=>this.canStart(t),onWillStart:()=>this.onWillStart(),onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.updateState()}componentWillLoad(){this.inheritedAttributes=u(this.el)}async componentDidLoad(){this.didLoad=true;this.menuChanged();this.updateState()}menuChanged(){if(this.didLoad){this.ionMenuChange.emit({disabled:this.disabled,open:this._isOpen})}}async disconnectedCallback(){await this.close(false);this.blocker.destroy();m._unregister(this);if(this.animation){this.animation.destroy()}if(this.gesture){this.gesture.destroy();this.gesture=undefined}this.animation=undefined;this.contentEl=undefined}onSplitPaneChanged(t){const{target:e}=t;const i=this.el.closest("ion-split-pane");if(e!==i){return}this.isPaneVisible=t.detail.isPane(this.el);this.updateState()}onBackdropClick(t){if(this._isOpen&&this.lastOnEnd<t.timeStamp-100){const e=t.composedPath?!t.composedPath().includes(this.menuInnerEl):false;if(e){t.preventDefault();t.stopPropagation();this.close()}}}onKeydown(t){if(t.key==="Escape"){this.close()}}isOpen(){return Promise.resolve(this._isOpen)}isActive(){return Promise.resolve(this._isActive())}open(t=true){return this.setOpen(true,t)}close(t=true){return this.setOpen(false,t)}toggle(t=true){return this.setOpen(!this._isOpen,t)}setOpen(t,e=true){return m._setOpen(this,t,e)}focusFirstDescendant(){const{el:t}=this;const e=t.querySelector(j);if(e){e.focus()}else{t.focus()}}focusLastDescendant(){const{el:t}=this;const e=Array.from(t.querySelectorAll(j));const i=e.length>0?e[e.length-1]:null;if(i){i.focus()}else{t.focus()}}trapKeyboardFocus(t,e){const i=t.target;if(!i){return}if(this.el.contains(i)){this.lastFocus=i}else{this.focusFirstDescendant();if(this.lastFocus===e.activeElement){this.focusLastDescendant()}}}async _setOpen(t,e=true){if(!this._isActive()||this.isAnimating||t===this._isOpen){return false}this.beforeAnimation(t);await this.loadAnimation();await this.startAnimation(t,e);if(this.operationCancelled){this.operationCancelled=false;return false}this.afterAnimation(t);return true}async loadAnimation(){const t=this.menuInnerEl.offsetWidth;const e=h(this.side);if(t===this.width&&this.animation!==undefined&&e===this.isEndSide){return}this.width=t;this.isEndSide=e;if(this.animation){this.animation.destroy();this.animation=undefined}const i=this.animation=await m._createAnimation(this.type,this);if(!f.getBoolean("animated",true)){i.duration(0)}i.fill("both")}async startAnimation(t,e){const i=!t;const n=p(this);const s=n==="ios"?y:v;const o=n==="ios"?k:C;const r=this.animation.direction(i?"reverse":"normal").easing(i?o:s);if(e){await r.play()}else{r.play({sync:true})}if(r.getDirection()==="reverse"){r.direction("normal")}}_isActive(){return!this.disabled&&!this.isPaneVisible}canSwipe(){return this.swipeGesture&&!this.isAnimating&&this._isActive()}canStart(t){const e=!!document.querySelector("ion-modal.show-modal");if(e||!this.canSwipe()){return false}if(this._isOpen){return true}else if(m._getOpenSync()){return false}return S(window,t.currentX,this.isEndSide,this.maxEdgeStart)}onWillStart(){this.beforeAnimation(!this._isOpen);return this.loadAnimation()}onStart(){if(!this.isAnimating||!this.animation){d(false,"isAnimating has to be true");return}this.animation.progressStart(true,this._isOpen?1:0)}onMove(t){if(!this.isAnimating||!this.animation){d(false,"isAnimating has to be true");return}const e=A(t.deltaX,this._isOpen,this.isEndSide);const i=e/this.width;this.animation.progressStep(this._isOpen?1-i:i)}onEnd(t){if(!this.isAnimating||!this.animation){d(false,"isAnimating has to be true");return}const e=this._isOpen;const i=this.isEndSide;const n=A(t.deltaX,e,i);const s=this.width;const r=n/s;const a=t.velocityX;const h=s/2;const u=a>=0&&(a>.2||t.deltaX>h);const m=a<=0&&(a<-.2||t.deltaX<-h);const c=e?i?u:m:i?m:u;let f=!e&&c;if(e&&!c){f=true}this.lastOnEnd=t.currentTime;let p=c?.001:-.001;const b=r<0?.01:r;p+=o([0,0],[.4,0],[.6,1],[1,1],l(0,b,.9999))[0]||0;const g=this._isOpen?!c:c;this.animation.easing("cubic-bezier(0.4, 0.0, 0.6, 1)").onFinish((()=>this.afterAnimation(f)),{oneTimeCallback:true}).progressEnd(g?1:0,this._isOpen?1-p:p,300)}beforeAnimation(t){d(!this.isAnimating,"_before() should not be called while animating");this.el.classList.add(D);this.el.setAttribute("tabindex","0");if(this.backdropEl){this.backdropEl.classList.add(E)}if(this.contentEl){this.contentEl.classList.add(M);this.contentEl.setAttribute("aria-hidden","true")}this.blocker.block();this.isAnimating=true;if(t){this.ionWillOpen.emit()}else{this.ionWillClose.emit()}}afterAnimation(t){var e;this._isOpen=t;this.isAnimating=false;if(!this._isOpen){this.blocker.unblock()}if(t){this.ionDidOpen.emit();const t=(e=document.activeElement)===null||e===void 0?void 0:e.closest("ion-menu");if(t!==this.el){this.el.focus()}document.addEventListener("focus",this.handleFocus,true)}else{this.el.classList.remove(D);this.el.removeAttribute("tabindex");if(this.contentEl){this.contentEl.classList.remove(M);this.contentEl.removeAttribute("aria-hidden")}if(this.backdropEl){this.backdropEl.classList.remove(E)}if(this.animation){this.animation.stop()}this.ionDidClose.emit();document.removeEventListener("focus",this.handleFocus,true)}}updateState(){const t=this._isActive();if(this.gesture){this.gesture.enable(t&&this.swipeGesture)}if(!t){if(this.isAnimating){this.operationCancelled=true}this.afterAnimation(false)}}render(){const{type:t,disabled:e,isPaneVisible:s,inheritedAttributes:o,side:r}=this;const h=p(this);return i(n,{key:"7443f67fbe5122052025bab862136044fc942401",onKeyDown:a()?null:this.onKeydown,role:"navigation","aria-label":o["aria-label"]||"menu",class:{[h]:true,[`menu-type-${t}`]:true,"menu-enabled":!e,[`menu-side-${r}`]:true,"menu-pane-visible":s}},i("div",{key:"45c7d37ace20f663a4bea89cb38bbc798f88dfbd",class:"menu-inner",part:"container",ref:t=>this.menuInnerEl=t},i("slot",{key:"975437a5d4029cc200b6dbc2d47a16b4318c00aa"})),i("ion-backdrop",{key:"acc8a1f5dc1b1e2a34757bf797e794017f545bdc",ref:t=>this.backdropEl=t,class:"menu-backdrop",tappable:false,stopPropagation:false,part:"backdrop"}))}get el(){return s(this)}static get watchers(){return{type:["typeChanged"],disabled:["disabledChanged"],side:["sideChanged"],swipeGesture:["swipeGestureChanged"]}}};const A=(t,e,i)=>Math.max(0,e!==i?-t:t);const S=(t,e,i,n)=>{if(i){return e>=t.innerWidth-n}else{return e<=n}};const D="show-menu";const E="show-backdrop";const M="menu-content-open";z.style={ios:g,md:w};export{z as ion_menu};
-//# sourceMappingURL=p-266d2934.entry.js.map
+import{r as t,i as e,h as i,H as n,e as s}from"./p-97889672.js";import{g as o}from"./p-bc04bd54.js";import{G as r}from"./p-98c00bd2.js";import{shouldUseCloseWatcher as a}from"./p-bde7428a.js";import{m as h,i as u,n as d,c as l}from"./p-3f316fc4.js";import{m}from"./p-5a8e7149.js";import{g as c}from"./p-01adc2b7.js";import{c as f,g as p}from"./p-ebe1c8ca.js";import"./p-7efd6867.js";import"./p-d6769f21.js";import"./p-b110cb49.js";import"./p-30cd90ec.js";const b=":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{transform:translateX(-9999px);display:flex;position:absolute;flex-direction:column;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;transform:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-type-push){z-index:1000}:host(.menu-type-push) .show-backdrop{display:block}";const g=b;const x=":host{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}:host(.show-menu){display:block}.menu-inner{transform:translateX(-9999px);display:flex;position:absolute;flex-direction:column;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}:host(.menu-side-start) .menu-inner{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){:host(.menu-side-start) .menu-inner{left:0;right:auto}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{left:unset;right:unset;left:auto;right:0}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{left:unset;right:unset;left:auto;right:0}}}:host-context([dir=rtl]):host(.menu-side-start) .menu-inner,:host-context([dir=rtl]).menu-side-start .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){:host(.menu-side-start:dir(rtl)) .menu-inner{--ion-safe-area-right:unset;--ion-safe-area-left:0px}}:host(.menu-side-end) .menu-inner{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){:host(.menu-side-end) .menu-inner{left:auto;right:0}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{left:unset;right:unset;left:0;right:auto}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{left:unset;right:unset;left:0;right:auto}}}:host-context([dir=rtl]):host(.menu-side-end) .menu-inner,:host-context([dir=rtl]).menu-side-end .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){:host(.menu-side-end:dir(rtl)) .menu-inner{--ion-safe-area-left:unset;--ion-safe-area-right:0px}}ion-backdrop{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){.menu-inner{--width:264px}}:host(.menu-type-reveal){z-index:0}:host(.menu-type-reveal.show-menu) .menu-inner{transform:translate3d(0,  0,  0)}:host(.menu-type-overlay){z-index:1000}:host(.menu-type-overlay) .show-backdrop{display:block;cursor:pointer}:host(.menu-pane-visible){width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}:host(.menu-pane-visible) .menu-inner{left:0;right:0;width:auto;transform:none;box-shadow:none}:host(.menu-pane-visible) ion-backdrop{display:hidden !important}:host(.menu-type-overlay) .menu-inner{box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}";const w=x;const y="cubic-bezier(0.32,0.72,0,1)";const v="cubic-bezier(0.0,0.0,0.2,1)";const k="cubic-bezier(1, 0, 0.68, 0.28)";const C="cubic-bezier(0.4, 0, 0.6, 1)";const j='[tabindex]:not([tabindex^="-"]), input:not([type=hidden]):not([tabindex^="-"]), textarea:not([tabindex^="-"]), button:not([tabindex^="-"]), select:not([tabindex^="-"]), .ion-focusable:not([tabindex^="-"])';const z=class{constructor(i){t(this,i);this.ionWillOpen=e(this,"ionWillOpen",7);this.ionWillClose=e(this,"ionWillClose",7);this.ionDidOpen=e(this,"ionDidOpen",7);this.ionDidClose=e(this,"ionDidClose",7);this.ionMenuChange=e(this,"ionMenuChange",7);this.lastOnEnd=0;this.blocker=r.createBlocker({disableScroll:true});this.didLoad=false;this.operationCancelled=false;this.isAnimating=false;this._isOpen=false;this.inheritedAttributes={};this.handleFocus=t=>{const e=c(document);if(e&&!e.contains(this.el)){return}this.trapKeyboardFocus(t,document)};this.isPaneVisible=false;this.isEndSide=false;this.contentId=undefined;this.menuId=undefined;this.type=undefined;this.disabled=false;this.side="start";this.swipeGesture=true;this.maxEdgeStart=50}typeChanged(t,e){const i=this.contentEl;if(i){if(e!==undefined){i.classList.remove(`menu-content-${e}`)}i.classList.add(`menu-content-${t}`);i.removeAttribute("style")}if(this.menuInnerEl){this.menuInnerEl.removeAttribute("style")}this.animation=undefined}disabledChanged(){this.updateState();this.ionMenuChange.emit({disabled:this.disabled,open:this._isOpen})}sideChanged(){this.isEndSide=h(this.side);this.animation=undefined}swipeGestureChanged(){this.updateState()}async connectedCallback(){if(typeof customElements!=="undefined"&&customElements!=null){await customElements.whenDefined("ion-menu")}if(this.type===undefined){this.type=f.get("menuType","overlay")}const t=this.contentId!==undefined?document.getElementById(this.contentId):null;if(t===null){console.error('Menu: must have a "content" element to listen for drag events on.');return}if(this.el.contains(t)){console.error(`Menu: "contentId" should refer to the main view's ion-content, not the ion-content inside of the ion-menu.`)}this.contentEl=t;t.classList.add("menu-content");this.typeChanged(this.type,undefined);this.sideChanged();m._register(this);this.menuChanged();this.gesture=(await import("./p-b943833e.js")).createGesture({el:document,gestureName:"menu-swipe",gesturePriority:30,threshold:10,blurOnStart:true,canStart:t=>this.canStart(t),onWillStart:()=>this.onWillStart(),onStart:()=>this.onStart(),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.updateState()}componentWillLoad(){this.inheritedAttributes=u(this.el)}async componentDidLoad(){this.didLoad=true;this.menuChanged();this.updateState()}menuChanged(){if(this.didLoad){this.ionMenuChange.emit({disabled:this.disabled,open:this._isOpen})}}async disconnectedCallback(){await this.close(false);this.blocker.destroy();m._unregister(this);if(this.animation){this.animation.destroy()}if(this.gesture){this.gesture.destroy();this.gesture=undefined}this.animation=undefined;this.contentEl=undefined}onSplitPaneChanged(t){const{target:e}=t;const i=this.el.closest("ion-split-pane");if(e!==i){return}this.isPaneVisible=t.detail.isPane(this.el);this.updateState()}onBackdropClick(t){if(this._isOpen&&this.lastOnEnd<t.timeStamp-100){const e=t.composedPath?!t.composedPath().includes(this.menuInnerEl):false;if(e){t.preventDefault();t.stopPropagation();this.close()}}}onKeydown(t){if(t.key==="Escape"){this.close()}}isOpen(){return Promise.resolve(this._isOpen)}isActive(){return Promise.resolve(this._isActive())}open(t=true){return this.setOpen(true,t)}close(t=true){return this.setOpen(false,t)}toggle(t=true){return this.setOpen(!this._isOpen,t)}setOpen(t,e=true){return m._setOpen(this,t,e)}focusFirstDescendant(){const{el:t}=this;const e=t.querySelector(j);if(e){e.focus()}else{t.focus()}}focusLastDescendant(){const{el:t}=this;const e=Array.from(t.querySelectorAll(j));const i=e.length>0?e[e.length-1]:null;if(i){i.focus()}else{t.focus()}}trapKeyboardFocus(t,e){const i=t.target;if(!i){return}if(this.el.contains(i)){this.lastFocus=i}else{this.focusFirstDescendant();if(this.lastFocus===e.activeElement){this.focusLastDescendant()}}}async _setOpen(t,e=true){if(!this._isActive()||this.isAnimating||t===this._isOpen){return false}this.beforeAnimation(t);await this.loadAnimation();await this.startAnimation(t,e);if(this.operationCancelled){this.operationCancelled=false;return false}this.afterAnimation(t);return true}async loadAnimation(){const t=this.menuInnerEl.offsetWidth;const e=h(this.side);if(t===this.width&&this.animation!==undefined&&e===this.isEndSide){return}this.width=t;this.isEndSide=e;if(this.animation){this.animation.destroy();this.animation=undefined}const i=this.animation=await m._createAnimation(this.type,this);if(!f.getBoolean("animated",true)){i.duration(0)}i.fill("both")}async startAnimation(t,e){const i=!t;const n=p(this);const s=n==="ios"?y:v;const o=n==="ios"?k:C;const r=this.animation.direction(i?"reverse":"normal").easing(i?o:s);if(e){await r.play()}else{r.play({sync:true})}if(r.getDirection()==="reverse"){r.direction("normal")}}_isActive(){return!this.disabled&&!this.isPaneVisible}canSwipe(){return this.swipeGesture&&!this.isAnimating&&this._isActive()}canStart(t){const e=!!document.querySelector("ion-modal.show-modal");if(e||!this.canSwipe()){return false}if(this._isOpen){return true}else if(m._getOpenSync()){return false}return S(window,t.currentX,this.isEndSide,this.maxEdgeStart)}onWillStart(){this.beforeAnimation(!this._isOpen);return this.loadAnimation()}onStart(){if(!this.isAnimating||!this.animation){d(false,"isAnimating has to be true");return}this.animation.progressStart(true,this._isOpen?1:0)}onMove(t){if(!this.isAnimating||!this.animation){d(false,"isAnimating has to be true");return}const e=A(t.deltaX,this._isOpen,this.isEndSide);const i=e/this.width;this.animation.progressStep(this._isOpen?1-i:i)}onEnd(t){if(!this.isAnimating||!this.animation){d(false,"isAnimating has to be true");return}const e=this._isOpen;const i=this.isEndSide;const n=A(t.deltaX,e,i);const s=this.width;const r=n/s;const a=t.velocityX;const h=s/2;const u=a>=0&&(a>.2||t.deltaX>h);const m=a<=0&&(a<-.2||t.deltaX<-h);const c=e?i?u:m:i?m:u;let f=!e&&c;if(e&&!c){f=true}this.lastOnEnd=t.currentTime;let p=c?.001:-.001;const b=r<0?.01:r;p+=o([0,0],[.4,0],[.6,1],[1,1],l(0,b,.9999))[0]||0;const g=this._isOpen?!c:c;this.animation.easing("cubic-bezier(0.4, 0.0, 0.6, 1)").onFinish((()=>this.afterAnimation(f)),{oneTimeCallback:true}).progressEnd(g?1:0,this._isOpen?1-p:p,300)}beforeAnimation(t){d(!this.isAnimating,"_before() should not be called while animating");this.el.classList.add(D);this.el.setAttribute("tabindex","0");if(this.backdropEl){this.backdropEl.classList.add(E)}if(this.contentEl){this.contentEl.classList.add(M);this.contentEl.setAttribute("aria-hidden","true")}this.blocker.block();this.isAnimating=true;if(t){this.ionWillOpen.emit()}else{this.ionWillClose.emit()}}afterAnimation(t){var e;this._isOpen=t;this.isAnimating=false;if(!this._isOpen){this.blocker.unblock()}if(t){this.ionDidOpen.emit();const t=(e=document.activeElement)===null||e===void 0?void 0:e.closest("ion-menu");if(t!==this.el){this.el.focus()}document.addEventListener("focus",this.handleFocus,true)}else{this.el.classList.remove(D);this.el.removeAttribute("tabindex");if(this.contentEl){this.contentEl.classList.remove(M);this.contentEl.removeAttribute("aria-hidden")}if(this.backdropEl){this.backdropEl.classList.remove(E)}if(this.animation){this.animation.stop()}this.ionDidClose.emit();document.removeEventListener("focus",this.handleFocus,true)}}updateState(){const t=this._isActive();if(this.gesture){this.gesture.enable(t&&this.swipeGesture)}if(!t){if(this.isAnimating){this.operationCancelled=true}this.afterAnimation(false)}}render(){const{type:t,disabled:e,isPaneVisible:s,inheritedAttributes:o,side:r}=this;const h=p(this);return i(n,{key:"7443f67fbe5122052025bab862136044fc942401",onKeyDown:a()?null:this.onKeydown,role:"navigation","aria-label":o["aria-label"]||"menu",class:{[h]:true,[`menu-type-${t}`]:true,"menu-enabled":!e,[`menu-side-${r}`]:true,"menu-pane-visible":s}},i("div",{key:"45c7d37ace20f663a4bea89cb38bbc798f88dfbd",class:"menu-inner",part:"container",ref:t=>this.menuInnerEl=t},i("slot",{key:"975437a5d4029cc200b6dbc2d47a16b4318c00aa"})),i("ion-backdrop",{key:"acc8a1f5dc1b1e2a34757bf797e794017f545bdc",ref:t=>this.backdropEl=t,class:"menu-backdrop",tappable:false,stopPropagation:false,part:"backdrop"}))}get el(){return s(this)}static get watchers(){return{type:["typeChanged"],disabled:["disabledChanged"],side:["sideChanged"],swipeGesture:["swipeGestureChanged"]}}};const A=(t,e,i)=>Math.max(0,e!==i?-t:t);const S=(t,e,i,n)=>{if(i){return e>=t.innerWidth-n}else{return e<=n}};const D="show-menu";const E="show-backdrop";const M="menu-content-open";z.style={ios:g,md:w};export{z as ion_menu};
+//# sourceMappingURL=p-fd84af22.entry.js.map

package/dist/elements/{p-a08f0446.entry.js → p-ff684bff.entry.js} RENAMED Viewed

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