@amwaljs/checkout-button 0.3.2 → 0.3.3

package/dist/components/p-cebc113f.js

@@ -36,3 +36,5 @@ function defineCustomElement() {
 }
 
 export { Text as T, defineCustomElement as d };
+
+//# sourceMappingURL=p-cebc113f.js.map

package/dist/components/p-cebc113f.js.map

@@ -0,0 +1 @@
+{"file":"p-cebc113f.js","mappings":";;;;AAAA,MAAM,OAAO,GAAG,gDAAgD;;MCSnD,IAAI;EACb;;;;IACI,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;GAC1B;EACD,MAAM;IACF,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;QACjG,CAAC,IAAI,GAAG,IAAI;OACf,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE;GAC9E;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./node_modules/@ionic/core/dist/collection/components/text/text.css?tag=ion-text&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/text/text.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(.ion-color) {\n  color: var(--ion-color-base);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { createColorClasses } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class Text {\n    constructor() {\n        this.color = undefined;\n    }\n    render() {\n        const mode = getIonMode(this);\n        return (h(Host, { key: '4330b56cbc4e15953d9b3162fb40af728a8195dd', class: createColorClasses(this.color, {\n                [mode]: true,\n            }) }, h(\"slot\", { key: 'ec674a71d8fbb04d537fd79d617d9db4a607c340' })));\n    }\n    static get is() { return \"ion-text\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"text.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"text.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        };\n    }\n}\n"],"version":3}

package/dist/components/p-d25fd077.js

@@ -329,3 +329,5 @@ function defineCustomElement() {
 }
 
 export { Item as I, defineCustomElement as d };
+
+//# sourceMappingURL=p-d25fd077.js.map

package/dist/components/p-d25fd077.js.map

