npm - @pod-os/elements - Versions diffs - 0.22.0 → 0.22.2-ada70b7.0 - Mend

@pod-os/elements 0.22.0 → 0.22.2-ada70b7.0

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

Files changed (107) hide show

package/dist/cjs/ion-item_3.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"ion-item.ion-label.ion-list.entry.cjs.js","mappings":"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","names":["chevronForward","forceUpdate","inheritAttributes","printIonWarning","raf","printIonError","getIonMode","openURL","hostContext","h","Host","createColorClasses"],"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","../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","../node_modules/@ionic/core/dist/collection/components/list/list.ios.css?tag=ion-list&mode=ios","../node_modules/@ionic/core/dist/collection/components/list/list.md.css?tag=ion-list&mode=md","../node_modules/@ionic/core/dist/collection/components/list/list.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n: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","/**\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","/**\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 */\nion-list {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n display: block;\n contain: content;\n list-style-type: none;\n}\n\nion-list.list-inset {\n transform: translateZ(0);\n overflow: hidden;\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.list-ios {\n background: var(--ion-item-background, var(--ion-background-color, #fff));\n}\n\n.list-ios.list-inset {\n -webkit-margin-start: 16px;\n margin-inline-start: 16px;\n -webkit-margin-end: 16px;\n margin-inline-end: 16px;\n margin-top: 16px;\n margin-bottom: 16px;\n border-radius: 10px;\n}\n\n/**\n * These selectors ensure the last item in the list\n * has the correct border.\n * We need to consider the following scenarios:\n 1. The only item in a list.\n 2. The last item in a list as long as it is not the only item.\n 3. The item in the last item-sliding in a list.\n * Note that we do not select ion-item:last-of-type\n * because that will cause the borders to disappear on\n * items in an item-sliding when the item is the last\n * element in the item-sliding container.\n */\n.list-ios.list-inset ion-item:only-child,\n.list-ios.list-inset ion-item:not(:only-of-type):last-of-type,\n.list-ios.list-inset ion-item-sliding:last-of-type ion-item {\n --border-width: 0;\n --inner-border-width: 0;\n}\n\n.list-ios.list-inset + ion-list.list-inset {\n margin-top: 0;\n}\n\n.list-ios-lines-none .item-lines-default {\n --inner-border-width: 0px;\n --border-width: 0px;\n}\n\n.list-ios-lines-full .item-lines-default {\n --inner-border-width: 0px;\n --border-width: 0 0 0.55px 0;\n}\n\n.list-ios-lines-inset .item-lines-default {\n --inner-border-width: 0 0 0.55px 0;\n --border-width: 0px;\n}\n\nion-card .list-ios {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\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 */\nion-list {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n padding-top: 0;\n padding-bottom: 0;\n display: block;\n contain: content;\n list-style-type: none;\n}\n\nion-list.list-inset {\n transform: translateZ(0);\n overflow: hidden;\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.list-md {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n padding-left: 0;\n padding-right: 0;\n padding-top: 8px;\n padding-bottom: 8px;\n background: var(--ion-item-background, var(--ion-background-color, #fff));\n}\n\n@supports (inset-inline-start: 0) {\n .list-md > .input:last-child::after {\n inset-inline-start: 0;\n }\n}\n@supports not (inset-inline-start: 0) {\n .list-md > .input:last-child::after {\n left: 0;\n }\n :host-context([dir=rtl]) .list-md > .input:last-child::after {\n left: unset;\n right: unset;\n right: 0;\n }\n [dir=rtl] .list-md > .input:last-child::after {\n left: unset;\n right: unset;\n right: 0;\n }\n @supports selector(:dir(rtl)) {\n .list-md > .input:last-child::after:dir(rtl) {\n left: unset;\n right: unset;\n right: 0;\n }\n }\n}\n\n.list-md.list-inset {\n -webkit-margin-start: 16px;\n margin-inline-start: 16px;\n -webkit-margin-end: 16px;\n margin-inline-end: 16px;\n margin-top: 16px;\n margin-bottom: 16px;\n border-radius: 2px;\n}\n\n/**\n * These selectors ensure the last item in the list\n * has the correct border.\n * We need to consider the following scenarios:\n 1. The last item in a list as long as it is not the only item.\n 2. The item in the last item-sliding in a list.\n * Note that we do not select \"ion-item-sliding ion-item:last-of-type\"\n * because that will cause the borders to disappear on\n * items in an item-sliding when the item is the last\n * element in the item-sliding container.\n */\n.list-md.list-inset ion-item:not(:only-of-type):last-of-type,\n.list-md.list-inset ion-item-sliding:last-of-type ion-item {\n --border-width: 0;\n --inner-border-width: 0;\n}\n\n/**\n * We target :only-child instead of :only-of-type\n * otherwise borders will disappear on items inside of\n * ion-item-sliding because the item will be the only\n * one of its type inside of the ion-item-sliding group.\n */\n.list-md.list-inset ion-item:only-child {\n --border-width: 0;\n --inner-border-width: 0;\n}\n\n.list-md.list-inset + ion-list.list-inset {\n margin-top: 0;\n}\n\n.list-md-lines-none .item-lines-default {\n --inner-border-width: 0px;\n --border-width: 0px;\n}\n\n.list-md-lines-full .item-lines-default {\n --inner-border-width: 0px;\n --border-width: 0 0 1px 0;\n}\n\n.list-md-lines-inset .item-lines-default {\n --inner-border-width: 0 0 1px 0;\n --border-width: 0px;\n}\n\nion-card .list-md {\n margin-left: 0;\n margin-right: 0;\n margin-top: 0;\n margin-bottom: 0;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class List {\n constructor() {\n this.lines = undefined;\n this.inset = false;\n }\n /**\n * If `ion-item-sliding` are used inside the list, this method closes\n * any open sliding item.\n *\n * Returns `true` if an actual `ion-item-sliding` is closed.\n */\n async closeSlidingItems() {\n const item = this.el.querySelector('ion-item-sliding');\n if (item === null || item === void 0 ? void 0 : item.closeOpened) {\n return item.closeOpened();\n }\n return false;\n }\n render() {\n const mode = getIonMode(this);\n const { lines, inset } = this;\n return (h(Host, { key: '3df401155114c7a39c81f201bf8a181d07e8d4c8', role: \"list\", class: {\n [mode]: true,\n // Used internally for styling\n [`list-${mode}`]: true,\n 'list-inset': inset,\n [`list-lines-${lines}`]: lines !== undefined,\n [`list-${mode}-lines-${lines}`]: lines !== undefined,\n } }));\n }\n static get is() { return \"ion-list\"; }\n static get originalStyleUrls() {\n return {\n \"ios\": [\"list.ios.scss\"],\n \"md\": [\"list.md.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"ios\": [\"list.ios.css\"],\n \"md\": [\"list.md.css\"]\n };\n }\n static get properties() {\n return {\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 all items.\"\n },\n \"attribute\": \"lines\",\n \"reflect\": false\n },\n \"inset\": {\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 list will have margin around it and rounded corners.\"\n },\n \"attribute\": \"inset\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get methods() {\n return {\n \"closeSlidingItems\": {\n \"complexType\": {\n \"signature\": \"() => Promise<boolean>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<boolean>\"\n },\n \"docs\": {\n \"text\": \"If `ion-item-sliding` are used inside the list, this method closes\\nany open sliding item.\\n\\nReturns `true` if an actual `ion-item-sliding` is closed.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/cjs/ion-note.cjs.entry.js DELETED Viewed