@@ -0,0 +1 @@
+{"file":"p-d25fd077.js","mappings":"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","names":[],"sources":["./node_modules/@ionic/core/dist/collection/components/item/item.ios.css?tag=ion-item&mode=ios&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/item/item.md.css?tag=ion-item&mode=md&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/item/item.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 item\n   * @prop --background-activated: Background of the item when pressed. Note: setting this will interfere with the Material Design ripple.\n   * @prop --background-activated-opacity: Opacity of the item background when pressed\n   * @prop --background-focused: Background of the item when focused with the tab key\n   * @prop --background-focused-opacity: Opacity of the item background when focused with the tab key\n   * @prop --background-hover: Background of the item on hover\n   * @prop --background-hover-opacity: Opacity of the background of the item on hover\n   *\n   * @prop --border-color: Color of the item border\n   * @prop --border-radius: Radius of the item border\n   * @prop --border-style: Style of the item border\n   * @prop --border-width: Width of the item border\n   *\n   * @prop --color: Color of the item\n   * @prop --color-activated: Color of the item when pressed\n   * @prop --color-focused: Color of the item when focused with the tab key\n   * @prop --color-hover: Color of the item on hover\n   *\n   * @prop --detail-icon-color: Color of the item detail icon\n   * @prop --detail-icon-opacity: Opacity of the item detail icon\n   * @prop --detail-icon-font-size: Font size of the item detail icon\n   *\n   * @prop --inner-border-width: Width of the item inner border\n   * @prop --inner-box-shadow: Box shadow of the item inner\n   * @prop --inner-padding-top: Top padding of the item inner\n   * @prop --inner-padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item inner\n   * @prop --inner-padding-bottom: Bottom padding of the item inner\n   * @prop --inner-padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item inner\n   *\n   * @prop --min-height: Minimum height of the item\n   *\n   * @prop --padding-bottom: Bottom padding of the item\n   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item\n   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item\n   * @prop --padding-top: Top padding of the item\n   *\n   * @prop --transition: Transition of the item\n   *\n   * @prop --ripple-color: Color of the item ripple effect\n   *\n   * @prop --highlight-height: The height of the highlight on the item. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.\n   * @prop --highlight-color-focused: The color of the highlight on the item when focused. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.\n   * @prop --highlight-color-valid: The color of the highlight on the item when valid. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.\n   * @prop --highlight-color-invalid: The color of the highlight on the item when invalid. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.\n   */\n  --border-radius: 0px;\n  --border-width: 0px;\n  --border-style: solid;\n  --padding-top: 0px;\n  --padding-bottom: 0px;\n  --padding-end: 0px;\n  --padding-start: 0px;\n  --inner-border-width: 0px;\n  --inner-padding-top: 0px;\n  --inner-padding-bottom: 0px;\n  --inner-padding-start: 0px;\n  --inner-padding-end: 0px;\n  --inner-box-shadow: none;\n  --show-full-highlight: 0;\n  --show-inset-highlight: 0;\n  --detail-icon-color: initial;\n  --detail-icon-font-size: 1.25em;\n  --detail-icon-opacity: 0.25;\n  --color-activated: var(--color);\n  --color-focused: var(--color);\n  --color-hover: var(--color);\n  --ripple-color: currentColor;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: block;\n  position: relative;\n  align-items: center;\n  justify-content: space-between;\n  outline: none;\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  text-align: initial;\n  text-decoration: none;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native,\n:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-inner {\n  border-color: var(--ion-color-shade);\n}\n\n:host(.ion-activated) .item-native {\n  color: var(--color-activated);\n}\n:host(.ion-activated) .item-native::after {\n  background: var(--background-activated);\n  opacity: var(--background-activated-opacity);\n}\n\n:host(.ion-color.ion-activated) .item-native {\n  color: var(--ion-color-contrast);\n}\n\n:host(.ion-focused) .item-native {\n  color: var(--color-focused);\n}\n:host(.ion-focused) .item-native::after {\n  background: var(--background-focused);\n  opacity: var(--background-focused-opacity);\n}\n\n:host(.ion-color.ion-focused) .item-native {\n  color: var(--ion-color-contrast);\n}\n:host(.ion-color.ion-focused) .item-native::after {\n  background: var(--ion-color-contrast);\n}\n\n@media (any-hover: hover) {\n  :host(.ion-activatable:not(.ion-focused):hover) .item-native {\n    color: var(--color-hover);\n  }\n  :host(.ion-activatable:not(.ion-focused):hover) .item-native::after {\n    background: var(--background-hover);\n    opacity: var(--background-hover-opacity);\n  }\n  :host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native {\n    color: var(--ion-color-contrast);\n  }\n  :host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after {\n    background: var(--ion-color-contrast);\n  }\n}\n:host(.item-has-interactive-control) {\n  cursor: pointer;\n}\n\n:host(.item-interactive-disabled:not(.item-multiple-inputs)) {\n  cursor: default;\n  pointer-events: none;\n}\n\n:host(.item-disabled) {\n  cursor: default;\n  opacity: 0.3;\n  pointer-events: none;\n}\n\n.item-native {\n  border-radius: var(--border-radius);\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\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  /* stylelint-disable */\n  padding-right: var(--padding-end);\n  padding-left: calc(var(--padding-start) + var(--ion-safe-area-left, 0px));\n  /* stylelint-enable */\n  display: flex;\n  position: relative;\n  align-items: inherit;\n  justify-content: inherit;\n  width: 100%;\n  min-height: var(--min-height);\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  overflow: inherit;\n  z-index: 1;\n  box-sizing: border-box;\n}\n:host-context([dir=rtl]) .item-native {\n  padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n  padding-left: var(--padding-end);\n}\n\n[dir=rtl] .item-native {\n  padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n  padding-left: var(--padding-end);\n}\n\n@supports selector(:dir(rtl)) {\n  .item-native:dir(rtl) {\n    padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n    padding-left: var(--padding-end);\n  }\n}\n\n.item-native::-moz-focus-inner {\n  border: 0;\n}\n\n.item-native::after {\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  position: absolute;\n  content: \"\";\n  opacity: 0;\n  transition: var(--transition);\n  z-index: -1;\n}\n\nbutton, a {\n  cursor: pointer;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n.item-inner {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  padding-top: var(--inner-padding-top);\n  padding-bottom: var(--inner-padding-bottom);\n  /* stylelint-disable */\n  padding-right: calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));\n  padding-left: var(--inner-padding-start);\n  /* stylelint-enable */\n  display: flex;\n  position: relative;\n  flex: 1;\n  flex-direction: inherit;\n  align-items: inherit;\n  align-self: stretch;\n  min-height: inherit;\n  border-width: var(--inner-border-width);\n  border-style: var(--border-style);\n  border-color: var(--border-color);\n  box-shadow: var(--inner-box-shadow);\n  overflow: inherit;\n  box-sizing: border-box;\n}\n:host-context([dir=rtl]) .item-inner {\n  padding-right: var(--inner-padding-start);\n  padding-left: calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end));\n}\n\n[dir=rtl] .item-inner {\n  padding-right: var(--inner-padding-start);\n  padding-left: calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end));\n}\n\n@supports selector(:dir(rtl)) {\n  .item-inner:dir(rtl) {\n    padding-right: var(--inner-padding-start);\n    padding-left: calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end));\n  }\n}\n\n.item-bottom {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  /* stylelint-disable */\n  padding-left: calc(var(--padding-start) + var(--ion-safe-area-left, 0px));\n  padding-right: calc(var(--inner-padding-end) + var(--ion-safe-area-right, 0px));\n  /* stylelint-enable */\n  display: flex;\n  justify-content: space-between;\n}\n:host-context([dir=rtl]) .item-bottom {\n  padding-left: calc(var(--inner-padding-end) + var(--ion-safe-area-left, 0px));\n  padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n}\n\n[dir=rtl] .item-bottom {\n  padding-left: calc(var(--inner-padding-end) + var(--ion-safe-area-left, 0px));\n  padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n}\n\n@supports selector(:dir(rtl)) {\n  .item-bottom:dir(rtl) {\n    padding-left: calc(var(--inner-padding-end) + var(--ion-safe-area-left, 0px));\n    padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n  }\n}\n\n.item-detail-icon {\n  /**\n   * IonItem applies its own end padding. However,\n   * all IonIcons have the same bounding box meaning\n   * there may be white space for narrow icons. As\n   * a result, the white space gives the appearance\n   * that there is too much end margin. We move the default\n   * chevron icon over to account for this extra whitespace.\n   */\n  -webkit-margin-start: calc(var(--inner-padding-end) / 2);\n  margin-inline-start: calc(var(--inner-padding-end) / 2);\n  -webkit-margin-end: -6px;\n  margin-inline-end: -6px;\n  color: var(--detail-icon-color);\n  font-size: var(--detail-icon-font-size);\n  opacity: var(--detail-icon-opacity);\n}\n\n::slotted(ion-icon) {\n  font-size: 1.6em;\n}\n\n::slotted(ion-button) {\n  --margin-top: 0;\n  --margin-bottom: 0;\n  --margin-start: 0;\n  --margin-end: 0;\n  z-index: 1;\n}\n\n::slotted(ion-label:not([slot=end])) {\n  flex: 1;\n  width: min-content;\n  /**\n   * We allow labels in the default\n   * slot to grow. However, we do not\n   * want them to grow indefinitely.\n   */\n  max-width: 100%;\n}\n\n:host(.item-input) {\n  align-items: center;\n}\n\n.input-wrapper {\n  display: flex;\n  flex: 1;\n  flex-direction: inherit;\n  align-items: inherit;\n  align-self: stretch;\n  text-overflow: ellipsis;\n  overflow: inherit;\n  box-sizing: border-box;\n}\n\n:host(.item-label-stacked),\n:host(.item-label-floating) {\n  align-items: start;\n}\n\n:host(.item-label-stacked) .input-wrapper,\n:host(.item-label-floating) .input-wrapper {\n  flex: 1;\n  flex-direction: column;\n}\n\n.item-highlight,\n.item-inner-highlight {\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  border-radius: inherit;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  transform: scaleX(0);\n  transition: transform 200ms, border-bottom-width 200ms;\n  z-index: 2;\n  box-sizing: border-box;\n  pointer-events: none;\n}\n\n:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus),\n:host(.item-interactive.ion-touched.ion-invalid) {\n  --full-highlight-height: calc(var(--highlight-height) * var(--show-full-highlight));\n  --inset-highlight-height: calc(var(--highlight-height) * var(--show-inset-highlight));\n}\n\n:host(.ion-focused) .item-highlight,\n:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight {\n  transform: scaleX(1);\n  border-style: var(--border-style);\n  border-color: var(--highlight-background);\n}\n\n:host(.ion-focused) .item-highlight,\n:host(.item-has-focus) .item-highlight {\n  border-width: var(--full-highlight-height);\n  opacity: var(--show-full-highlight);\n}\n\n:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-inner-highlight {\n  border-bottom-width: var(--inset-highlight-height);\n  opacity: var(--show-inset-highlight);\n}\n\n:host(.ion-focused.item-fill-solid) .item-highlight,\n:host(.item-has-focus.item-fill-solid) .item-highlight {\n  border-width: calc(var(--full-highlight-height) - 1px);\n}\n\n:host(.ion-focused) .item-inner-highlight,\n:host(.ion-focused:not(.item-fill-outline)) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight,\n:host(.item-has-focus:not(.item-fill-outline)) .item-highlight {\n  border-top: none;\n  border-right: none;\n  border-left: none;\n}\n\n:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus) {\n  --highlight-background: var(--highlight-color-focused);\n}\n\n:host(.item-interactive.ion-valid) {\n  --highlight-background: var(--highlight-color-valid);\n}\n\n:host(.item-interactive.ion-invalid) {\n  --highlight-background: var(--highlight-color-invalid);\n}\n\n:host(.item-interactive.ion-invalid) ::slotted([slot=helper]) {\n  display: none;\n}\n\n::slotted([slot=error]) {\n  display: none;\n  color: var(--highlight-color-invalid);\n}\n\n:host(.item-interactive.ion-invalid) ::slotted([slot=error]) {\n  display: block;\n}\n\n:host(:not(.item-label)) ::slotted(ion-select.legacy-select) {\n  --padding-start: 0;\n  max-width: none;\n}\n\n:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select) {\n  --padding-top: 8px;\n  --padding-bottom: 8px;\n  --padding-start: 0;\n  align-self: stretch;\n  width: 100%;\n  max-width: 100%;\n}\n\n:host(:not(.item-label)) ::slotted(ion-datetime) {\n  --padding-start: 0;\n}\n\n:host(.item-label-stacked) ::slotted(ion-datetime),\n:host(.item-label-floating) ::slotted(ion-datetime) {\n  --padding-start: 0;\n  width: 100%;\n}\n\n:host(.item-multiple-inputs) ::slotted(ion-checkbox),\n:host(.item-multiple-inputs) ::slotted(ion-datetime),\n:host(.item-multiple-inputs) ::slotted(ion-radio),\n:host(.item-multiple-inputs) ::slotted(ion-select.legacy-select) {\n  position: relative;\n}\n\n:host(.item-textarea) {\n  align-items: stretch;\n}\n\n::slotted(ion-reorder[slot]) {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\nion-ripple-effect {\n  color: var(--ripple-color);\n}\n\n:host(.item-fill-solid) ::slotted([slot=start]),\n:host(.item-fill-solid) ::slotted([slot=end]),\n:host(.item-fill-outline) ::slotted([slot=start]),\n:host(.item-fill-outline) ::slotted([slot=end]) {\n  align-self: center;\n}\n\n::slotted([slot=helper]),\n::slotted([slot=error]),\n.item-counter {\n  padding-top: 5px;\n  font-size: 0.75rem;\n  z-index: 1;\n}\n\n.item-counter {\n  -webkit-margin-start: auto;\n  margin-inline-start: auto;\n  color: var(--ion-color-step-550, #737373);\n  white-space: nowrap;\n  padding-inline-start: 16px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .item-highlight,\n  .item-inner-highlight {\n    transition: none;\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  --min-height: 44px;\n  --transition: background-color 200ms linear, opacity 200ms linear;\n  --padding-start: 16px;\n  --inner-padding-end: 16px;\n  --inner-border-width: 0px 0px 0.55px 0px;\n  --background: var(--ion-item-background, var(--ion-background-color, #fff));\n  /**\n   * The active/focus states need\n   * to be the opposite of the background color\n   * so there is enough contrast. The background\n   * defaults to var(--ion-background-color), so we\n   * default to var(--ion-text-color) which will give us\n   * the opposite color.\n   * i.e. if var(--ion-background-color) is #000\n   * then var(--ion-text-color) will be #fff.\n   */\n  --background-activated: var(--ion-text-color, #000);\n  --background-focused: var(--ion-text-color, #000);\n  --background-hover: currentColor;\n  --background-activated-opacity: .12;\n  --background-focused-opacity: .15;\n  --background-hover-opacity: .04;\n  --border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));\n  --color: var(--ion-item-color, var(--ion-text-color, #000));\n  --highlight-height: 0px;\n  --highlight-color-focused: var(--ion-color-primary, #3880ff);\n  --highlight-color-valid: var(--ion-color-success, #2dd36f);\n  --highlight-color-invalid: var(--ion-color-danger, #eb445a);\n  --bottom-padding-start: 0px;\n  font-size: 1rem;\n}\n\n:host(.ion-activated) {\n  --transition: none;\n}\n\n:host(.ion-color.ion-focused) .item-native::after {\n  background: #000;\n  opacity: 0.15;\n}\n\n:host(.ion-color.ion-activated) .item-native::after {\n  background: #000;\n  opacity: 0.12;\n}\n\n:host(.item-interactive) {\n  --show-full-highlight: 0;\n  --show-inset-highlight: 1;\n}\n\n:host(.item-lines-full) {\n  --border-width: 0px 0px 0.55px 0px;\n  --show-full-highlight: 1;\n  --show-inset-highlight: 0;\n}\n\n:host(.item-lines-inset) {\n  --inner-border-width: 0px 0px 0.55px 0px;\n  --show-full-highlight: 0;\n  --show-inset-highlight: 1;\n}\n\n:host(.item-lines-inset),\n:host(.item-lines-none) {\n  --border-width: 0px;\n  --show-full-highlight: 0;\n}\n\n:host(.item-lines-full),\n:host(.item-lines-none) {\n  --inner-border-width: 0px;\n  --show-inset-highlight: 0;\n}\n\n.item-highlight,\n.item-inner-highlight {\n  transition: none;\n}\n\n:host(.item-has-focus) .item-inner-highlight,\n:host(.item-has-focus) .item-highlight {\n  border-top: none;\n  border-right: none;\n  border-left: none;\n}\n\n::slotted([slot=start]) {\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 16px;\n  margin-inline-end: 16px;\n  margin-top: 2px;\n  margin-bottom: 2px;\n}\n\n::slotted(ion-icon[slot=start]),\n::slotted(ion-icon[slot=end]) {\n  margin-top: 7px;\n  margin-bottom: 7px;\n}\n\n::slotted(ion-toggle[slot=start]),\n::slotted(ion-toggle[slot=end]) {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n:host(.item-label-stacked) ::slotted([slot=end]),\n:host(.item-label-floating) ::slotted([slot=end]) {\n  margin-top: 7px;\n  margin-bottom: 7px;\n}\n\n::slotted(.button-small) {\n  --padding-top: 1px;\n  --padding-bottom: 1px;\n  --padding-start: .5em;\n  --padding-end: .5em;\n  min-height: 24px;\n  font-size: 0.8125rem;\n}\n\n::slotted(ion-avatar) {\n  width: 36px;\n  height: 36px;\n}\n\n::slotted(ion-thumbnail) {\n  --size: 56px;\n}\n\n::slotted(ion-avatar[slot=end]),\n::slotted(ion-thumbnail[slot=end]) {\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}\n\n:host(.item-radio) ::slotted(ion-label),\n:host(.item-toggle) ::slotted(ion-label) {\n  -webkit-margin-start: 0px;\n  margin-inline-start: 0px;\n}\n\n::slotted(ion-label) {\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 8px;\n  margin-inline-end: 8px;\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n:host(.item-label-floating),\n:host(.item-label-stacked) {\n  --min-height: 68px;\n}\n\n:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select) {\n  --padding-top: 8px;\n  --padding-bottom: 8px;\n  --padding-start: 0px;\n}\n\n:host(.item-label-fixed) ::slotted(ion-select.legacy-select),\n:host(.item-label-fixed) ::slotted(ion-datetime) {\n  --padding-start: 0;\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 item\n   * @prop --background-activated: Background of the item when pressed. Note: setting this will interfere with the Material Design ripple.\n   * @prop --background-activated-opacity: Opacity of the item background when pressed\n   * @prop --background-focused: Background of the item when focused with the tab key\n   * @prop --background-focused-opacity: Opacity of the item background when focused with the tab key\n   * @prop --background-hover: Background of the item on hover\n   * @prop --background-hover-opacity: Opacity of the background of the item on hover\n   *\n   * @prop --border-color: Color of the item border\n   * @prop --border-radius: Radius of the item border\n   * @prop --border-style: Style of the item border\n   * @prop --border-width: Width of the item border\n   *\n   * @prop --color: Color of the item\n   * @prop --color-activated: Color of the item when pressed\n   * @prop --color-focused: Color of the item when focused with the tab key\n   * @prop --color-hover: Color of the item on hover\n   *\n   * @prop --detail-icon-color: Color of the item detail icon\n   * @prop --detail-icon-opacity: Opacity of the item detail icon\n   * @prop --detail-icon-font-size: Font size of the item detail icon\n   *\n   * @prop --inner-border-width: Width of the item inner border\n   * @prop --inner-box-shadow: Box shadow of the item inner\n   * @prop --inner-padding-top: Top padding of the item inner\n   * @prop --inner-padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item inner\n   * @prop --inner-padding-bottom: Bottom padding of the item inner\n   * @prop --inner-padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item inner\n   *\n   * @prop --min-height: Minimum height of the item\n   *\n   * @prop --padding-bottom: Bottom padding of the item\n   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the item\n   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the item\n   * @prop --padding-top: Top padding of the item\n   *\n   * @prop --transition: Transition of the item\n   *\n   * @prop --ripple-color: Color of the item ripple effect\n   *\n   * @prop --highlight-height: The height of the highlight on the item. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.\n   * @prop --highlight-color-focused: The color of the highlight on the item when focused. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.\n   * @prop --highlight-color-valid: The color of the highlight on the item when valid. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.\n   * @prop --highlight-color-invalid: The color of the highlight on the item when invalid. Only applies to inputs and textareas using the legacy form syntax. DEPRECATED: Highlights can be styled on `ion-input` or `ion-textarea` when using the modern form syntax.\n   */\n  --border-radius: 0px;\n  --border-width: 0px;\n  --border-style: solid;\n  --padding-top: 0px;\n  --padding-bottom: 0px;\n  --padding-end: 0px;\n  --padding-start: 0px;\n  --inner-border-width: 0px;\n  --inner-padding-top: 0px;\n  --inner-padding-bottom: 0px;\n  --inner-padding-start: 0px;\n  --inner-padding-end: 0px;\n  --inner-box-shadow: none;\n  --show-full-highlight: 0;\n  --show-inset-highlight: 0;\n  --detail-icon-color: initial;\n  --detail-icon-font-size: 1.25em;\n  --detail-icon-opacity: 0.25;\n  --color-activated: var(--color);\n  --color-focused: var(--color);\n  --color-hover: var(--color);\n  --ripple-color: currentColor;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: block;\n  position: relative;\n  align-items: center;\n  justify-content: space-between;\n  outline: none;\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  text-align: initial;\n  text-decoration: none;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native,\n:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-inner {\n  border-color: var(--ion-color-shade);\n}\n\n:host(.ion-activated) .item-native {\n  color: var(--color-activated);\n}\n:host(.ion-activated) .item-native::after {\n  background: var(--background-activated);\n  opacity: var(--background-activated-opacity);\n}\n\n:host(.ion-color.ion-activated) .item-native {\n  color: var(--ion-color-contrast);\n}\n\n:host(.ion-focused) .item-native {\n  color: var(--color-focused);\n}\n:host(.ion-focused) .item-native::after {\n  background: var(--background-focused);\n  opacity: var(--background-focused-opacity);\n}\n\n:host(.ion-color.ion-focused) .item-native {\n  color: var(--ion-color-contrast);\n}\n:host(.ion-color.ion-focused) .item-native::after {\n  background: var(--ion-color-contrast);\n}\n\n@media (any-hover: hover) {\n  :host(.ion-activatable:not(.ion-focused):hover) .item-native {\n    color: var(--color-hover);\n  }\n  :host(.ion-activatable:not(.ion-focused):hover) .item-native::after {\n    background: var(--background-hover);\n    opacity: var(--background-hover-opacity);\n  }\n  :host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native {\n    color: var(--ion-color-contrast);\n  }\n  :host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after {\n    background: var(--ion-color-contrast);\n  }\n}\n:host(.item-has-interactive-control) {\n  cursor: pointer;\n}\n\n:host(.item-interactive-disabled:not(.item-multiple-inputs)) {\n  cursor: default;\n  pointer-events: none;\n}\n\n:host(.item-disabled) {\n  cursor: default;\n  opacity: 0.3;\n  pointer-events: none;\n}\n\n.item-native {\n  border-radius: var(--border-radius);\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\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  /* stylelint-disable */\n  padding-right: var(--padding-end);\n  padding-left: calc(var(--padding-start) + var(--ion-safe-area-left, 0px));\n  /* stylelint-enable */\n  display: flex;\n  position: relative;\n  align-items: inherit;\n  justify-content: inherit;\n  width: 100%;\n  min-height: var(--min-height);\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  overflow: inherit;\n  z-index: 1;\n  box-sizing: border-box;\n}\n:host-context([dir=rtl]) .item-native {\n  padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n  padding-left: var(--padding-end);\n}\n\n[dir=rtl] .item-native {\n  padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n  padding-left: var(--padding-end);\n}\n\n@supports selector(:dir(rtl)) {\n  .item-native:dir(rtl) {\n    padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n    padding-left: var(--padding-end);\n  }\n}\n\n.item-native::-moz-focus-inner {\n  border: 0;\n}\n\n.item-native::after {\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  position: absolute;\n  content: \"\";\n  opacity: 0;\n  transition: var(--transition);\n  z-index: -1;\n}\n\nbutton, a {\n  cursor: pointer;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n.item-inner {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  padding-top: var(--inner-padding-top);\n  padding-bottom: var(--inner-padding-bottom);\n  /* stylelint-disable */\n  padding-right: calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));\n  padding-left: var(--inner-padding-start);\n  /* stylelint-enable */\n  display: flex;\n  position: relative;\n  flex: 1;\n  flex-direction: inherit;\n  align-items: inherit;\n  align-self: stretch;\n  min-height: inherit;\n  border-width: var(--inner-border-width);\n  border-style: var(--border-style);\n  border-color: var(--border-color);\n  box-shadow: var(--inner-box-shadow);\n  overflow: inherit;\n  box-sizing: border-box;\n}\n:host-context([dir=rtl]) .item-inner {\n  padding-right: var(--inner-padding-start);\n  padding-left: calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end));\n}\n\n[dir=rtl] .item-inner {\n  padding-right: var(--inner-padding-start);\n  padding-left: calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end));\n}\n\n@supports selector(:dir(rtl)) {\n  .item-inner:dir(rtl) {\n    padding-right: var(--inner-padding-start);\n    padding-left: calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end));\n  }\n}\n\n.item-bottom {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  /* stylelint-disable */\n  padding-left: calc(var(--padding-start) + var(--ion-safe-area-left, 0px));\n  padding-right: calc(var(--inner-padding-end) + var(--ion-safe-area-right, 0px));\n  /* stylelint-enable */\n  display: flex;\n  justify-content: space-between;\n}\n:host-context([dir=rtl]) .item-bottom {\n  padding-left: calc(var(--inner-padding-end) + var(--ion-safe-area-left, 0px));\n  padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n}\n\n[dir=rtl] .item-bottom {\n  padding-left: calc(var(--inner-padding-end) + var(--ion-safe-area-left, 0px));\n  padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n}\n\n@supports selector(:dir(rtl)) {\n  .item-bottom:dir(rtl) {\n    padding-left: calc(var(--inner-padding-end) + var(--ion-safe-area-left, 0px));\n    padding-right: calc(var(--padding-start) + var(--ion-safe-area-right, 0px));\n  }\n}\n\n.item-detail-icon {\n  /**\n   * IonItem applies its own end padding. However,\n   * all IonIcons have the same bounding box meaning\n   * there may be white space for narrow icons. As\n   * a result, the white space gives the appearance\n   * that there is too much end margin. We move the default\n   * chevron icon over to account for this extra whitespace.\n   */\n  -webkit-margin-start: calc(var(--inner-padding-end) / 2);\n  margin-inline-start: calc(var(--inner-padding-end) / 2);\n  -webkit-margin-end: -6px;\n  margin-inline-end: -6px;\n  color: var(--detail-icon-color);\n  font-size: var(--detail-icon-font-size);\n  opacity: var(--detail-icon-opacity);\n}\n\n::slotted(ion-icon) {\n  font-size: 1.6em;\n}\n\n::slotted(ion-button) {\n  --margin-top: 0;\n  --margin-bottom: 0;\n  --margin-start: 0;\n  --margin-end: 0;\n  z-index: 1;\n}\n\n::slotted(ion-label:not([slot=end])) {\n  flex: 1;\n  width: min-content;\n  /**\n   * We allow labels in the default\n   * slot to grow. However, we do not\n   * want them to grow indefinitely.\n   */\n  max-width: 100%;\n}\n\n:host(.item-input) {\n  align-items: center;\n}\n\n.input-wrapper {\n  display: flex;\n  flex: 1;\n  flex-direction: inherit;\n  align-items: inherit;\n  align-self: stretch;\n  text-overflow: ellipsis;\n  overflow: inherit;\n  box-sizing: border-box;\n}\n\n:host(.item-label-stacked),\n:host(.item-label-floating) {\n  align-items: start;\n}\n\n:host(.item-label-stacked) .input-wrapper,\n:host(.item-label-floating) .input-wrapper {\n  flex: 1;\n  flex-direction: column;\n}\n\n.item-highlight,\n.item-inner-highlight {\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  border-radius: inherit;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  transform: scaleX(0);\n  transition: transform 200ms, border-bottom-width 200ms;\n  z-index: 2;\n  box-sizing: border-box;\n  pointer-events: none;\n}\n\n:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus),\n:host(.item-interactive.ion-touched.ion-invalid) {\n  --full-highlight-height: calc(var(--highlight-height) * var(--show-full-highlight));\n  --inset-highlight-height: calc(var(--highlight-height) * var(--show-inset-highlight));\n}\n\n:host(.ion-focused) .item-highlight,\n:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight {\n  transform: scaleX(1);\n  border-style: var(--border-style);\n  border-color: var(--highlight-background);\n}\n\n:host(.ion-focused) .item-highlight,\n:host(.item-has-focus) .item-highlight {\n  border-width: var(--full-highlight-height);\n  opacity: var(--show-full-highlight);\n}\n\n:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-inner-highlight {\n  border-bottom-width: var(--inset-highlight-height);\n  opacity: var(--show-inset-highlight);\n}\n\n:host(.ion-focused.item-fill-solid) .item-highlight,\n:host(.item-has-focus.item-fill-solid) .item-highlight {\n  border-width: calc(var(--full-highlight-height) - 1px);\n}\n\n:host(.ion-focused) .item-inner-highlight,\n:host(.ion-focused:not(.item-fill-outline)) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight,\n:host(.item-has-focus:not(.item-fill-outline)) .item-highlight {\n  border-top: none;\n  border-right: none;\n  border-left: none;\n}\n\n:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus) {\n  --highlight-background: var(--highlight-color-focused);\n}\n\n:host(.item-interactive.ion-valid) {\n  --highlight-background: var(--highlight-color-valid);\n}\n\n:host(.item-interactive.ion-invalid) {\n  --highlight-background: var(--highlight-color-invalid);\n}\n\n:host(.item-interactive.ion-invalid) ::slotted([slot=helper]) {\n  display: none;\n}\n\n::slotted([slot=error]) {\n  display: none;\n  color: var(--highlight-color-invalid);\n}\n\n:host(.item-interactive.ion-invalid) ::slotted([slot=error]) {\n  display: block;\n}\n\n:host(:not(.item-label)) ::slotted(ion-select.legacy-select) {\n  --padding-start: 0;\n  max-width: none;\n}\n\n:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select) {\n  --padding-top: 8px;\n  --padding-bottom: 8px;\n  --padding-start: 0;\n  align-self: stretch;\n  width: 100%;\n  max-width: 100%;\n}\n\n:host(:not(.item-label)) ::slotted(ion-datetime) {\n  --padding-start: 0;\n}\n\n:host(.item-label-stacked) ::slotted(ion-datetime),\n:host(.item-label-floating) ::slotted(ion-datetime) {\n  --padding-start: 0;\n  width: 100%;\n}\n\n:host(.item-multiple-inputs) ::slotted(ion-checkbox),\n:host(.item-multiple-inputs) ::slotted(ion-datetime),\n:host(.item-multiple-inputs) ::slotted(ion-radio),\n:host(.item-multiple-inputs) ::slotted(ion-select.legacy-select) {\n  position: relative;\n}\n\n:host(.item-textarea) {\n  align-items: stretch;\n}\n\n::slotted(ion-reorder[slot]) {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\nion-ripple-effect {\n  color: var(--ripple-color);\n}\n\n:host(.item-fill-solid) ::slotted([slot=start]),\n:host(.item-fill-solid) ::slotted([slot=end]),\n:host(.item-fill-outline) ::slotted([slot=start]),\n:host(.item-fill-outline) ::slotted([slot=end]) {\n  align-self: center;\n}\n\n::slotted([slot=helper]),\n::slotted([slot=error]),\n.item-counter {\n  padding-top: 5px;\n  font-size: 0.75rem;\n  z-index: 1;\n}\n\n.item-counter {\n  -webkit-margin-start: auto;\n  margin-inline-start: auto;\n  color: var(--ion-color-step-550, #737373);\n  white-space: nowrap;\n  padding-inline-start: 16px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .item-highlight,\n  .item-inner-highlight {\n    transition: none;\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/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n *   :host {\n *     background-color: green;\n *   }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n *   :host {\n *     background-color: blue;\n *   }\n * }\n */\n:host {\n  --min-height: 48px;\n  --background: var(--ion-item-background, var(--ion-background-color, #fff));\n  --background-activated: transparent;\n  --background-focused: currentColor;\n  --background-hover: currentColor;\n  --background-activated-opacity: 0;\n  --background-focused-opacity: .12;\n  --background-hover-opacity: .04;\n  --border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));\n  --color: var(--ion-item-color, var(--ion-text-color, #000));\n  --transition: opacity 15ms linear, background-color 15ms linear;\n  --padding-start: 16px;\n  --inner-padding-end: 16px;\n  --inner-border-width: 0 0 1px 0;\n  --highlight-height: 1px;\n  --highlight-color-focused: var(--ion-color-primary, #3880ff);\n  --highlight-color-valid: var(--ion-color-success, #2dd36f);\n  --highlight-color-invalid: var(--ion-color-danger, #eb445a);\n  font-size: 1rem;\n  font-weight: normal;\n  text-transform: none;\n}\n\n:host(.item-fill-outline) {\n  --highlight-height: 2px;\n}\n\n:host(.item-fill-none.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-none.item-interactive.item-has-focus) .item-highlight,\n:host(.item-fill-none.item-interactive.ion-touched.ion-invalid) .item-highlight {\n  transform: scaleX(1);\n  border-width: 0 0 var(--full-highlight-height) 0;\n  border-style: var(--border-style);\n  border-color: var(--highlight-background);\n}\n\n:host(.item-fill-none.item-interactive.ion-focus) .item-native,\n:host(.item-fill-none.item-interactive.item-has-focus) .item-native,\n:host(.item-fill-none.item-interactive.ion-touched.ion-invalid) .item-native {\n  border-bottom-color: var(--highlight-background);\n}\n\n:host(.item-fill-outline.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-outline.item-interactive.item-has-focus) .item-highlight {\n  transform: scaleX(1);\n}\n\n:host(.item-fill-outline.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-outline.item-interactive.item-has-focus) .item-highlight,\n:host(.item-fill-outline.item-interactive.ion-touched.ion-invalid) .item-highlight {\n  border-width: var(--full-highlight-height);\n  border-style: var(--border-style);\n  border-color: var(--highlight-background);\n}\n\n:host(.item-fill-outline.item-interactive.ion-touched.ion-invalid) .item-native {\n  border-color: var(--highlight-background);\n}\n\n:host(.item-fill-solid.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-solid.item-interactive.item-has-focus) .item-highlight,\n:host(.item-fill-solid.item-interactive.ion-touched.ion-invalid) .item-highlight {\n  transform: scaleX(1);\n  border-width: 0 0 var(--full-highlight-height) 0;\n  border-style: var(--border-style);\n  border-color: var(--highlight-background);\n}\n\n:host(.item-fill-solid.item-interactive.ion-focus) .item-native,\n:host(.item-fill-solid.item-interactive.item-has-focus) .item-native,\n:host(.item-fill-solid.item-interactive.ion-touched.ion-invalid) .item-native {\n  border-bottom-color: var(--highlight-background);\n}\n\n:host(.ion-color.ion-activated) .item-native::after {\n  background: transparent;\n}\n\n:host(.item-has-focus) .item-native {\n  caret-color: var(--highlight-background);\n}\n\n:host(.item-interactive) {\n  --border-width: 0 0 1px 0;\n  --inner-border-width: 0;\n  --show-full-highlight: 1;\n  --show-inset-highlight: 0;\n}\n\n:host(.item-lines-full) {\n  --border-width: 0 0 1px 0;\n  --show-full-highlight: 1;\n  --show-inset-highlight: 0;\n}\n\n:host(.item-lines-inset) {\n  --inner-border-width: 0 0 1px 0;\n  --show-full-highlight: 0;\n  --show-inset-highlight: 1;\n}\n\n:host(.item-lines-inset),\n:host(.item-lines-none) {\n  --border-width: 0;\n  --show-full-highlight: 0;\n}\n\n:host(.item-lines-full),\n:host(.item-lines-none) {\n  --inner-border-width: 0;\n  --show-inset-highlight: 0;\n}\n\n/**\n * When `fill=\"outline\"`, reposition the highlight element to cover everything but the `.item-bottom`\n */\n:host(.item-fill-outline) .item-highlight {\n  --position-offset: calc(-1 * var(--border-width));\n  top: var(--position-offset);\n  width: calc(100% + 2 * var(--border-width));\n  height: calc(100% + 2 * var(--border-width));\n  transition: none;\n}\n@supports (inset-inline-start: 0) {\n  :host(.item-fill-outline) .item-highlight {\n    inset-inline-start: var(--position-offset);\n  }\n}\n@supports not (inset-inline-start: 0) {\n  :host(.item-fill-outline) .item-highlight {\n    left: var(--position-offset);\n  }\n  :host-context([dir=rtl]):host(.item-fill-outline) .item-highlight, :host-context([dir=rtl]).item-fill-outline .item-highlight {\n    left: unset;\n    right: unset;\n    right: var(--position-offset);\n  }\n  @supports selector(:dir(rtl)) {\n    :host(.item-fill-outline:dir(rtl)) .item-highlight {\n      left: unset;\n      right: unset;\n      right: var(--position-offset);\n    }\n  }\n}\n\n:host(.item-fill-outline.ion-focused) .item-native,\n:host(.item-fill-outline.item-has-focus) .item-native {\n  border-color: transparent;\n}\n\n:host(.item-multi-line) ::slotted([slot=start]),\n:host(.item-multi-line) ::slotted([slot=end]) {\n  margin-top: 16px;\n  margin-bottom: 16px;\n  align-self: flex-start;\n}\n\n::slotted([slot=start]) {\n  -webkit-margin-end: 32px;\n  margin-inline-end: 32px;\n}\n\n::slotted([slot=end]) {\n  -webkit-margin-start: 32px;\n  margin-inline-start: 32px;\n}\n\n:host(.item-fill-solid) ::slotted([slot=start]),\n:host(.item-fill-solid) ::slotted([slot=end]),\n:host(.item-fill-outline) ::slotted([slot=start]),\n:host(.item-fill-outline) ::slotted([slot=end]) {\n  align-self: center;\n}\n\n::slotted(ion-icon) {\n  color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);\n  font-size: 1.5em;\n}\n\n:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) ::slotted(ion-icon) {\n  color: var(--ion-color-contrast);\n}\n\n::slotted(ion-icon[slot]) {\n  margin-top: 12px;\n  margin-bottom: 12px;\n}\n\n::slotted(ion-icon[slot=start]) {\n  -webkit-margin-end: 32px;\n  margin-inline-end: 32px;\n}\n\n::slotted(ion-icon[slot=end]) {\n  -webkit-margin-start: 16px;\n  margin-inline-start: 16px;\n}\n\n:host(.item-fill-solid) ::slotted(ion-icon[slot=start]),\n:host(.item-fill-outline) ::slotted(ion-icon[slot=start]) {\n  -webkit-margin-end: 8px;\n  margin-inline-end: 8px;\n}\n\n::slotted(ion-toggle[slot=start]),\n::slotted(ion-toggle[slot=end]) {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n::slotted(ion-note) {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  align-self: flex-start;\n  font-size: 0.6875rem;\n}\n\n::slotted(ion-note[slot]:not([slot=helper]):not([slot=error])) {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 18px;\n  padding-bottom: 10px;\n}\n\n::slotted(ion-note[slot=start]) {\n  -webkit-padding-end: 16px;\n  padding-inline-end: 16px;\n}\n\n::slotted(ion-note[slot=end]) {\n  -webkit-padding-start: 16px;\n  padding-inline-start: 16px;\n}\n\n::slotted(ion-avatar) {\n  width: 40px;\n  height: 40px;\n}\n\n::slotted(ion-thumbnail) {\n  --size: 56px;\n}\n\n::slotted(ion-avatar),\n::slotted(ion-thumbnail) {\n  margin-top: 8px;\n  margin-bottom: 8px;\n}\n\n::slotted(ion-avatar[slot=start]),\n::slotted(ion-thumbnail[slot=start]) {\n  -webkit-margin-end: 16px;\n  margin-inline-end: 16px;\n}\n\n::slotted(ion-avatar[slot=end]),\n::slotted(ion-thumbnail[slot=end]) {\n  -webkit-margin-start: 16px;\n  margin-inline-start: 16px;\n}\n\n::slotted(ion-label) {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 10px;\n  margin-bottom: 10px;\n}\n\n:host(.item-label-stacked) ::slotted([slot=end]),\n:host(.item-label-floating) ::slotted([slot=end]) {\n  margin-top: 7px;\n  margin-bottom: 7px;\n}\n\n:host(.item-label-fixed) ::slotted(ion-select.legacy-select),\n:host(.item-label-fixed) ::slotted(ion-datetime) {\n  --padding-start: 8px;\n}\n\n:host(.item-toggle) ::slotted(ion-label),\n:host(.item-radio) ::slotted(ion-label) {\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n}\n\n::slotted(.button-small) {\n  --padding-top: 2px;\n  --padding-bottom: 2px;\n  --padding-start: .6em;\n  --padding-end: .6em;\n  min-height: 25px;\n  font-size: 0.75rem;\n}\n\n:host(.item-label-floating),\n:host(.item-label-stacked) {\n  --min-height: 55px;\n}\n\n:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select) {\n  --padding-top: 8px;\n  --padding-bottom: 8px;\n  --padding-start: 0;\n}\n\n:host(.ion-focused:not(.ion-color)) ::slotted(.label-stacked),\n:host(.ion-focused:not(.ion-color)) ::slotted(.label-floating),\n:host(.item-has-focus:not(.ion-color)) ::slotted(.label-stacked),\n:host(.item-has-focus:not(.ion-color)) ::slotted(.label-floating) {\n  color: var(--ion-color-primary, #3880ff);\n}\n\n:host(.ion-color) {\n  --highlight-color-focused: var(--ion-color-contrast);\n}\n\n:host(.item-label-color) {\n  --highlight-color-focused: var(--ion-color-base);\n}\n\n:host(.item-fill-solid.ion-color),\n:host(.item-fill-outline.ion-color) {\n  --highlight-color-focused: var(--ion-color-base);\n}\n\n:host(.item-fill-solid) {\n  --background: var(--ion-color-step-50, #f2f2f2);\n  --background-hover: var(--ion-color-step-100, #e6e6e6);\n  --background-focused: var(--ion-color-step-150, #d9d9d9);\n  --border-width: 0 0 1px 0;\n  --inner-border-width: 0;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n:host-context([dir=rtl]):host(.item-fill-solid), :host-context([dir=rtl]).item-fill-solid {\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n@supports selector(:dir(rtl)) {\n  :host(.item-fill-solid:dir(rtl)) {\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n\n:host(.item-fill-solid) .item-native {\n  --border-color: var(--ion-color-step-500, gray);\n}\n\n:host(.item-fill-solid.ion-focused) .item-native,\n:host(.item-fill-solid.item-has-focus) .item-native {\n  --background: var(--background-focused);\n}\n\n:host(.item-fill-solid.item-shape-round) {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n:host-context([dir=rtl]):host(.item-fill-solid.item-shape-round), :host-context([dir=rtl]).item-fill-solid.item-shape-round {\n  border-top-left-radius: 16px;\n  border-top-right-radius: 16px;\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n@supports selector(:dir(rtl)) {\n  :host(.item-fill-solid.item-shape-round:dir(rtl)) {\n    border-top-left-radius: 16px;\n    border-top-right-radius: 16px;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n}\n\n@media (any-hover: hover) {\n  :host(.item-fill-solid:hover) .item-native {\n    --background: var(--background-hover);\n    --border-color: var(--ion-color-step-750, #404040);\n  }\n}\n:host(.item-fill-outline) {\n  --ripple-color: transparent;\n  --background-focused: transparent;\n  --background-hover: transparent;\n  --border-color: var(--ion-color-step-500, gray);\n  --border-width: 1px;\n  border: none;\n  overflow: visible;\n}\n\n:host(.item-fill-outline) .item-native {\n  --native-padding-left: 16px;\n  border-radius: 4px;\n}\n\n:host(.item-fill-outline.item-shape-round) .item-native {\n  --inner-padding-start: 16px;\n  border-radius: 28px;\n}\n\n:host(.item-fill-outline.item-shape-round) .item-bottom {\n  -webkit-padding-start: 32px;\n  padding-inline-start: 32px;\n}\n\n:host(.item-fill-outline.item-label-floating.ion-focused) .item-native ::slotted(ion-input:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.ion-focused) .item-native ::slotted(ion-textarea:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-focus) .item-native ::slotted(ion-input:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-focus) .item-native ::slotted(ion-textarea:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-value) .item-native ::slotted(ion-input:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-value) .item-native ::slotted(ion-textarea:not(:first-child)) {\n  transform: translateY(-14px);\n}\n\n@media (any-hover: hover) {\n  :host(.item-fill-outline:hover) .item-native {\n    --border-color: var(--ion-color-step-750, #404040);\n  }\n}\n.item-counter {\n  letter-spacing: 0.0333333333em;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, forceUpdate, h } from \"@stencil/core\";\nimport { inheritAttributes, raf } from \"../../utils/helpers\";\nimport { printIonError, printIonWarning } from \"../../utils/logging/index\";\nimport { createColorClasses, hostContext, openURL } from \"../../utils/theme\";\nimport { chevronForward } 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 * @slot - Content is placed between the named slots if provided without a slot.\n * @slot start - Content is placed to the left of the item text in LTR, and to the right in RTL.\n * @slot end - Content is placed to the right of the item text in LTR, and to the left in RTL.\n * @slot helper - Content is placed under the item and displayed when no error is detected. **DEPRECATED** Use the \"helperText\" property on ion-input or ion-textarea instead.\n * @slot error - Content is placed under the item and displayed when an error is detected. **DEPRECATED** Use the \"errorText\" property on ion-input or ion-textarea instead.\n *\n * @part native - The native HTML button, anchor or div element that wraps all child elements.\n * @part detail-icon - The chevron icon for the item. Only applies when `detail=\"true\"`.\n */\nexport class Item {\n    constructor() {\n        this.labelColorStyles = {};\n        this.itemStyles = new Map();\n        this.inheritedAriaAttributes = {};\n        this.multipleInputs = false;\n        this.focusable = true;\n        this.color = undefined;\n        this.button = false;\n        this.detail = undefined;\n        this.detailIcon = chevronForward;\n        this.disabled = false;\n        this.download = undefined;\n        this.fill = undefined;\n        this.shape = undefined;\n        this.href = undefined;\n        this.rel = undefined;\n        this.lines = undefined;\n        this.counter = false;\n        this.routerAnimation = undefined;\n        this.routerDirection = 'forward';\n        this.target = undefined;\n        this.type = 'button';\n        this.counterFormatter = undefined;\n        this.counterString = undefined;\n    }\n    buttonChanged() {\n        // Update the focusable option when the button option is changed\n        this.focusable = this.isFocusable();\n    }\n    counterFormatterChanged() {\n        this.updateCounterOutput(this.getFirstInput());\n    }\n    handleIonInput(ev) {\n        if (this.counter && ev.target === this.getFirstInput()) {\n            this.updateCounterOutput(ev.target);\n        }\n    }\n    labelColorChanged(ev) {\n        const { color } = this;\n        // There will be a conflict with item color if\n        // we apply the label color to item, so we ignore\n        // the label color if the user sets a color on item\n        if (color === undefined) {\n            this.labelColorStyles = ev.detail;\n        }\n    }\n    itemStyle(ev) {\n        ev.stopPropagation();\n        const tagName = ev.target.tagName;\n        const updatedStyles = ev.detail;\n        const newStyles = {};\n        const childStyles = this.itemStyles.get(tagName) || {};\n        let hasStyleChange = false;\n        Object.keys(updatedStyles).forEach((key) => {\n            if (updatedStyles[key]) {\n                const itemKey = `item-${key}`;\n                if (!childStyles[itemKey]) {\n                    hasStyleChange = true;\n                }\n                newStyles[itemKey] = true;\n            }\n        });\n        if (!hasStyleChange && Object.keys(newStyles).length !== Object.keys(childStyles).length) {\n            hasStyleChange = true;\n        }\n        if (hasStyleChange) {\n            this.itemStyles.set(tagName, newStyles);\n            forceUpdate(this);\n        }\n    }\n    connectedCallback() {\n        if (this.counter) {\n            this.updateCounterOutput(this.getFirstInput());\n        }\n        this.hasStartEl();\n    }\n    componentWillLoad() {\n        this.inheritedAriaAttributes = inheritAttributes(this.el, ['aria-label']);\n    }\n    componentDidLoad() {\n        const { el, counter, counterFormatter, fill, shape } = this;\n        const hasHelperSlot = el.querySelector('[slot=\"helper\"]') !== null;\n        if (hasHelperSlot) {\n            printIonWarning('The \"helper\" slot has been deprecated in favor of using the \"helperText\" property on ion-input or ion-textarea.', el);\n        }\n        const hasErrorSlot = el.querySelector('[slot=\"error\"]') !== null;\n        if (hasErrorSlot) {\n            printIonWarning('The \"error\" slot has been deprecated in favor of using the \"errorText\" property on ion-input or ion-textarea.', el);\n        }\n        if (counter === true) {\n            printIonWarning('The \"counter\" property has been deprecated in favor of using the \"counter\" property on ion-input or ion-textarea.', el);\n        }\n        if (counterFormatter !== undefined) {\n            printIonWarning('The \"counterFormatter\" property has been deprecated in favor of using the \"counterFormatter\" property on ion-input or ion-textarea.', el);\n        }\n        if (fill !== undefined) {\n            printIonWarning('The \"fill\" property has been deprecated in favor of using the \"fill\" property on ion-input or ion-textarea.', el);\n        }\n        if (shape !== undefined) {\n            printIonWarning('The \"shape\" property has been deprecated in favor of using the \"shape\" property on ion-input or ion-textarea.', el);\n        }\n        raf(() => {\n            this.setMultipleInputs();\n            this.focusable = this.isFocusable();\n        });\n    }\n    // If the item contains multiple clickable elements and/or inputs, then the item\n    // should not have a clickable input cover over the entire item to prevent\n    // interfering with their individual click events\n    setMultipleInputs() {\n        // The following elements have a clickable cover that is relative to the entire item\n        const covers = this.el.querySelectorAll('ion-checkbox, ion-datetime, ion-select, ion-radio');\n        // The following elements can accept focus alongside the previous elements\n        // therefore if these elements are also a child of item, we don't want the\n        // input cover on top of those interfering with their clicks\n        const inputs = this.el.querySelectorAll('ion-input, ion-range, ion-searchbar, ion-segment, ion-textarea, ion-toggle');\n        // The following elements should also stay clickable when an input with cover is present\n        const clickables = this.el.querySelectorAll('ion-anchor, ion-button, a, button');\n        // Check for multiple inputs to change the position of the input cover to relative\n        // for all of the covered inputs above\n        this.multipleInputs =\n            covers.length + inputs.length > 1 ||\n                covers.length + clickables.length > 1 ||\n                (covers.length > 0 && this.isClickable());\n    }\n    // If the item contains an input including a checkbox, datetime, select, or radio\n    // then the item will have a clickable input cover that covers the item\n    // that should get the hover, focused and activated states UNLESS it has multiple\n    // inputs, then those need to individually get each click\n    hasCover() {\n        const inputs = this.el.querySelectorAll('ion-checkbox, ion-datetime, ion-select, ion-radio');\n        return inputs.length === 1 && !this.multipleInputs;\n    }\n    // If the item has an href or button property it will render a native\n    // anchor or button that is clickable\n    isClickable() {\n        return this.href !== undefined || this.button;\n    }\n    canActivate() {\n        return this.isClickable() || this.hasCover();\n    }\n    isFocusable() {\n        const focusableChild = this.el.querySelector('.ion-focusable');\n        return this.canActivate() || focusableChild !== null;\n    }\n    getFirstInput() {\n        const inputs = this.el.querySelectorAll('ion-input, ion-textarea');\n        return inputs[0];\n    }\n    updateCounterOutput(inputEl) {\n        var _a, _b;\n        const { counter, counterFormatter, defaultCounterFormatter } = this;\n        if (counter && !this.multipleInputs && (inputEl === null || inputEl === void 0 ? void 0 : inputEl.maxlength) !== undefined) {\n            const length = (_b = (_a = inputEl === null || inputEl === void 0 ? void 0 : inputEl.value) === null || _a === void 0 ? void 0 : _a.toString().length) !== null && _b !== void 0 ? _b : 0;\n            if (counterFormatter === undefined) {\n                this.counterString = defaultCounterFormatter(length, inputEl.maxlength);\n            }\n            else {\n                try {\n                    this.counterString = counterFormatter(length, inputEl.maxlength);\n                }\n                catch (e) {\n                    printIonError('Exception in provided `counterFormatter`.', e);\n                    // Fallback to the default counter formatter when an exception happens\n                    this.counterString = defaultCounterFormatter(length, inputEl.maxlength);\n                }\n            }\n        }\n    }\n    defaultCounterFormatter(length, maxlength) {\n        return `${length} / ${maxlength}`;\n    }\n    hasStartEl() {\n        const startEl = this.el.querySelector('[slot=\"start\"]');\n        if (startEl !== null) {\n            this.el.classList.add('item-has-start-slot');\n        }\n    }\n    getFirstInteractive() {\n        const controls = this.el.querySelectorAll('ion-toggle:not([disabled]), ion-checkbox:not([disabled]), ion-radio:not([disabled]), ion-select:not([disabled])');\n        return controls[0];\n    }\n    render() {\n        const { counterString, detail, detailIcon, download, fill, labelColorStyles, lines, disabled, href, rel, shape, target, routerAnimation, routerDirection, inheritedAriaAttributes, multipleInputs, } = this;\n        const childStyles = {};\n        const mode = getIonMode(this);\n        const clickable = this.isClickable();\n        const canActivate = this.canActivate();\n        const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div';\n        const attrs = TagType === 'button'\n            ? { type: this.type }\n            : {\n                download,\n                href,\n                rel,\n                target,\n            };\n        let clickFn = {};\n        const firstInteractive = this.getFirstInteractive();\n        // Only set onClick if the item is clickable to prevent screen\n        // readers from reading all items as clickable\n        if (clickable || (firstInteractive !== undefined && !multipleInputs)) {\n            clickFn = {\n                onClick: (ev) => {\n                    if (clickable) {\n                        openURL(href, ev, routerDirection, routerAnimation);\n                    }\n                    if (firstInteractive !== undefined && !multipleInputs) {\n                        const path = ev.composedPath();\n                        const target = path[0];\n                        if (ev.isTrusted) {\n                            /**\n                             * Dispatches a click event to the first interactive element,\n                             * when it is the result of a user clicking on the item.\n                             *\n                             * We check if the click target is in the shadow root,\n                             * which means the user clicked on the .item-native or\n                             * .item-inner padding.\n                             */\n                            const clickedWithinShadowRoot = this.el.shadowRoot.contains(target);\n                            if (clickedWithinShadowRoot) {\n                                firstInteractive.click();\n                            }\n                        }\n                    }\n                },\n            };\n        }\n        const showDetail = detail !== undefined ? detail : mode === 'ios' && clickable;\n        this.itemStyles.forEach((value) => {\n            Object.assign(childStyles, value);\n        });\n        const ariaDisabled = disabled || childStyles['item-interactive-disabled'] ? 'true' : null;\n        const fillValue = fill || 'none';\n        const inList = hostContext('ion-list', this.el) && !hostContext('ion-radio-group', this.el);\n        return (h(Host, { key: '077c9ab04985292f79c30691151d2778a26285fb', \"aria-disabled\": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), createColorClasses(this.color, {\n                item: true,\n                [mode]: true,\n                'item-lines-default': lines === undefined,\n                [`item-lines-${lines}`]: lines !== undefined,\n                [`item-fill-${fillValue}`]: true,\n                [`item-shape-${shape}`]: shape !== undefined,\n                'item-has-interactive-control': firstInteractive !== undefined,\n                'item-disabled': disabled,\n                'in-list': inList,\n                'item-multiple-inputs': this.multipleInputs,\n                'ion-activatable': canActivate,\n                'ion-focusable': this.focusable,\n                'item-rtl': document.dir === 'rtl',\n            })), role: inList ? 'listitem' : null }, h(TagType, Object.assign({ key: '08bb75c85d0584e9fb7f461e9e06b9b651ef3515' }, attrs, inheritedAriaAttributes, { class: \"item-native\", part: \"native\", disabled: disabled }, clickFn), h(\"slot\", { key: '3f742b07c4a58eadedf675be4878a3e00070750e', name: \"start\" }), h(\"div\", { key: '0160b8963434f3107856a2df2fb96f1abb4fdbfe', class: \"item-inner\" }, h(\"div\", { key: '9439b21474443341f06a651d7c44aef90bd4c591', class: \"input-wrapper\" }, h(\"slot\", { key: '8034e1337a6c950b7725bc9aa46d55de980827bf' })), h(\"slot\", { key: '690de6d3dd3a238ab7a2d3dfea69daa6647e5134', name: \"end\" }), showDetail && (h(\"ion-icon\", { key: '6f386abbde5897fca7aabc850645986e16315213', icon: detailIcon, lazy: false, class: \"item-detail-icon\", part: \"detail-icon\", \"aria-hidden\": \"true\", \"flip-rtl\": detailIcon === chevronForward })), h(\"div\", { key: '4bb8444a5097c032d79f2083f60429b9057e3a5c', class: \"item-inner-highlight\" })), canActivate && mode === 'md' && h(\"ion-ripple-effect\", { key: '31c319e2335efbb92d7dea110a66f347764f2b44' }), h(\"div\", { key: '0fc128b44582af7c8b542c9e346ef88e40fea148', class: \"item-highlight\" })), h(\"div\", { key: '7b84c0a74d148a7fa6af449b6bd06bb45530edf5', class: \"item-bottom\" }, h(\"slot\", { key: '97563a615efd81b21014c41a25989c71ba3ae2cd', name: \"error\" }), h(\"slot\", { key: 'd84a4bb21ed3f13af82f78104ffb06d2b079738e', name: \"helper\" }), counterString && h(\"ion-note\", { key: '34eaa7798c50d2f88afca0dcb1278df05a1800e6', class: \"item-counter\" }, counterString))));\n    }\n    static get is() { return \"ion-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"item.ios.scss\"],\n            \"md\": [\"item.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"item.ios.css\"],\n            \"md\": [\"item.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            \"button\": {\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`, a button tag will be rendered and the item will be tappable.\"\n                },\n                \"attribute\": \"button\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"detail\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, a detail arrow will appear on the item. Defaults to `false` unless the `mode`\\nis `ios` and an `href` or `button` property is present.\"\n                },\n                \"attribute\": \"detail\",\n                \"reflect\": false\n            },\n            \"detailIcon\": {\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 to use when `detail` is set to `true`.\"\n                },\n                \"attribute\": \"detail-icon\",\n                \"reflect\": false,\n                \"defaultValue\": \"chevronForward\"\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 item.\"\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            \"fill\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'outline' | 'solid'\",\n                    \"resolved\": \"\\\"outline\\\" | \\\"solid\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"deprecated\",\n                            \"text\": \"Use the `fill` property on `ion-input` or `ion-textarea` instead.\"\n                        }],\n                    \"text\": \"The fill for the item. If `\\\"solid\\\"` the item will have a background. If\\n`\\\"outline\\\"` the item will be transparent with a border. Only available in `md` mode.\"\n                },\n                \"attribute\": \"fill\",\n                \"reflect\": false\n            },\n            \"shape\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'round'\",\n                    \"resolved\": \"\\\"round\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The shape of the item. If \\\"round\\\" it will have increased\\nborder radius.\"\n                },\n                \"attribute\": \"shape\",\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            \"lines\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'full' | 'inset' | 'none'\",\n                    \"resolved\": \"\\\"full\\\" | \\\"inset\\\" | \\\"none\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How the bottom border should be displayed on the item.\"\n                },\n                \"attribute\": \"lines\",\n                \"reflect\": false\n            },\n            \"counter\": {\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                            \"name\": \"deprecated\",\n                            \"text\": \"Use the `counter` property on `ion-input` or `ion-textarea` instead.\"\n                        }],\n                    \"text\": \"If `true`, a character counter will display the ratio of characters used and the total character limit. Only applies when the `maxlength` property is set on the inner `ion-input` or `ion-textarea`.\"\n                },\n                \"attribute\": \"counter\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\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            \"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            \"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            \"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. Only used when an `onclick` or `button` property is present.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"'button'\"\n            },\n            \"counterFormatter\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CounterFormatter\",\n                    \"resolved\": \"((inputLength: number, maxLength: number) => string) | undefined\",\n                    \"references\": {\n                        \"CounterFormatter\": {\n                            \"location\": \"import\",\n                            \"path\": \"./item-interface\",\n                            \"id\": \"src/components/item/item-interface.ts::CounterFormatter\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"deprecated\",\n                            \"text\": \"Use the `counterFormatter` property on `ion-input` or `ion-textarea` instead.\"\n                        }],\n                    \"text\": \"A callback used to format the counter text.\\nBy default the counter text is set to \\\"itemLength / maxLength\\\".\"\n                }\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"multipleInputs\": {},\n            \"focusable\": {},\n            \"counterString\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"button\",\n                \"methodName\": \"buttonChanged\"\n            }, {\n                \"propName\": \"counterFormatter\",\n                \"methodName\": \"counterFormatterChanged\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"ionInput\",\n                \"method\": \"handleIonInput\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"ionColor\",\n                \"method\": \"labelColorChanged\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"ionStyle\",\n                \"method\": \"itemStyle\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n"],"version":3}

package/dist/components/p-d3596f64.js

@@ -10,3 +10,5 @@ const updateVisibility = async (menu) => {
 };
 
 export { updateVisibility as u };
+
+//# sourceMappingURL=p-d3596f64.js.map

package/dist/components/p-d3596f64.js.map

@@ -0,0 +1 @@
+{"file":"p-d3596f64.js","mappings":";;AAAA;AACA;AACA;AAEA;AACY,MAAC,gBAAgB,GAAG,OAAO,IAAI,KAAK;AAChD,IAAI,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAClD,IAAI,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;AACnD;;;;","names":[],"sources":["./node_modules/@ionic/core/dist/collection/components/menu-toggle/menu-toggle-util.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { menuController } from \"../../utils/menu-controller/index\";\n// Given a menu, return whether or not the menu toggle should be visible\nexport const updateVisibility = async (menu) => {\n    const menuEl = await menuController.get(menu);\n    return !!(menuEl && (await menuEl.isActive()));\n};\n"],"version":3}

package/dist/components/p-d5862637.js

@@ -16,3 +16,5 @@ const isRTL = (hostEl) => {
 };
 
 export { isRTL as i };
+
+//# sourceMappingURL=p-d5862637.js.map

package/dist/components/p-d5862637.js.map

@@ -0,0 +1 @@
+{"file":"p-d5862637.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACY,MAAC,KAAK,GAAG,CAAC,MAAM,KAAK;AACjC,IAAI,IAAI,MAAM,EAAE;AAChB,QAAQ,IAAI,MAAM,CAAC,GAAG,KAAK,EAAE,EAAE;AAC/B,YAAY,OAAO,MAAM,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC;AACtD,SAAS;AACT,KAAK;AACL,IAAI,OAAO,CAAC,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,WAAW,EAAE,MAAM,KAAK,CAAC;AACtG;;;;","names":[],"sources":["./node_modules/@ionic/core/dist/collection/utils/rtl/dir.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\n/**\n * Returns `true` if the document or host element\n * has a `dir` set to `rtl`. The host value will always\n * take priority over the root document value.\n */\nexport const isRTL = (hostEl) => {\n    if (hostEl) {\n        if (hostEl.dir !== '') {\n            return hostEl.dir.toLowerCase() === 'rtl';\n        }\n    }\n    return (document === null || document === void 0 ? void 0 : document.dir.toLowerCase()) === 'rtl';\n};\n"],"version":3}