@@ -1,34 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-df9f178c.js');
-const theme = require('./theme-187bbc7d.js');
-const ionicGlobal = require('./ionic-global-d1c24b81.js');
-const noteIosCss = ":host{color:var(--color);font-family:var(--ion-font-family, inherit);box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-350, #a6a6a6);font-size:max(14px, 1rem)}";
-const IonNoteIosStyle0 = noteIosCss;
-const noteMdCss = ":host{color:var(--color);font-family:var(--ion-font-family, inherit);box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-600, #666666);font-size:0.875rem}";
-const IonNoteMdStyle0 = noteMdCss;
-const Note = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.color = undefined;
-    }
-    render() {
-        const mode = ionicGlobal.getIonMode(this);
-        return (index.h(index.Host, { key: '79a17a318ec6e8326c9741b4a9bb4598acdc225e', class: theme.createColorClasses(this.color, {
-                [mode]: true,
-            }) }, index.h("slot", { key: '5adeaccfabb4bee7b84ea5c5de804bd255b29255' })));
-    }
-};
-Note.style = {
-    ios: IonNoteIosStyle0,
-    md: IonNoteMdStyle0
-};
-exports.ion_note = Note;
-//# sourceMappingURL=ion-note.cjs.entry.js.map

package/dist/cjs/ion-note.cjs.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"ion-note.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,UAAU,GAAG,sNAAsN,CAAC;AAC1O,yBAAe,UAAU;;ACDzB,MAAM,SAAS,GAAG,+MAA+M,CAAC;AAClO,wBAAe,SAAS;;MCQX,IAAI;IACb;;QACI,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;KAC1B;IACD,MAAM;QACF,MAAM,IAAI,GAAGA,sBAAU,CAAC,IAAI,CAAC,CAAC;QAC9B,QAAQC,OAAC,CAACC,UAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAEC,wBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE;gBACjG,CAAC,IAAI,GAAG,IAAI;aACf,CAAC,EAAE,EAAEF,OAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE;KAC9E;;;;;;;;;","names":["getIonMode","h","Host","createColorClasses"],"sources":["../node_modules/@ionic/core/dist/collection/components/note/note.ios.css?tag=ion-note&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/note/note.md.css?tag=ion-note&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/note/note.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n:host {\n /**\n * @prop --color: Color of the note\n */\n color: var(--color);\n font-family: var(--ion-font-family, inherit);\n box-sizing: border-box;\n}\n\n:host(.ion-color) {\n color: var(--ion-color-base);\n}\n\n:host {\n --color: var(--ion-color-step-350, #a6a6a6);\n font-size: max(14px, 1rem);\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 /**\n * @prop --color: Color of the note\n */\n color: var(--color);\n font-family: var(--ion-font-family, inherit);\n box-sizing: border-box;\n}\n\n:host(.ion-color) {\n color: var(--ion-color-base);\n}\n\n:host {\n --color: var(--ion-color-step-600, #666666);\n font-size: 0.875rem;\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 Note {\n constructor() {\n this.color = undefined;\n }\n render() {\n const mode = getIonMode(this);\n return (h(Host, { key: '79a17a318ec6e8326c9741b4a9bb4598acdc225e', class: createColorClasses(this.color, {\n [mode]: true,\n }) }, h(\"slot\", { key: '5adeaccfabb4bee7b84ea5c5de804bd255b29255' })));\n }\n static get is() { return \"ion-note\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"ios\": [\"note.ios.scss\"],\n \"md\": [\"note.md.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"ios\": [\"note.ios.css\"],\n \"md\": [\"note.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 };\n }\n}\n"],"version":3}