package/dist/components/p-d60b2328.js

@@ -142,3 +142,5 @@ const copyVisualViewport = (visualViewport) => {
 };
 
 export { KEYBOARD_DID_CLOSE, KEYBOARD_DID_OPEN, copyVisualViewport, keyboardDidClose, keyboardDidOpen, keyboardDidResize, resetKeyboardAssist, setKeyboardClose, setKeyboardOpen, startKeyboardAssist, trackViewportChanges };
+
+//# sourceMappingURL=p-d60b2328.js.map

package/dist/components/p-d60b2328.js.map

@@ -0,0 +1 @@
+{"file":"p-d60b2328.js","mappings":"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","names":[],"sources":["./node_modules/@ionic/core/dist/collection/utils/keyboard/keyboard.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Keyboard } from \"../native/keyboard\";\nexport const KEYBOARD_DID_OPEN = 'ionKeyboardDidShow';\nexport const KEYBOARD_DID_CLOSE = 'ionKeyboardDidHide';\nconst KEYBOARD_THRESHOLD = 150;\n// TODO(FW-2832): types\nlet previousVisualViewport = {};\nlet currentVisualViewport = {};\nlet keyboardOpen = false;\n/**\n * This is only used for tests\n */\nexport const resetKeyboardAssist = () => {\n    previousVisualViewport = {};\n    currentVisualViewport = {};\n    keyboardOpen = false;\n};\nexport const startKeyboardAssist = (win) => {\n    const nativeEngine = Keyboard.getEngine();\n    /**\n     * If the native keyboard plugin is available\n     * then we are running in a native environment. As a result\n     * we should only listen on the native events instead of\n     * using the Visual Viewport as the Ionic webview manipulates\n     * how it resizes such that the Visual Viewport API is not\n     * reliable here.\n     */\n    if (nativeEngine) {\n        startNativeListeners(win);\n    }\n    else {\n        if (!win.visualViewport) {\n            return;\n        }\n        currentVisualViewport = copyVisualViewport(win.visualViewport);\n        win.visualViewport.onresize = () => {\n            trackViewportChanges(win);\n            if (keyboardDidOpen() || keyboardDidResize(win)) {\n                setKeyboardOpen(win);\n            }\n            else if (keyboardDidClose(win)) {\n                setKeyboardClose(win);\n            }\n        };\n    }\n};\n/**\n * Listen for events fired by native keyboard plugin\n * in Capacitor/Cordova so devs only need to listen\n * in one place.\n */\nconst startNativeListeners = (win) => {\n    win.addEventListener('keyboardDidShow', (ev) => setKeyboardOpen(win, ev));\n    win.addEventListener('keyboardDidHide', () => setKeyboardClose(win));\n};\nexport const setKeyboardOpen = (win, ev) => {\n    fireKeyboardOpenEvent(win, ev);\n    keyboardOpen = true;\n};\nexport const setKeyboardClose = (win) => {\n    fireKeyboardCloseEvent(win);\n    keyboardOpen = false;\n};\n/**\n * Returns `true` if the `keyboardOpen` flag is not\n * set, the previous visual viewport width equal the current\n * visual viewport width, and if the scaled difference\n * of the previous visual viewport height minus the current\n * visual viewport height is greater than KEYBOARD_THRESHOLD\n *\n * We need to be able to accommodate users who have zooming\n * enabled in their browser (or have zoomed in manually) which\n * is why we take into account the current visual viewport's\n * scale value.\n */\nexport const keyboardDidOpen = () => {\n    const scaledHeightDifference = (previousVisualViewport.height - currentVisualViewport.height) * currentVisualViewport.scale;\n    return (!keyboardOpen &&\n        previousVisualViewport.width === currentVisualViewport.width &&\n        scaledHeightDifference > KEYBOARD_THRESHOLD);\n};\n/**\n * Returns `true` if the keyboard is open,\n * but the keyboard did not close\n */\nexport const keyboardDidResize = (win) => {\n    return keyboardOpen && !keyboardDidClose(win);\n};\n/**\n * Determine if the keyboard was closed\n * Returns `true` if the `keyboardOpen` flag is set and\n * the current visual viewport height equals the\n * layout viewport height.\n */\nexport const keyboardDidClose = (win) => {\n    return keyboardOpen && currentVisualViewport.height === win.innerHeight;\n};\n/**\n * Dispatch a keyboard open event\n */\nconst fireKeyboardOpenEvent = (win, nativeEv) => {\n    const keyboardHeight = nativeEv ? nativeEv.keyboardHeight : win.innerHeight - currentVisualViewport.height;\n    const ev = new CustomEvent(KEYBOARD_DID_OPEN, {\n        detail: { keyboardHeight },\n    });\n    win.dispatchEvent(ev);\n};\n/**\n * Dispatch a keyboard close event\n */\nconst fireKeyboardCloseEvent = (win) => {\n    const ev = new CustomEvent(KEYBOARD_DID_CLOSE);\n    win.dispatchEvent(ev);\n};\n/**\n * Given a window object, create a copy of\n * the current visual and layout viewport states\n * while also preserving the previous visual and\n * layout viewport states\n */\nexport const trackViewportChanges = (win) => {\n    previousVisualViewport = Object.assign({}, currentVisualViewport);\n    currentVisualViewport = copyVisualViewport(win.visualViewport);\n};\n/**\n * Creates a deep copy of the visual viewport\n * at a given state\n */\nexport const copyVisualViewport = (visualViewport) => {\n    return {\n        width: Math.round(visualViewport.width),\n        height: Math.round(visualViewport.height),\n        offsetTop: visualViewport.offsetTop,\n        offsetLeft: visualViewport.offsetLeft,\n        pageTop: visualViewport.pageTop,\n        pageLeft: visualViewport.pageLeft,\n        scale: visualViewport.scale,\n    };\n};\n"],"version":3}

package/dist/components/p-d69dc32f.js

@@ -95,3 +95,5 @@ function defineCustomElement() {
 }
 
 export { Label as L, defineCustomElement as d };
+
+//# sourceMappingURL=p-d69dc32f.js.map

package/dist/components/p-d69dc32f.js.map

@@ -0,0 +1 @@
+{"file":"p-d69dc32f.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,q7GAAq7G;;ACAz8G,MAAM,UAAU,GAAG,+iWAA+iW;;MCSrjW,KAAK;EACd;;;;;IACI,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACvB,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;GAC1B;EACD,iBAAiB;IACb,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,KAAK,UAAU,CAAC;IAC9C,IAAI,CAAC,SAAS,EAAE,CAAC;IACjB,IAAI,CAAC,SAAS,EAAE,CAAC;GACpB;EACD,gBAAgB;IACZ,IAAI,IAAI,CAAC,SAAS,EAAE;MAChB,UAAU,CAAC;QACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;OAC1B,EAAE,IAAI,CAAC,CAAC;KACZ;GACJ;EACD,YAAY;IACR,IAAI,CAAC,SAAS,EAAE,CAAC;GACpB;EACD,eAAe;IACX,IAAI,CAAC,SAAS,EAAE,CAAC;GACpB;EACD,SAAS;IACL,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;MACf,kBAAkB,EAAE,KAAK,KAAK,SAAS;MACvC,CAAC,aAAa,KAAK,EAAE,GAAG,KAAK,KAAK,SAAS;KAC9C,CAAC,CAAC;GACN;EACD,SAAS;IACL,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;;;;IAInC,IAAI,CAAC,OAAO,EAAE;MACV,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACf,KAAK,EAAE,IAAI;QACX,CAAC,SAAS,QAAQ,EAAE,GAAG,QAAQ,KAAK,SAAS;OAChD,CAAC,CAAC;KACN;GACJ;EACD,MAAM;IACF,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC/B,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;QACjG,CAAC,IAAI,GAAG,IAAI;QACZ,eAAe,EAAE,WAAW,CAAC,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAAC;QAC3D,CAAC,SAAS,QAAQ,EAAE,GAAG,QAAQ,KAAK,SAAS;QAC7C,CAAC,kBAAkB,GAAG,IAAI,CAAC,SAAS;QACpC,WAAW,EAAE,QAAQ,CAAC,GAAG,KAAK,KAAK;OACtC,CAAC,EAAE,CAAC,EAAE;GACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./node_modules/@ionic/core/dist/collection/components/label/label.ios.css?tag=ion-label&mode=ios&encapsulation=scoped","./node_modules/@ionic/core/dist/collection/components/label/label.md.css?tag=ion-label&mode=md&encapsulation=scoped","./node_modules/@ionic/core/dist/collection/components/label/label.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-context(.item) {\n  /**\n   * @prop --color: Color of the label. This property is only available when using `ion-label` inside of an `ion-item`.\n   */\n  --color: initial;\n  display: block;\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  font-size: inherit;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n}\n\n:host-context(.item-legacy) {\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n:host(.ion-color) {\n  color: var(--ion-color-base);\n}\n\n:host(.ion-text-nowrap) {\n  overflow: hidden;\n}\n\n:host-context(.item-interactive-disabled:not(.item-multiple-inputs)) {\n  cursor: default;\n  opacity: 0.3;\n  pointer-events: none;\n}\n\n:host-context(.item-input) {\n  flex: initial;\n  max-width: 200px;\n  pointer-events: none;\n}\n\n:host-context(.item-textarea) {\n  align-self: baseline;\n}\n\n:host-context(.item-skeleton-text) {\n  overflow: hidden;\n}\n\n:host(.label-fixed) {\n  flex: 0 0 100px;\n  width: 100px;\n  min-width: 100px;\n  max-width: 200px;\n}\n\n:host(.label-stacked),\n:host(.label-floating) {\n  margin-bottom: 0;\n  align-self: stretch;\n  width: auto;\n  max-width: 100%;\n}\n\n:host(.label-no-animate.label-floating) {\n  transition: none;\n}\n\n::slotted(*) h1,\n::slotted(*) h2,\n::slotted(*) h3,\n::slotted(*) h4,\n::slotted(*) h5,\n::slotted(*) h6 {\n  text-overflow: inherit;\n  overflow: inherit;\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/**\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(.ion-text-wrap) {\n  font-size: 0.875rem;\n  line-height: 1.5;\n}\n\n:host(.label-stacked) {\n  margin-bottom: 4px;\n  font-size: 0.875rem;\n}\n\n:host(.label-floating) {\n  margin-bottom: 0;\n  transform: translate(0, 29px);\n  transform-origin: left top;\n  transition: transform 150ms ease-in-out;\n}\n:host-context([dir=rtl]):host(.label-floating), :host-context([dir=rtl]).label-floating {\n  transform-origin: right top;\n}\n\n@supports selector(:dir(rtl)) {\n  :host(.label-floating:dir(rtl)) {\n    transform-origin: right top;\n  }\n}\n\n:host-context(.item-textarea).label-floating {\n  transform: translate(0, 28px);\n}\n\n:host-context(.item-has-focus).label-floating,\n:host-context(.item-has-placeholder:not(.item-input)).label-floating,\n:host-context(.item-has-value).label-floating {\n  transform: scale(0.82);\n}\n\n::slotted(*) h1 {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 3px;\n  margin-bottom: 2px;\n  font-size: 1.375rem;\n  font-weight: normal;\n}\n\n::slotted(*) h2 {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 2px;\n  font-size: 1.0625rem;\n  font-weight: normal;\n}\n\n::slotted(*) h3,\n::slotted(*) h4,\n::slotted(*) h5,\n::slotted(*) h6 {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 3px;\n  font-size: 0.875rem;\n  font-weight: normal;\n  line-height: normal;\n}\n\n::slotted(*) p {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 2px;\n  font-size: 0.875rem;\n  line-height: normal;\n  text-overflow: inherit;\n  overflow: inherit;\n}\n\n::slotted(p) {\n  color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.4);\n}\n\n:host(.in-item-color)::slotted(p) {\n  color: inherit;\n}\n\n::slotted(*) h2:last-child,\n::slotted(*) h3:last-child,\n::slotted(*) h4:last-child,\n::slotted(*) h5:last-child,\n::slotted(*) h6:last-child,\n::slotted(*) p:last-child {\n  margin-bottom: 0;\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-context(.item) {\n  /**\n   * @prop --color: Color of the label. This property is only available when using `ion-label` inside of an `ion-item`.\n   */\n  --color: initial;\n  display: block;\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n  font-size: inherit;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n}\n\n:host-context(.item-legacy) {\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n:host(.ion-color) {\n  color: var(--ion-color-base);\n}\n\n:host(.ion-text-nowrap) {\n  overflow: hidden;\n}\n\n:host-context(.item-interactive-disabled:not(.item-multiple-inputs)) {\n  cursor: default;\n  opacity: 0.3;\n  pointer-events: none;\n}\n\n:host-context(.item-input) {\n  flex: initial;\n  max-width: 200px;\n  pointer-events: none;\n}\n\n:host-context(.item-textarea) {\n  align-self: baseline;\n}\n\n:host-context(.item-skeleton-text) {\n  overflow: hidden;\n}\n\n:host(.label-fixed) {\n  flex: 0 0 100px;\n  width: 100px;\n  min-width: 100px;\n  max-width: 200px;\n}\n\n:host(.label-stacked),\n:host(.label-floating) {\n  margin-bottom: 0;\n  align-self: stretch;\n  width: auto;\n  max-width: 100%;\n}\n\n:host(.label-no-animate.label-floating) {\n  transition: none;\n}\n\n::slotted(*) h1,\n::slotted(*) h2,\n::slotted(*) h3,\n::slotted(*) h4,\n::slotted(*) h5,\n::slotted(*) h6 {\n  text-overflow: inherit;\n  overflow: inherit;\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/**\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(.ion-text-wrap) {\n  line-height: 1.5;\n}\n\n/**\n * When translating the label, we need to use translateY\n * instead of translate3d due to a WebKit bug: https://bugs.webkit.org/show_bug.cgi?id=215731\n */\n:host(.label-stacked),\n:host(.label-floating) {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n  /* stylelint-disable property-disallowed-list */\n  transform-origin: top left;\n  /* stylelint-enable property-disallowed-list */\n}\n\n:host(.label-stacked.label-rtl),\n:host(.label-floating.label-rtl) {\n  /* stylelint-disable property-disallowed-list */\n  transform-origin: top right;\n  /* stylelint-enable property-disallowed-list */\n}\n\n:host(.label-stacked) {\n  transform: translateY(50%) scale(0.75);\n  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n:host(.label-floating) {\n  transform: translateY(96%);\n  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n:host-context(.ion-focused).label-floating,\n:host-context(.item-has-focus).label-floating,\n:host-context(.item-has-placeholder:not(.item-input)).label-floating,\n:host-context(.item-has-value).label-floating {\n  transform: translateY(50%) scale(0.75);\n}\n\n/**\n * When translating the label inside of an ion-item with `fill=\"outline\"`,\n * add pseudo-elements to imitate fieldset-like padding without shifting the label\n */\n:host-context(.item-fill-outline.ion-focused).label-floating,\n:host-context(.item-fill-outline.item-has-focus).label-floating,\n:host-context(.item-fill-outline.item-has-placeholder:not(.item-input)).label-floating,\n:host-context(.item-fill-outline.item-has-value).label-floating {\n  transform: translateY(-6px) scale(0.75);\n  position: relative;\n  max-width: min-content;\n  background-color: var(--ion-item-background, var(--ion-background-color, #fff));\n  overflow: visible;\n  z-index: 3;\n}\n:host-context(.item-fill-outline.ion-focused).label-floating::before, :host-context(.item-fill-outline.ion-focused).label-floating::after,\n:host-context(.item-fill-outline.item-has-focus).label-floating::before,\n:host-context(.item-fill-outline.item-has-focus).label-floating::after,\n:host-context(.item-fill-outline.item-has-placeholder:not(.item-input)).label-floating::before,\n:host-context(.item-fill-outline.item-has-placeholder:not(.item-input)).label-floating::after,\n:host-context(.item-fill-outline.item-has-value).label-floating::before,\n:host-context(.item-fill-outline.item-has-value).label-floating::after {\n  position: absolute;\n  width: 4px;\n  height: 100%;\n  background-color: var(--ion-item-background, var(--ion-background-color, #fff));\n  content: \"\";\n}\n:host-context(.item-fill-outline.ion-focused).label-floating::before,\n:host-context(.item-fill-outline.item-has-focus).label-floating::before,\n:host-context(.item-fill-outline.item-has-placeholder:not(.item-input)).label-floating::before,\n:host-context(.item-fill-outline.item-has-value).label-floating::before {\n  /* stylelint-disable property-disallowed-list */\n  left: calc(-1 * 4px);\n  /* stylelint-enable property-disallowed-list */\n}\n:host-context(.item-fill-outline.ion-focused).label-floating::after,\n:host-context(.item-fill-outline.item-has-focus).label-floating::after,\n:host-context(.item-fill-outline.item-has-placeholder:not(.item-input)).label-floating::after,\n:host-context(.item-fill-outline.item-has-value).label-floating::after {\n  /* stylelint-disable property-disallowed-list */\n  right: calc(-1 * 4px);\n  /* stylelint-enable property-disallowed-list */\n}\n\n:host-context(.item-fill-outline.ion-focused.item-has-start-slot).label-floating,\n:host-context(.item-fill-outline.item-has-focus.item-has-start-slot).label-floating,\n:host-context(.item-fill-outline.item-has-placeholder:not(.item-input).item-has-start-slot).label-floating,\n:host-context(.item-fill-outline.item-has-value.item-has-start-slot).label-floating {\n  transform: translateX(-32px) translateY(-6px) scale(0.75);\n}\n\n:host-context(.item-fill-outline.ion-focused.item-has-start-slot).label-floating.label-rtl,\n:host-context(.item-fill-outline.item-has-focus.item-has-start-slot).label-floating.label-rtl,\n:host-context(.item-fill-outline.item-has-placeholder:not(.item-input).item-has-start-slot).label-floating.label-rtl,\n:host-context(.item-fill-outline.item-has-value.item-has-start-slot).label-floating.label-rtl {\n  transform: translateX(calc(-1 * -32px)) translateY(-6px) scale(0.75);\n}\n\n:host-context(.ion-focused).label-stacked:not(.ion-color),\n:host-context(.ion-focused).label-floating:not(.ion-color),\n:host-context(.item-has-focus).label-stacked:not(.ion-color),\n:host-context(.item-has-focus).label-floating:not(.ion-color) {\n  color: var(--ion-color-primary, #3880ff);\n}\n\n:host-context(.ion-focused.ion-color).label-stacked:not(.ion-color),\n:host-context(.ion-focused.ion-color).label-floating:not(.ion-color),\n:host-context(.item-has-focus.ion-color).label-stacked:not(.ion-color),\n:host-context(.item-has-focus.ion-color).label-floating:not(.ion-color) {\n  color: var(--ion-color-contrast);\n}\n\n:host-context(.item-fill-solid.ion-focused.ion-color).label-stacked:not(.ion-color),\n:host-context(.item-fill-solid.ion-focused.ion-color).label-floating:not(.ion-color),\n:host-context(.item-fill-outline.ion-focused.ion-color).label-stacked:not(.ion-color),\n:host-context(.item-fill-outline.ion-focused.ion-color).label-floating:not(.ion-color),\n:host-context(.item-fill-solid.item-has-focus.ion-color).label-stacked:not(.ion-color),\n:host-context(.item-fill-solid.item-has-focus.ion-color).label-floating:not(.ion-color),\n:host-context(.item-fill-outline.item-has-focus.ion-color).label-stacked:not(.ion-color),\n:host-context(.item-fill-outline.item-has-focus.ion-color).label-floating:not(.ion-color) {\n  color: var(--ion-color-base);\n}\n\n:host-context(.ion-invalid.ion-touched).label-stacked:not(.ion-color),\n:host-context(.ion-invalid.ion-touched).label-floating:not(.ion-color) {\n  color: var(--highlight-color-invalid);\n}\n\n::slotted(*) h1 {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 2px;\n  font-size: 1.5rem;\n  font-weight: normal;\n}\n\n::slotted(*) h2 {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 2px;\n  margin-bottom: 2px;\n  font-size: 1rem;\n  font-weight: normal;\n}\n\n::slotted(*) h3,\n::slotted(*) h4,\n::slotted(*) h5,\n::slotted(*) h6 {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 2px;\n  margin-bottom: 2px;\n  font-size: 0.875rem;\n  font-weight: normal;\n  line-height: normal;\n}\n\n::slotted(*) p {\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0;\n  margin-bottom: 2px;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  text-overflow: inherit;\n  overflow: inherit;\n}\n\n::slotted(p) {\n  color: var(--ion-color-step-600, #666666);\n}\n\n:host(.in-item-color)::slotted(p) {\n  color: inherit;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class Label {\n    constructor() {\n        this.inRange = false;\n        this.color = undefined;\n        this.position = undefined;\n        this.noAnimate = false;\n    }\n    componentWillLoad() {\n        this.inRange = !!this.el.closest('ion-range');\n        this.noAnimate = this.position === 'floating';\n        this.emitStyle();\n        this.emitColor();\n    }\n    componentDidLoad() {\n        if (this.noAnimate) {\n            setTimeout(() => {\n                this.noAnimate = false;\n            }, 1000);\n        }\n    }\n    colorChanged() {\n        this.emitColor();\n    }\n    positionChanged() {\n        this.emitStyle();\n    }\n    emitColor() {\n        const { color } = this;\n        this.ionColor.emit({\n            'item-label-color': color !== undefined,\n            [`ion-color-${color}`]: color !== undefined,\n        });\n    }\n    emitStyle() {\n        const { inRange, position } = this;\n        // If the label is inside of a range we don't want\n        // to override the classes added by the label that\n        // is a direct child of the item\n        if (!inRange) {\n            this.ionStyle.emit({\n                label: true,\n                [`label-${position}`]: position !== undefined,\n            });\n        }\n    }\n    render() {\n        const position = this.position;\n        const mode = getIonMode(this);\n        return (h(Host, { key: '72ad4ba5c1137ae0130e421346668e436ea53bf8', class: createColorClasses(this.color, {\n                [mode]: true,\n                'in-item-color': hostContext('ion-item.ion-color', this.el),\n                [`label-${position}`]: position !== undefined,\n                [`label-no-animate`]: this.noAnimate,\n                'label-rtl': document.dir === 'rtl',\n            }) }));\n    }\n    static get is() { return \"ion-label\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"label.ios.scss\"],\n            \"md\": [\"label.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"label.ios.css\"],\n            \"md\": [\"label.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            \"position\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'fixed' | 'stacked' | 'floating'\",\n                    \"resolved\": \"\\\"fixed\\\" | \\\"floating\\\" | \\\"stacked\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The position determines where and how the label behaves inside an item.\"\n                },\n                \"attribute\": \"position\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"noAnimate\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionColor\",\n                \"name\": \"ionColor\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"Emitted when the color changes.\"\n                },\n                \"complexType\": {\n                    \"original\": \"StyleEventDetail\",\n                    \"resolved\": \"StyleEventDetail\",\n                    \"references\": {\n                        \"StyleEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::StyleEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionStyle\",\n                \"name\": \"ionStyle\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"Emitted when the styles change.\"\n                },\n                \"complexType\": {\n                    \"original\": \"StyleEventDetail\",\n                    \"resolved\": \"StyleEventDetail\",\n                    \"references\": {\n                        \"StyleEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::StyleEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"color\",\n                \"methodName\": \"colorChanged\"\n            }, {\n                \"propName\": \"position\",\n                \"methodName\": \"positionChanged\"\n            }];\n    }\n}\n"],"version":3}

package/dist/components/p-d72e8d7b.js

@@ -113,3 +113,5 @@ const OVERLAY_BACK_BUTTON_PRIORITY = 100;
 const MENU_BACK_BUTTON_PRIORITY = 99; // 1 less than overlay priority since menu is displayed behind overlays
 
 export { MENU_BACK_BUTTON_PRIORITY, OVERLAY_BACK_BUTTON_PRIORITY, blockHardwareBackButton, shouldUseCloseWatcher, startHardwareBackButton };
+
+//# sourceMappingURL=p-d72e8d7b.js.map

package/dist/components/p-d72e8d7b.js.map

@@ -0,0 +1 @@
+{"file":"p-d72e8d7b.js","mappings":"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","names":[],"sources":["./node_modules/@ionic/core/dist/collection/utils/hardware-back-button.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { win } from \"./browser/index\";\nimport { config } from \"../global/config\";\n/**\n * CloseWatcher is a newer API that lets\n * use detect the hardware back button event\n * in a web browser: https://caniuse.com/?search=closewatcher\n * However, not every browser supports it yet.\n *\n * This needs to be a function so that we can\n * check the config once it has been set.\n * Otherwise, this code would be evaluated the\n * moment this file is evaluated which could be\n * before the config is set.\n */\nexport const shouldUseCloseWatcher = () => config.get('experimentalCloseWatcher', false) && win !== undefined && 'CloseWatcher' in win;\n/**\n * When hardwareBackButton: false in config,\n * we need to make sure we also block the default\n * webview behavior. If we don't then it will be\n * possible for users to navigate backward while\n * an overlay is still open. Additionally, it will\n * give the appearance that the hardwareBackButton\n * config is not working as the page transition\n * will still happen.\n */\nexport const blockHardwareBackButton = () => {\n    document.addEventListener('backbutton', () => { }); // eslint-disable-line\n};\nexport const startHardwareBackButton = () => {\n    const doc = document;\n    let busy = false;\n    const backButtonCallback = () => {\n        if (busy) {\n            return;\n        }\n        let index = 0;\n        let handlers = [];\n        const ev = new CustomEvent('ionBackButton', {\n            bubbles: false,\n            detail: {\n                register(priority, handler) {\n                    handlers.push({ priority, handler, id: index++ });\n                },\n            },\n        });\n        doc.dispatchEvent(ev);\n        const executeAction = async (handlerRegister) => {\n            try {\n                if (handlerRegister === null || handlerRegister === void 0 ? void 0 : handlerRegister.handler) {\n                    const result = handlerRegister.handler(processHandlers);\n                    if (result != null) {\n                        await result;\n                    }\n                }\n            }\n            catch (e) {\n                console.error(e);\n            }\n        };\n        const processHandlers = () => {\n            if (handlers.length > 0) {\n                let selectedHandler = {\n                    priority: Number.MIN_SAFE_INTEGER,\n                    handler: () => undefined,\n                    id: -1,\n                };\n                handlers.forEach((handler) => {\n                    if (handler.priority >= selectedHandler.priority) {\n                        selectedHandler = handler;\n                    }\n                });\n                busy = true;\n                handlers = handlers.filter((handler) => handler.id !== selectedHandler.id);\n                executeAction(selectedHandler).then(() => (busy = false));\n            }\n        };\n        processHandlers();\n    };\n    /**\n     * If the CloseWatcher is defined then\n     * we don't want to also listen for the native\n     * backbutton event otherwise we may get duplicate\n     * events firing.\n     */\n    if (shouldUseCloseWatcher()) {\n        let watcher;\n        const configureWatcher = () => {\n            watcher === null || watcher === void 0 ? void 0 : watcher.destroy();\n            watcher = new win.CloseWatcher();\n            /**\n             * Once a close request happens\n             * the watcher gets destroyed.\n             * As a result, we need to re-configure\n             * the watcher so we can respond to other\n             * close requests.\n             */\n            watcher.onclose = () => {\n                backButtonCallback();\n                configureWatcher();\n            };\n        };\n        configureWatcher();\n    }\n    else {\n        doc.addEventListener('backbutton', backButtonCallback);\n    }\n};\nexport const OVERLAY_BACK_BUTTON_PRIORITY = 100;\nexport const MENU_BACK_BUTTON_PRIORITY = 99; // 1 less than overlay priority since menu is displayed behind overlays\n"],"version":3}

package/dist/components/p-d7fe59ee.js

@@ -5,3 +5,5 @@ const win = typeof window !== 'undefined' ? window : undefined;
 const doc = typeof document !== 'undefined' ? document : undefined;
 
 export { doc as d, win as w };
+
+//# sourceMappingURL=p-d7fe59ee.js.map

package/dist/components/p-d7fe59ee.js.map

@@ -0,0 +1 @@
+{"file":"p-d7fe59ee.js","mappings":"AAAA;AACA;AACA;AACY,MAAC,GAAG,GAAG,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,GAAG,UAAU;AAC1D,MAAC,GAAG,GAAG,OAAO,QAAQ,KAAK,WAAW,GAAG,QAAQ,GAAG;;;;","names":[],"sources":["./node_modules/@ionic/core/dist/collection/utils/browser/index.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nexport const win = typeof window !== 'undefined' ? window : undefined;\nexport const doc = typeof document !== 'undefined' ? document : undefined;\n"],"version":3}

package/dist/components/p-d839c693.js

@@ -49,3 +49,5 @@ const ar = {
 
 export default ar;
 export { translation };
+
+//# sourceMappingURL=p-d839c693.js.map

package/dist/components/p-d839c693.js.map

@@ -0,0 +1 @@
+{"file":"p-d839c693.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/p-e187a77c.js

@@ -32,3 +32,5 @@ const printRequiredElementError = (el, ...targetSelectors) => {
 };
 
 export { printIonError as a, printRequiredElementError as b, printIonWarning as p };
+
+//# sourceMappingURL=p-e187a77c.js.map

package/dist/components/p-e187a77c.js.map

@@ -0,0 +1 @@
+{"file":"p-e187a77c.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACY,MAAC,eAAe,GAAG,CAAC,OAAO,EAAE,GAAG,MAAM,KAAK;AACvD,IAAI,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC;AAClE,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACY,MAAC,aAAa,GAAG,CAAC,OAAO,EAAE,GAAG,MAAM,KAAK;AACrD,IAAI,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC;AACjE,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACY,MAAC,yBAAyB,GAAG,CAAC,EAAE,EAAE,GAAG,eAAe,KAAK;AACrE,IAAI,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,sBAAsB,EAAE,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/G;;;;","names":[],"sources":["./node_modules/@ionic/core/dist/collection/utils/logging/index.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\n/**\n * Logs a warning to the console with an Ionic prefix\n * to indicate the library that is warning the developer.\n *\n * @param message - The string message to be logged to the console.\n */\nexport const printIonWarning = (message, ...params) => {\n    return console.warn(`[Ionic Warning]: ${message}`, ...params);\n};\n/*\n * Logs an error to the console with an Ionic prefix\n * to indicate the library that is warning the developer.\n *\n * @param message - The string message to be logged to the console.\n * @param params - Additional arguments to supply to the console.error.\n */\nexport const printIonError = (message, ...params) => {\n    return console.error(`[Ionic Error]: ${message}`, ...params);\n};\n/**\n * Prints an error informing developers that an implementation requires an element to be used\n * within a specific selector.\n *\n * @param el The web component element this is requiring the element.\n * @param targetSelectors The selector or selectors that were not found.\n */\nexport const printRequiredElementError = (el, ...targetSelectors) => {\n    return console.error(`<${el.tagName.toLowerCase()}> must be used inside ${targetSelectors.join(' or ')}.`);\n};\n"],"version":3}

package/dist/components/p-e65ea9fb.js

@@ -1377,3 +1377,5 @@ function defineCustomElement() {
 }
 
 export { Popover as P, defineCustomElement as d };
+
+//# sourceMappingURL=p-e65ea9fb.js.map