@amwaljs/checkout-button 0.3.2 → 0.3.3

package/dist/checkout/p-16f30bee.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDecimalPlaces","n","toString","split","length","roundToMaxDecimalPlaces","references","maxPlaces","Math","max","map","r","Number","toFixed","rangeIosCss","rangeMdCss","Range","constructor","hostRef","this","rangeId","rangeIds","didLoad","noUpdate","hasFocus","inheritedAttributes","contentEl","initialContentScrollY","hasLoggedDeprecationWarning","clampBounds","value","clamp","min","ensureValueInBounds","dualKnobs","lower","upper","setupGesture","async","rangeSlider","gesture","import","createGesture","el","gestureName","gesturePriority","threshold","onStart","onMove","ev","onEnd","enable","disabled","handleKeyboard","knob","isIncrease","step","ratioA","ratioB","ionKnobMoveStart","emit","updateValue","emitValueChange","ionKnobMoveEnd","onBlur","ionBlur","emitStyle","onFocus","ionFocus","pressedKnob","undefined","color","debounce","name","label","pin","pinFormatter","round","snaps","ticks","activeBarStart","labelPlacement","legacy","debounceChanged","ionInput","originalIonInput","debounceEvent","minChanged","updateRatio","maxChanged","activeBarStartChanged","printIonWarning","disabledChanged","valueChanged","componentWillLoad","hasAttribute","getAttribute","inheritAriaAttributes","componentDidLoad","connectedCallback","legacyFormController","createLegacyFormController","findClosestIonContent","disconnectedCallback","destroy","getValue","_a","hasLegacyControl","ionStyle","interactive","ionChange","detail","currentX","disableContentScrollY","setPressedKnob","update","clientX","resetContentScrollY","rect","ratio","left","width","isRTL","valueToRatio","ratioToValue","getBoundingClientRect","abs","setFocus","valA","valB","ratioLower","ratioUpper","shadowRoot","knobEl","querySelector","focus","renderLegacyRange","mode","getIonMode","renderHiddenInput","JSON","stringify","h","Host","onFocusin","onFocusout","id","class","createColorClasses","hostContext","renderRangeSlider","hasStartSlotContent","hasEndSlotContent","renderRange","hasLabel","inItem","hasStartContent","needsStartAdjustment","hasEndContent","needsEndAdjustment","part","labelText","getAriaLabel","barStart","barEnd","rtl","start","end","tickStyle","tick","barStyle","ratioMin","ratioMax","active","push","labelledBy","ref","rangeEl","onPointerUp","style","role","renderKnob","pressed","render","knobStyle","onKeyDown","key","preventDefault","stopPropagation","tabindex","clampedValue"],"sources":["./node_modules/@ionic/core/dist/collection/utils/floating-point/index.js","./node_modules/@ionic/core/dist/collection/components/range/range.ios.css?tag=ion-range&mode=ios&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/range/range.md.css?tag=ion-range&mode=md&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/range/range.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nexport function getDecimalPlaces(n) {\n    if (n % 1 === 0)\n        return 0;\n    return n.toString().split('.')[1].length;\n}\n/**\n * Fixes floating point rounding errors in a result by rounding\n * to the same specificity, or number of decimal places (*not*\n * significant figures) as provided reference numbers. If multiple\n * references are provided, the highest number of decimal places\n * between them will be used.\n *\n * The main use case is when numbers x and y are added to produce n,\n * but x and y are floats, so n may have rounding errors (such as\n * 3.1000000004 instead of 3.1). As long as only addition/subtraction\n * occurs between x and y, the specificity of the result will never\n * increase, so x and y should be passed in as the references.\n *\n * If multiplication, division, or other operations were used to\n * calculate n, the rounded result may have less specificity than\n * desired. For example, 1 / 3 = 0.33333(...), but\n * roundToMaxDecimalPlaces((1 / 3), 1, 3) will return 0, since both\n * 1 and 3 are whole numbers.\n *\n * Note that extremely precise reference numbers may lead to rounding\n * errors not being trimmed, due to the error result having the same or\n * fewer decimal places as the reference(s). This is acceptable as we\n * would not be able to tell the difference between a rounding error\n * and correct value in this case, but it does mean there is an implicit\n * precision limit. If precision that high is needed, it is recommended\n * to use a third party data type designed to handle floating point\n * errors instead.\n *\n * @param n The number to round.\n * @param references Number(s) used to calculate n, or that should otherwise\n * be used as a reference for the desired specificity.\n */\nexport function roundToMaxDecimalPlaces(n, ...references) {\n    const maxPlaces = Math.max(...references.map((r) => getDecimalPlaces(r)));\n    return Number(n.toFixed(maxPlaces));\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 --bar-background: Background of the range bar\n   * @prop --bar-background-active: Background of the active range bar\n   * @prop --bar-height: Height of the range bar\n   * @prop --bar-border-radius: Border radius of the range bar\n   * @prop --height: Height of the range\n   * @prop --knob-background: Background of the range knob\n   * @prop --knob-border-radius: Border radius of the range knob\n   * @prop --knob-box-shadow: Box shadow of the range knob\n   * @prop --knob-size: Size of the range knob\n   * @prop --pin-background: Background of the range pin (only available in MD mode)\n   * @prop --pin-color: Color of the range pin (only available in MD mode)\n   */\n  --knob-handle-size: calc(var(--knob-size) * 2);\n  display: flex;\n  position: relative;\n  flex: 3;\n  align-items: center;\n  font-family: var(--ion-font-family, inherit);\n  user-select: none;\n  z-index: 2;\n}\n\n:host(.range-disabled) {\n  pointer-events: none;\n}\n\n::slotted(ion-label) {\n  flex: initial;\n}\n\n::slotted(ion-icon[slot]) {\n  font-size: 24px;\n}\n\n.range-slider {\n  position: relative;\n  flex: 1;\n  width: 100%;\n  height: var(--height);\n  contain: size layout style;\n  cursor: grab;\n  touch-action: pan-y;\n}\n\n:host(.range-pressed) .range-slider {\n  cursor: grabbing;\n}\n\n.range-pin {\n  position: absolute;\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.range-knob-handle {\n  top: calc((var(--height) - var(--knob-handle-size)) / 2);\n  -webkit-margin-start: calc(0px - var(--knob-handle-size) / 2);\n  margin-inline-start: calc(0px - var(--knob-handle-size) / 2);\n  display: flex;\n  position: absolute;\n  justify-content: center;\n  width: var(--knob-handle-size);\n  height: var(--knob-handle-size);\n  text-align: center;\n}\n@supports (inset-inline-start: 0) {\n  .range-knob-handle {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .range-knob-handle {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .range-knob-handle {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  [dir=rtl] .range-knob-handle {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    .range-knob-handle:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n:host-context([dir=rtl]) .range-knob-handle {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n[dir=rtl] .range-knob-handle {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n@supports selector(:dir(rtl)) {\n  .range-knob-handle:dir(rtl) {\n    /* stylelint-disable-next-line property-disallowed-list */\n    left: unset;\n  }\n}\n.range-knob-handle:active, .range-knob-handle:focus {\n  outline: none;\n}\n\n.range-bar-container {\n  border-radius: var(--bar-border-radius);\n  top: calc((var(--height) - var(--bar-height)) / 2);\n  position: absolute;\n  width: 100%;\n  height: var(--bar-height);\n}\n@supports (inset-inline-start: 0) {\n  .range-bar-container {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .range-bar-container {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .range-bar-container {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  [dir=rtl] .range-bar-container {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    .range-bar-container:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n:host-context([dir=rtl]) .range-bar-container {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n[dir=rtl] .range-bar-container {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n@supports selector(:dir(rtl)) {\n  .range-bar-container:dir(rtl) {\n    /* stylelint-disable-next-line property-disallowed-list */\n    left: unset;\n  }\n}\n\n.range-bar {\n  border-radius: var(--bar-border-radius);\n  position: absolute;\n  width: 100%;\n  height: var(--bar-height);\n  background: var(--bar-background);\n  pointer-events: none;\n}\n\n.range-knob {\n  border-radius: var(--knob-border-radius);\n  top: calc(50% - var(--knob-size) / 2);\n  position: absolute;\n  width: var(--knob-size);\n  height: var(--knob-size);\n  background: var(--knob-background);\n  box-shadow: var(--knob-box-shadow);\n  z-index: 2;\n  pointer-events: none;\n}\n@supports (inset-inline-start: 0) {\n  .range-knob {\n    inset-inline-start: calc(50% - var(--knob-size) / 2);\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .range-knob {\n    left: calc(50% - var(--knob-size) / 2);\n  }\n  :host-context([dir=rtl]) .range-knob {\n    left: unset;\n    right: unset;\n    right: calc(50% - var(--knob-size) / 2);\n  }\n  [dir=rtl] .range-knob {\n    left: unset;\n    right: unset;\n    right: calc(50% - var(--knob-size) / 2);\n  }\n  @supports selector(:dir(rtl)) {\n    .range-knob:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: calc(50% - var(--knob-size) / 2);\n    }\n  }\n}\n:host-context([dir=rtl]) .range-knob {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n[dir=rtl] .range-knob {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n@supports selector(:dir(rtl)) {\n  .range-knob:dir(rtl) {\n    /* stylelint-disable-next-line property-disallowed-list */\n    left: unset;\n  }\n}\n\n:host(.range-pressed) .range-bar-active {\n  will-change: left, right;\n}\n\n:host(.in-item) {\n  width: 100%;\n}\n\n/**\n * Range can be slotted\n * in components such as item and\n * toolbar which is why we do not\n * limit the below behavior to just ion-item.\n */\n:host([slot=start]),\n:host([slot=end]) {\n  width: auto;\n}\n\n:host(.in-item) ::slotted(ion-label) {\n  align-self: center;\n}\n\n.range-wrapper {\n  display: flex;\n  position: relative;\n  flex-grow: 1;\n  align-items: center;\n  height: inherit;\n}\n\n::slotted([slot=label]) {\n  /**\n   * Label text should not extend\n   * beyond the bounds of the range.\n   * However, we do not set the max\n   * width to 100% because then\n   * only the label would show and users\n   * would not be able to see the range.\n   */\n  max-width: 200px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n/**\n * If no label text is placed into the slot\n * then the element should be hidden otherwise\n * there will be additional margins added.\n */\n.label-text-wrapper-hidden {\n  display: none;\n}\n\n.native-wrapper {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n}\n\n/**\n * Label is on the left of the range in LTR and\n * on the right in RTL.\n */\n:host(.range-label-placement-start) .range-wrapper {\n  flex-direction: row;\n}\n\n:host(.range-label-placement-start) .label-text-wrapper {\n  /**\n   * The margin between the label and\n   * the range should be on the end\n   * when the label sits at the start.\n   */\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 16px;\n  margin-inline-end: 16px;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n/**\n * Label is on the right of the range in LTR and\n * on the left in RTL.\n */\n:host(.range-label-placement-end) .range-wrapper {\n  flex-direction: row-reverse;\n}\n\n/**\n * The margin between the label and\n * the range should be on the start\n * when the label sits at the end.\n */\n:host(.range-label-placement-end) .label-text-wrapper {\n  -webkit-margin-start: 16px;\n  margin-inline-start: 16px;\n  -webkit-margin-end: 0;\n  margin-inline-end: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n:host(.range-label-placement-fixed) .label-text-wrapper {\n  /**\n   * The margin between the label and\n   * the range should be on the end\n   * when the label sits at the start.\n   */\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 16px;\n  margin-inline-end: 16px;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n/**\n * Label is on the left of the range in LTR and\n * on the right in RTL. Label also has a fixed width.\n */\n:host(.range-label-placement-fixed) .label-text-wrapper {\n  flex: 0 0 100px;\n  width: 100px;\n  min-width: 100px;\n  max-width: 200px;\n}\n\n/**\n * Label is on top of the range.\n */\n:host(.range-label-placement-stacked) .range-wrapper {\n  flex-direction: column;\n  align-items: stretch;\n}\n\n:host(.range-label-placement-stacked) .label-text-wrapper {\n  transform-origin: left top;\n  transform: scale(0.75);\n  /**\n  * The margin between the label and\n  * the range should be on the bottom\n  * when the label sits on top.\n  */\n  margin-left: 0;\n  margin-right: 0;\n  margin-bottom: 16px;\n  /**\n   * Label text should not extend\n   * beyond the bounds of the range.\n   */\n  max-width: calc(100% / 0.75);\n}\n:host-context([dir=rtl]):host(.range-label-placement-stacked) .label-text-wrapper, :host-context([dir=rtl]).range-label-placement-stacked .label-text-wrapper {\n  transform-origin: right top;\n}\n\n@supports selector(:dir(rtl)) {\n  :host(.range-label-placement-stacked:dir(rtl)) .label-text-wrapper {\n    transform-origin: right top;\n  }\n}\n\n:host(.in-item.range-label-placement-stacked) .label-text-wrapper {\n  margin-top: 10px;\n  margin-bottom: 16px;\n}\n\n:host(.in-item.range-label-placement-stacked) .native-wrapper {\n  margin-bottom: 0px;\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 * 24px was chosen so the knob and its\n * shadow do not get cut off by the item.\n */\n:host {\n  --knob-border-radius: 50%;\n  --knob-background: #ffffff;\n  --knob-box-shadow: 0px 0.5px 4px rgba(0, 0, 0, 0.12), 0px 6px 13px rgba(0, 0, 0, 0.12);\n  --knob-size: 26px;\n  --bar-height: 4px;\n  --bar-background: var(--ion-color-step-900, #e6e6e6);\n  --bar-background-active: var(--ion-color-primary, #3880ff);\n  --bar-border-radius: 2px;\n  --height: 42px;\n}\n\n:host(.legacy-range) {\n  -webkit-padding-start: 16px;\n  padding-inline-start: 16px;\n  -webkit-padding-end: 16px;\n  padding-inline-end: 16px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n:host(.range-item-start-adjustment) {\n  -webkit-padding-start: 24px;\n  padding-inline-start: 24px;\n}\n\n:host(.range-item-end-adjustment) {\n  -webkit-padding-end: 24px;\n  padding-inline-end: 24px;\n}\n\n:host(.ion-color) .range-bar-active,\n:host(.ion-color) .range-tick-active {\n  background: var(--ion-color-base);\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: 0;\n  margin-bottom: 0;\n}\n\n::slotted([slot=end]) {\n  -webkit-margin-start: 16px;\n  margin-inline-start: 16px;\n  -webkit-margin-end: 0;\n  margin-inline-end: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n:host(.range-has-pin:not(.range-label-placement-stacked)) {\n  /**\n  * The pin should not overlap any elements that are\n  * above the range. By adding padding to the top of the\n  * range, it provides a buffer for the pin to move into\n  * when it is pressed.\n  *\n  * The padding is not included when the label is stacked\n  * because the pin is below the label.\n  * It still requires a buffer to prevent the pin from\n  * overlapping the range. The buffer is added to the\n  * bottom of the range label instead of the host.\n  */\n  padding-top: calc(8px + 0.75rem);\n}\n\n:host(.range-has-pin.range-label-placement-stacked) .label-text-wrapper {\n  /**\n  * The pin should not overlap the stacked label. By adding\n  * margin to the bottom of the label, it provides a buffer\n  * for the pin to move into when it is pressed.\n  */\n  margin-bottom: calc(8px + 0.75rem);\n}\n\n.range-bar-active {\n  bottom: 0;\n  width: auto;\n  background: var(--bar-background-active);\n}\n.range-bar-active.has-ticks {\n  border-radius: 0;\n  -webkit-margin-start: -2px;\n  margin-inline-start: -2px;\n  -webkit-margin-end: -2px;\n  margin-inline-end: -2px;\n}\n\n.range-tick {\n  -webkit-margin-start: -2px;\n  margin-inline-start: -2px;\n  border-radius: 0;\n  position: absolute;\n  top: 17px;\n  width: 4px;\n  height: 8px;\n  background: var(--ion-color-step-900, #e6e6e6);\n  pointer-events: none;\n}\n\n.range-tick-active {\n  background: var(--bar-background-active);\n}\n\n.range-pin {\n  transform: translate3d(0,  100%,  0) scale(0.01);\n  -webkit-padding-start: 8px;\n  padding-inline-start: 8px;\n  -webkit-padding-end: 8px;\n  padding-inline-end: 8px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  min-width: 28px;\n  transition: transform 120ms ease;\n  background: transparent;\n  color: var(--ion-text-color, #000);\n  font-size: 0.75rem;\n  text-align: center;\n}\n\n/**\n * The -100% ensures the pin sits on top\n * of the range-knob-handle container.\n * We apply 11px so that the pin\n * text is closer to the knob inside of the container.\n * We also apply the 11px here instead of using \"top\"\n * otherwise the pin text will translate below the knob\n * when the text is scaled.\n */\n.range-knob-pressed .range-pin,\n.range-knob-handle.ion-focused .range-pin {\n  transform: translate3d(0, calc(-100% + 11px), 0) scale(1);\n}\n\n:host(.range-disabled) {\n  opacity: 0.3;\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 --bar-background: Background of the range bar\n   * @prop --bar-background-active: Background of the active range bar\n   * @prop --bar-height: Height of the range bar\n   * @prop --bar-border-radius: Border radius of the range bar\n   * @prop --height: Height of the range\n   * @prop --knob-background: Background of the range knob\n   * @prop --knob-border-radius: Border radius of the range knob\n   * @prop --knob-box-shadow: Box shadow of the range knob\n   * @prop --knob-size: Size of the range knob\n   * @prop --pin-background: Background of the range pin (only available in MD mode)\n   * @prop --pin-color: Color of the range pin (only available in MD mode)\n   */\n  --knob-handle-size: calc(var(--knob-size) * 2);\n  display: flex;\n  position: relative;\n  flex: 3;\n  align-items: center;\n  font-family: var(--ion-font-family, inherit);\n  user-select: none;\n  z-index: 2;\n}\n\n:host(.range-disabled) {\n  pointer-events: none;\n}\n\n::slotted(ion-label) {\n  flex: initial;\n}\n\n::slotted(ion-icon[slot]) {\n  font-size: 24px;\n}\n\n.range-slider {\n  position: relative;\n  flex: 1;\n  width: 100%;\n  height: var(--height);\n  contain: size layout style;\n  cursor: grab;\n  touch-action: pan-y;\n}\n\n:host(.range-pressed) .range-slider {\n  cursor: grabbing;\n}\n\n.range-pin {\n  position: absolute;\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.range-knob-handle {\n  top: calc((var(--height) - var(--knob-handle-size)) / 2);\n  -webkit-margin-start: calc(0px - var(--knob-handle-size) / 2);\n  margin-inline-start: calc(0px - var(--knob-handle-size) / 2);\n  display: flex;\n  position: absolute;\n  justify-content: center;\n  width: var(--knob-handle-size);\n  height: var(--knob-handle-size);\n  text-align: center;\n}\n@supports (inset-inline-start: 0) {\n  .range-knob-handle {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .range-knob-handle {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .range-knob-handle {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  [dir=rtl] .range-knob-handle {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    .range-knob-handle:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n:host-context([dir=rtl]) .range-knob-handle {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n[dir=rtl] .range-knob-handle {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n@supports selector(:dir(rtl)) {\n  .range-knob-handle:dir(rtl) {\n    /* stylelint-disable-next-line property-disallowed-list */\n    left: unset;\n  }\n}\n.range-knob-handle:active, .range-knob-handle:focus {\n  outline: none;\n}\n\n.range-bar-container {\n  border-radius: var(--bar-border-radius);\n  top: calc((var(--height) - var(--bar-height)) / 2);\n  position: absolute;\n  width: 100%;\n  height: var(--bar-height);\n}\n@supports (inset-inline-start: 0) {\n  .range-bar-container {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .range-bar-container {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .range-bar-container {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  [dir=rtl] .range-bar-container {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    .range-bar-container:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n:host-context([dir=rtl]) .range-bar-container {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n[dir=rtl] .range-bar-container {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n@supports selector(:dir(rtl)) {\n  .range-bar-container:dir(rtl) {\n    /* stylelint-disable-next-line property-disallowed-list */\n    left: unset;\n  }\n}\n\n.range-bar {\n  border-radius: var(--bar-border-radius);\n  position: absolute;\n  width: 100%;\n  height: var(--bar-height);\n  background: var(--bar-background);\n  pointer-events: none;\n}\n\n.range-knob {\n  border-radius: var(--knob-border-radius);\n  top: calc(50% - var(--knob-size) / 2);\n  position: absolute;\n  width: var(--knob-size);\n  height: var(--knob-size);\n  background: var(--knob-background);\n  box-shadow: var(--knob-box-shadow);\n  z-index: 2;\n  pointer-events: none;\n}\n@supports (inset-inline-start: 0) {\n  .range-knob {\n    inset-inline-start: calc(50% - var(--knob-size) / 2);\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .range-knob {\n    left: calc(50% - var(--knob-size) / 2);\n  }\n  :host-context([dir=rtl]) .range-knob {\n    left: unset;\n    right: unset;\n    right: calc(50% - var(--knob-size) / 2);\n  }\n  [dir=rtl] .range-knob {\n    left: unset;\n    right: unset;\n    right: calc(50% - var(--knob-size) / 2);\n  }\n  @supports selector(:dir(rtl)) {\n    .range-knob:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: calc(50% - var(--knob-size) / 2);\n    }\n  }\n}\n:host-context([dir=rtl]) .range-knob {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n[dir=rtl] .range-knob {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n@supports selector(:dir(rtl)) {\n  .range-knob:dir(rtl) {\n    /* stylelint-disable-next-line property-disallowed-list */\n    left: unset;\n  }\n}\n\n:host(.range-pressed) .range-bar-active {\n  will-change: left, right;\n}\n\n:host(.in-item) {\n  width: 100%;\n}\n\n/**\n * Range can be slotted\n * in components such as item and\n * toolbar which is why we do not\n * limit the below behavior to just ion-item.\n */\n:host([slot=start]),\n:host([slot=end]) {\n  width: auto;\n}\n\n:host(.in-item) ::slotted(ion-label) {\n  align-self: center;\n}\n\n.range-wrapper {\n  display: flex;\n  position: relative;\n  flex-grow: 1;\n  align-items: center;\n  height: inherit;\n}\n\n::slotted([slot=label]) {\n  /**\n   * Label text should not extend\n   * beyond the bounds of the range.\n   * However, we do not set the max\n   * width to 100% because then\n   * only the label would show and users\n   * would not be able to see the range.\n   */\n  max-width: 200px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n/**\n * If no label text is placed into the slot\n * then the element should be hidden otherwise\n * there will be additional margins added.\n */\n.label-text-wrapper-hidden {\n  display: none;\n}\n\n.native-wrapper {\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n}\n\n/**\n * Label is on the left of the range in LTR and\n * on the right in RTL.\n */\n:host(.range-label-placement-start) .range-wrapper {\n  flex-direction: row;\n}\n\n:host(.range-label-placement-start) .label-text-wrapper {\n  /**\n   * The margin between the label and\n   * the range should be on the end\n   * when the label sits at the start.\n   */\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 16px;\n  margin-inline-end: 16px;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n/**\n * Label is on the right of the range in LTR and\n * on the left in RTL.\n */\n:host(.range-label-placement-end) .range-wrapper {\n  flex-direction: row-reverse;\n}\n\n/**\n * The margin between the label and\n * the range should be on the start\n * when the label sits at the end.\n */\n:host(.range-label-placement-end) .label-text-wrapper {\n  -webkit-margin-start: 16px;\n  margin-inline-start: 16px;\n  -webkit-margin-end: 0;\n  margin-inline-end: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n:host(.range-label-placement-fixed) .label-text-wrapper {\n  /**\n   * The margin between the label and\n   * the range should be on the end\n   * when the label sits at the start.\n   */\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 16px;\n  margin-inline-end: 16px;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n/**\n * Label is on the left of the range in LTR and\n * on the right in RTL. Label also has a fixed width.\n */\n:host(.range-label-placement-fixed) .label-text-wrapper {\n  flex: 0 0 100px;\n  width: 100px;\n  min-width: 100px;\n  max-width: 200px;\n}\n\n/**\n * Label is on top of the range.\n */\n:host(.range-label-placement-stacked) .range-wrapper {\n  flex-direction: column;\n  align-items: stretch;\n}\n\n:host(.range-label-placement-stacked) .label-text-wrapper {\n  transform-origin: left top;\n  transform: scale(0.75);\n  /**\n  * The margin between the label and\n  * the range should be on the bottom\n  * when the label sits on top.\n  */\n  margin-left: 0;\n  margin-right: 0;\n  margin-bottom: 16px;\n  /**\n   * Label text should not extend\n   * beyond the bounds of the range.\n   */\n  max-width: calc(100% / 0.75);\n}\n:host-context([dir=rtl]):host(.range-label-placement-stacked) .label-text-wrapper, :host-context([dir=rtl]).range-label-placement-stacked .label-text-wrapper {\n  transform-origin: right top;\n}\n\n@supports selector(:dir(rtl)) {\n  :host(.range-label-placement-stacked:dir(rtl)) .label-text-wrapper {\n    transform-origin: right top;\n  }\n}\n\n:host(.in-item.range-label-placement-stacked) .label-text-wrapper {\n  margin-top: 10px;\n  margin-bottom: 16px;\n}\n\n:host(.in-item.range-label-placement-stacked) .native-wrapper {\n  margin-bottom: 0px;\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 * 18px was chosen so the knob and its focus/active\n * effects do not get cut off by the item.\n */\n:host {\n  --knob-border-radius: 50%;\n  --knob-background: var(--bar-background-active);\n  --knob-box-shadow: none;\n  --knob-size: 18px;\n  --bar-height: 2px;\n  --bar-background: rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.26);\n  --bar-background-active: var(--ion-color-primary, #3880ff);\n  --bar-border-radius: 0;\n  --height: 42px;\n  --pin-background: var(--ion-color-primary, #3880ff);\n  --pin-color: var(--ion-color-primary-contrast, #fff);\n}\n\n:host(.legacy-range) ::slotted([slot=label]) {\n  font-size: initial;\n}\n\n:host(:not(.legacy-range)) ::slotted(:not(ion-icon)[slot=start]),\n:host(:not(.legacy-range)) ::slotted(:not(ion-icon)[slot=end]),\n:host(:not(.legacy-range)) .native-wrapper {\n  font-size: 0.75rem;\n}\n\n:host(.legacy-range) {\n  -webkit-padding-start: 14px;\n  padding-inline-start: 14px;\n  -webkit-padding-end: 14px;\n  padding-inline-end: 14px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  font-size: 0.75rem;\n}\n\n:host(.range-item-start-adjustment) {\n  -webkit-padding-start: 18px;\n  padding-inline-start: 18px;\n}\n\n:host(.range-item-end-adjustment) {\n  -webkit-padding-end: 18px;\n  padding-inline-end: 18px;\n}\n\n:host(.ion-color) .range-bar {\n  background: rgba(var(--ion-color-base-rgb), 0.26);\n}\n\n:host(.ion-color) .range-bar-active,\n:host(.ion-color) .range-knob,\n:host(.ion-color) .range-knob::before,\n:host(.ion-color) .range-pin,\n:host(.ion-color) .range-pin::before,\n:host(.ion-color) .range-tick {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n::slotted([slot=start]) {\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 14px;\n  margin-inline-end: 14px;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n::slotted([slot=end]) {\n  -webkit-margin-start: 14px;\n  margin-inline-start: 14px;\n  -webkit-margin-end: 0;\n  margin-inline-end: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n:host(.range-has-pin:not(.range-label-placement-stacked)) {\n  /**\n  * The pin should not overlap any elements that are\n  * above the range. By adding padding to the top of the\n  * range, it provides a buffer for the pin to move into\n  * when it is pressed.\n  *\n  * The padding is not included when the label is stacked\n  * because the pin is below the label.\n  * It still requires a buffer to prevent the pin from\n  * overlapping the range. The buffer is added to the\n  * bottom of the range label instead of the host.\n  */\n  padding-top: 1.75rem;\n}\n\n:host(.range-has-pin.range-label-placement-stacked) .label-text-wrapper {\n  /**\n  * The pin should not overlap the stacked label. By adding\n  * margin to the bottom of the label, it provides a buffer\n  * for the pin to move into when it is pressed.\n  */\n  margin-bottom: 1.75rem;\n}\n\n.range-bar-active {\n  bottom: 0;\n  width: auto;\n  background: var(--bar-background-active);\n}\n\n.range-knob {\n  transform: scale(0.67);\n  transition-duration: 120ms;\n  transition-property: transform, background-color, border;\n  transition-timing-function: ease;\n  z-index: 2;\n}\n.range-knob::before {\n  border-radius: 50%;\n  position: absolute;\n  width: var(--knob-size);\n  height: var(--knob-size);\n  transform: scale(1);\n  transition: 0.267s cubic-bezier(0, 0, 0.58, 1);\n  background: var(--knob-background);\n  content: \"\";\n  opacity: 0.13;\n  pointer-events: none;\n}\n@supports (inset-inline-start: 0) {\n  .range-knob::before {\n    inset-inline-start: 0;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .range-knob::before {\n    left: 0;\n  }\n  :host-context([dir=rtl]) .range-knob::before {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  [dir=rtl] .range-knob::before {\n    left: unset;\n    right: unset;\n    right: 0;\n  }\n  @supports selector(:dir(rtl)) {\n    .range-knob::before:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: 0;\n    }\n  }\n}\n\n.range-tick {\n  position: absolute;\n  top: calc((var(--height) - var(--bar-height)) / 2);\n  width: var(--bar-height);\n  height: var(--bar-height);\n  background: var(--bar-background-active);\n  z-index: 1;\n  pointer-events: none;\n}\n\n.range-tick-active {\n  background: transparent;\n}\n\n.range-pin {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 50%;\n  transform: translate3d(0,  0,  0) scale(0.01);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /**\n   * The dimensions of the range need\n   * to scale with the size of the text\n   * which is why we use dynamic dimensions here.\n   */\n  width: 1.75rem;\n  height: 1.75rem;\n  transition: transform 120ms ease, background 120ms ease;\n  background: var(--pin-background);\n  color: var(--pin-color);\n}\n.range-pin::before {\n  /**\n   * The -1px here moves the ::before\n   * psuedo-element down to create a uniform pin shape.\n   */\n  bottom: -1px;\n  -webkit-margin-start: -13px;\n  margin-inline-start: -13px;\n  /* stylelint-disable-next-line property-disallowed-list */\n  border-radius: 50% 50% 50% 0;\n  position: absolute;\n  width: 26px;\n  height: 26px;\n  transform: rotate(-45deg);\n  transition: background 120ms ease;\n  background: var(--pin-background);\n  content: \"\";\n  z-index: -1;\n}\n@supports (inset-inline-start: 0) {\n  .range-pin::before {\n    inset-inline-start: 50%;\n  }\n}\n@supports not (inset-inline-start: 0) {\n  .range-pin::before {\n    left: 50%;\n  }\n  :host-context([dir=rtl]) .range-pin::before {\n    left: unset;\n    right: unset;\n    right: 50%;\n  }\n  [dir=rtl] .range-pin::before {\n    left: unset;\n    right: unset;\n    right: 50%;\n  }\n  @supports selector(:dir(rtl)) {\n    .range-pin::before:dir(rtl) {\n      left: unset;\n      right: unset;\n      right: 50%;\n    }\n  }\n}\n:host-context([dir=rtl]) .range-pin::before {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n[dir=rtl] .range-pin::before {\n  /* stylelint-disable-next-line property-disallowed-list */\n  left: unset;\n}\n\n@supports selector(:dir(rtl)) {\n  .range-pin::before:dir(rtl) {\n    /* stylelint-disable-next-line property-disallowed-list */\n    left: unset;\n  }\n}\n\n/**\n * Move the pin up by its full height\n * plus a few pixels so the tip is above\n * (but not touching) the knob.\n */\n.range-knob-pressed .range-pin,\n.range-knob-handle.ion-focused .range-pin {\n  transform: translate3d(0, calc(-100% + 4px), 0) scale(1);\n}\n\n@media (any-hover: hover) {\n  .range-knob-handle:hover .range-knob:before {\n    transform: scale(2);\n    opacity: 0.13;\n  }\n}\n.range-knob-handle.ion-activated .range-knob:before, .range-knob-handle.ion-focused .range-knob:before, .range-knob-handle.range-knob-pressed .range-knob:before {\n  transform: scale(2);\n}\n.range-knob-handle.ion-focused .range-knob::before {\n  opacity: 0.13;\n}\n.range-knob-handle.ion-activated .range-knob::before, .range-knob-handle.range-knob-pressed .range-knob::before {\n  opacity: 0.25;\n}\n\n:host(:not(.range-has-pin)) .range-knob-pressed .range-knob,\n:host(:not(.range-has-pin)) .range-knob-handle.ion-focused .range-knob {\n  transform: scale(1);\n}\n\n:host(.range-disabled) .range-bar-active,\n:host(.range-disabled) .range-bar,\n:host(.range-disabled) .range-tick {\n  background-color: var(--ion-color-step-250, #bfbfbf);\n}\n\n:host(.range-disabled) .range-knob {\n  transform: scale(0.55);\n  outline: 5px solid #fff;\n  background-color: var(--ion-color-step-250, #bfbfbf);\n}\n\n:host(.range-disabled) .label-text-wrapper,\n:host(.range-disabled) ::slotted([slot=start]),\n:host(.range-disabled) ::slotted([slot=end]) {\n  opacity: 0.38;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { findClosestIonContent, disableContentScrollY, resetContentScrollY } from \"../../utils/content/index\";\nimport { createLegacyFormController } from \"../../utils/forms/index\";\nimport { inheritAriaAttributes, clamp, debounceEvent, getAriaLabel, renderHiddenInput } from \"../../utils/helpers\";\nimport { printIonWarning } from \"../../utils/logging/index\";\nimport { isRTL } from \"../../utils/rtl/index\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\nimport { roundToMaxDecimalPlaces } from \"../../utils/floating-point\";\n// TODO(FW-2832): types\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n *\n * @slot label - The label text to associate with the range. Use the \"labelPlacement\" property to control where the label is placed relative to the range.\n * @slot start - Content is placed to the left of the range slider in LTR, and to the right in RTL.\n * @slot end - Content is placed to the right of the range slider in LTR, and to the left in RTL.\n *\n * @part tick - An inactive tick mark.\n * @part tick-active - An active tick mark.\n * @part pin - The counter that appears above a knob.\n * @part knob - The handle that is used to drag the range.\n * @part bar - The inactive part of the bar.\n * @part bar-active - The active part of the bar.\n * @part label - The label text describing the range.\n */\nexport class Range {\n    constructor() {\n        this.rangeId = `ion-r-${rangeIds++}`;\n        this.didLoad = false;\n        this.noUpdate = false;\n        this.hasFocus = false;\n        this.inheritedAttributes = {};\n        this.contentEl = null;\n        this.initialContentScrollY = true;\n        // This flag ensures we log the deprecation warning at most once.\n        this.hasLoggedDeprecationWarning = false;\n        this.clampBounds = (value) => {\n            return clamp(this.min, value, this.max);\n        };\n        this.ensureValueInBounds = (value) => {\n            if (this.dualKnobs) {\n                return {\n                    lower: this.clampBounds(value.lower),\n                    upper: this.clampBounds(value.upper),\n                };\n            }\n            else {\n                return this.clampBounds(value);\n            }\n        };\n        this.setupGesture = async () => {\n            const rangeSlider = this.rangeSlider;\n            if (rangeSlider) {\n                this.gesture = (await import('../../utils/gesture')).createGesture({\n                    el: rangeSlider,\n                    gestureName: 'range',\n                    gesturePriority: 100,\n                    /**\n                     * Provide a threshold since the drag movement\n                     * might be a user scrolling the view.\n                     * If this is true, then the range\n                     * should not move.\n                     */\n                    threshold: 10,\n                    onStart: () => this.onStart(),\n                    onMove: (ev) => this.onMove(ev),\n                    onEnd: (ev) => this.onEnd(ev),\n                });\n                this.gesture.enable(!this.disabled);\n            }\n        };\n        this.handleKeyboard = (knob, isIncrease) => {\n            const { ensureValueInBounds } = this;\n            let step = this.step;\n            step = step > 0 ? step : 1;\n            step = step / (this.max - this.min);\n            if (!isIncrease) {\n                step *= -1;\n            }\n            if (knob === 'A') {\n                this.ratioA = clamp(0, this.ratioA + step, 1);\n            }\n            else {\n                this.ratioB = clamp(0, this.ratioB + step, 1);\n            }\n            this.ionKnobMoveStart.emit({ value: ensureValueInBounds(this.value) });\n            this.updateValue();\n            this.emitValueChange();\n            this.ionKnobMoveEnd.emit({ value: ensureValueInBounds(this.value) });\n        };\n        this.onBlur = () => {\n            if (this.hasFocus) {\n                this.hasFocus = false;\n                this.ionBlur.emit();\n                this.emitStyle();\n            }\n        };\n        this.onFocus = () => {\n            if (!this.hasFocus) {\n                this.hasFocus = true;\n                this.ionFocus.emit();\n                this.emitStyle();\n            }\n        };\n        this.ratioA = 0;\n        this.ratioB = 0;\n        this.pressedKnob = undefined;\n        this.color = undefined;\n        this.debounce = undefined;\n        this.name = this.rangeId;\n        this.label = undefined;\n        this.dualKnobs = false;\n        this.min = 0;\n        this.max = 100;\n        this.pin = false;\n        this.pinFormatter = (value) => Math.round(value);\n        this.snaps = false;\n        this.step = 1;\n        this.ticks = true;\n        this.activeBarStart = undefined;\n        this.disabled = false;\n        this.value = 0;\n        this.labelPlacement = 'start';\n        this.legacy = undefined;\n    }\n    debounceChanged() {\n        const { ionInput, debounce, originalIonInput } = this;\n        /**\n         * If debounce is undefined, we have to manually revert the ionInput emitter in case\n         * debounce used to be set to a number. Otherwise, the event would stay debounced.\n         */\n        this.ionInput = debounce === undefined ? originalIonInput !== null && originalIonInput !== void 0 ? originalIonInput : ionInput : debounceEvent(ionInput, debounce);\n    }\n    minChanged() {\n        if (!this.noUpdate) {\n            this.updateRatio();\n        }\n    }\n    maxChanged() {\n        if (!this.noUpdate) {\n            this.updateRatio();\n        }\n    }\n    activeBarStartChanged() {\n        const { activeBarStart } = this;\n        if (activeBarStart !== undefined) {\n            if (activeBarStart > this.max) {\n                printIonWarning(`Range: The value of activeBarStart (${activeBarStart}) is greater than the max (${this.max}). Valid values are greater than or equal to the min value and less than or equal to the max value.`, this.el);\n                this.activeBarStart = this.max;\n            }\n            else if (activeBarStart < this.min) {\n                printIonWarning(`Range: The value of activeBarStart (${activeBarStart}) is less than the min (${this.min}). Valid values are greater than or equal to the min value and less than or equal to the max value.`, this.el);\n                this.activeBarStart = this.min;\n            }\n        }\n    }\n    disabledChanged() {\n        if (this.gesture) {\n            this.gesture.enable(!this.disabled);\n        }\n        this.emitStyle();\n    }\n    valueChanged() {\n        if (!this.noUpdate) {\n            this.updateRatio();\n        }\n    }\n    componentWillLoad() {\n        /**\n         * If user has custom ID set then we should\n         * not assign the default incrementing ID.\n         */\n        if (this.el.hasAttribute('id')) {\n            this.rangeId = this.el.getAttribute('id');\n        }\n        this.inheritedAttributes = inheritAriaAttributes(this.el);\n    }\n    componentDidLoad() {\n        this.originalIonInput = this.ionInput;\n        this.setupGesture();\n        this.updateRatio();\n        this.didLoad = true;\n    }\n    connectedCallback() {\n        const { el } = this;\n        this.legacyFormController = createLegacyFormController(el);\n        this.updateRatio();\n        this.debounceChanged();\n        this.disabledChanged();\n        this.activeBarStartChanged();\n        /**\n         * If we have not yet rendered\n         * ion-range, then rangeSlider is not defined.\n         * But if we are moving ion-range via appendChild,\n         * then rangeSlider will be defined.\n         */\n        if (this.didLoad) {\n            this.setupGesture();\n        }\n        this.contentEl = findClosestIonContent(this.el);\n    }\n    disconnectedCallback() {\n        if (this.gesture) {\n            this.gesture.destroy();\n            this.gesture = undefined;\n        }\n    }\n    getValue() {\n        var _a;\n        const value = (_a = this.value) !== null && _a !== void 0 ? _a : 0;\n        if (this.dualKnobs) {\n            if (typeof value === 'object') {\n                return value;\n            }\n            return {\n                lower: 0,\n                upper: value,\n            };\n        }\n        else {\n            if (typeof value === 'object') {\n                return value.upper;\n            }\n            return value;\n        }\n    }\n    // TODO FW-2997 remove this\n    emitStyle() {\n        if (this.legacyFormController.hasLegacyControl()) {\n            this.ionStyle.emit({\n                interactive: true,\n                'interactive-disabled': this.disabled,\n                // TODO(FW-2997): remove this\n                legacy: !!this.legacy,\n            });\n        }\n    }\n    /**\n     * Emits an `ionChange` event.\n     *\n     * This API should be called for user committed changes.\n     * This API should not be used for external value changes.\n     */\n    emitValueChange() {\n        this.value = this.ensureValueInBounds(this.value);\n        this.ionChange.emit({ value: this.value });\n    }\n    /**\n     * The value should be updated on touch end or\n     * when the component is being dragged.\n     * This follows the native behavior of mobile devices.\n     *\n     * For example: When the user lifts their finger from the\n     * screen after tapping the bar or dragging the bar or knob.\n     */\n    onStart() {\n        this.ionKnobMoveStart.emit({ value: this.ensureValueInBounds(this.value) });\n    }\n    /**\n     * The value should be updated while dragging the\n     * bar or knob.\n     *\n     * While the user is dragging, the view\n     * should not scroll. This is to prevent the user from\n     * feeling disoriented while dragging.\n     *\n     * The user can scroll on the view if the knob or\n     * bar is not being dragged.\n     *\n     * @param detail The details of the gesture event.\n     */\n    onMove(detail) {\n        const { contentEl, pressedKnob } = this;\n        const currentX = detail.currentX;\n        /**\n         * Since the user is dragging on the bar or knob, the view should not scroll.\n         *\n         * This only needs to be done once.\n         */\n        if (contentEl && this.initialContentScrollY === undefined) {\n            this.initialContentScrollY = disableContentScrollY(contentEl);\n        }\n        /**\n         * The `pressedKnob` can be undefined if the user just\n         * started dragging the knob.\n         *\n         * This is necessary to determine which knob the user is dragging,\n         * especially when it's a dual knob.\n         * Plus, it determines when to apply certain styles.\n         *\n         * This only needs to be done once since the knob won't change\n         * while the user is dragging.\n         */\n        if (pressedKnob === undefined) {\n            this.setPressedKnob(currentX);\n        }\n        this.update(currentX);\n    }\n    /**\n     * The value should be updated on touch end:\n     * - When the user lifts their finger from the screen after\n     * tapping the bar.\n     *\n     * @param detail The details of the gesture or mouse event.\n     */\n    onEnd(detail) {\n        const { contentEl, initialContentScrollY } = this;\n        const currentX = detail.currentX || detail.clientX;\n        /**\n         * The `pressedKnob` can be undefined if the user never\n         * dragged the knob. They just tapped on the bar.\n         *\n         * This is necessary to determine which knob the user is changing,\n         * especially when it's a dual knob.\n         * Plus, it determines when to apply certain styles.\n         */\n        if (this.pressedKnob === undefined) {\n            this.setPressedKnob(currentX);\n        }\n        /**\n         * The user is no longer dragging the bar or\n         * knob (if they were dragging it).\n         *\n         * The user can now scroll on the view in the next gesture event.\n         */\n        if (contentEl && initialContentScrollY !== undefined) {\n            resetContentScrollY(contentEl, initialContentScrollY);\n        }\n        // update the active knob's position\n        this.update(currentX);\n        /**\n         * Reset the pressed knob to undefined since the user\n         * may start dragging a different knob in the next gesture event.\n         */\n        this.pressedKnob = undefined;\n        this.emitValueChange();\n        this.ionKnobMoveEnd.emit({ value: this.ensureValueInBounds(this.value) });\n    }\n    update(currentX) {\n        // figure out where the pointer is currently at\n        // update the knob being interacted with\n        const rect = this.rect;\n        let ratio = clamp(0, (currentX - rect.left) / rect.width, 1);\n        if (isRTL(this.el)) {\n            ratio = 1 - ratio;\n        }\n        if (this.snaps) {\n            // snaps the ratio to the current value\n            ratio = valueToRatio(ratioToValue(ratio, this.min, this.max, this.step), this.min, this.max);\n        }\n        // update which knob is pressed\n        if (this.pressedKnob === 'A') {\n            this.ratioA = ratio;\n        }\n        else {\n            this.ratioB = ratio;\n        }\n        // Update input value\n        this.updateValue();\n    }\n    setPressedKnob(currentX) {\n        const rect = (this.rect = this.rangeSlider.getBoundingClientRect());\n        // figure out which knob they started closer to\n        let ratio = clamp(0, (currentX - rect.left) / rect.width, 1);\n        if (isRTL(this.el)) {\n            ratio = 1 - ratio;\n        }\n        this.pressedKnob = !this.dualKnobs || Math.abs(this.ratioA - ratio) < Math.abs(this.ratioB - ratio) ? 'A' : 'B';\n        this.setFocus(this.pressedKnob);\n    }\n    get valA() {\n        return ratioToValue(this.ratioA, this.min, this.max, this.step);\n    }\n    get valB() {\n        return ratioToValue(this.ratioB, this.min, this.max, this.step);\n    }\n    get ratioLower() {\n        if (this.dualKnobs) {\n            return Math.min(this.ratioA, this.ratioB);\n        }\n        const { activeBarStart } = this;\n        if (activeBarStart == null) {\n            return 0;\n        }\n        return valueToRatio(activeBarStart, this.min, this.max);\n    }\n    get ratioUpper() {\n        if (this.dualKnobs) {\n            return Math.max(this.ratioA, this.ratioB);\n        }\n        return this.ratioA;\n    }\n    updateRatio() {\n        const value = this.getValue();\n        const { min, max } = this;\n        if (this.dualKnobs) {\n            this.ratioA = valueToRatio(value.lower, min, max);\n            this.ratioB = valueToRatio(value.upper, min, max);\n        }\n        else {\n            this.ratioA = valueToRatio(value, min, max);\n        }\n    }\n    updateValue() {\n        this.noUpdate = true;\n        const { valA, valB } = this;\n        this.value = !this.dualKnobs\n            ? valA\n            : {\n                lower: Math.min(valA, valB),\n                upper: Math.max(valA, valB),\n            };\n        this.ionInput.emit({ value: this.value });\n        this.noUpdate = false;\n    }\n    setFocus(knob) {\n        if (this.el.shadowRoot) {\n            const knobEl = this.el.shadowRoot.querySelector(knob === 'A' ? '.range-knob-a' : '.range-knob-b');\n            if (knobEl) {\n                knobEl.focus();\n            }\n        }\n    }\n    // TODO FW-2997 remove this\n    renderLegacyRange() {\n        if (!this.hasLoggedDeprecationWarning) {\n            printIonWarning(`ion-range now requires providing a label with either the label slot or the \"aria-label\" attribute. To migrate, remove any usage of \"ion-label\" and pass the label text to either the component or the \"aria-label\" attribute.\n\nExample: <ion-range><div slot=\"label\">Volume</div></ion-range>\nExample with aria-label: <ion-range aria-label=\"Volume\"></ion-range>\n\nDevelopers can use the \"legacy\" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.`, this.el);\n            if (this.legacy) {\n                printIonWarning(`ion-range is being used with the \"legacy\" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.\n\nDevelopers can dismiss this warning by removing their usage of the \"legacy\" property and using the new range syntax.`, this.el);\n            }\n            this.hasLoggedDeprecationWarning = true;\n        }\n        const { el, pressedKnob, disabled, pin, rangeId } = this;\n        const mode = getIonMode(this);\n        renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);\n        return (h(Host, { onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {\n                [mode]: true,\n                'in-item': hostContext('ion-item', el),\n                'range-disabled': disabled,\n                'range-pressed': pressedKnob !== undefined,\n                'range-has-pin': pin,\n                'legacy-range': true,\n            }) }, h(\"slot\", { name: \"start\" }), this.renderRangeSlider(), h(\"slot\", { name: \"end\" })));\n    }\n    /**\n     * Returns true if content was passed to the \"start\" slot\n     */\n    get hasStartSlotContent() {\n        return this.el.querySelector('[slot=\"start\"]') !== null;\n    }\n    /**\n     * Returns true if content was passed to the \"end\" slot\n     */\n    get hasEndSlotContent() {\n        return this.el.querySelector('[slot=\"end\"]') !== null;\n    }\n    renderRange() {\n        const { disabled, el, hasLabel, rangeId, pin, pressedKnob, labelPlacement, label } = this;\n        const inItem = hostContext('ion-item', el);\n        /**\n         * If there is no start content then the knob at\n         * the min value will be cut off by the item margin.\n         */\n        const hasStartContent = (hasLabel && (labelPlacement === 'start' || labelPlacement === 'fixed')) || this.hasStartSlotContent;\n        const needsStartAdjustment = inItem && !hasStartContent;\n        /**\n         * If there is no end content then the knob at\n         * the max value will be cut off by the item margin.\n         */\n        const hasEndContent = (hasLabel && labelPlacement === 'end') || this.hasEndSlotContent;\n        const needsEndAdjustment = inItem && !hasEndContent;\n        const mode = getIonMode(this);\n        renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);\n        return (h(Host, { onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {\n                [mode]: true,\n                'in-item': inItem,\n                'range-disabled': disabled,\n                'range-pressed': pressedKnob !== undefined,\n                'range-has-pin': pin,\n                [`range-label-placement-${labelPlacement}`]: true,\n                'range-item-start-adjustment': needsStartAdjustment,\n                'range-item-end-adjustment': needsEndAdjustment,\n            }) }, h(\"label\", { class: \"range-wrapper\", id: \"range-label\" }, h(\"div\", { class: {\n                'label-text-wrapper': true,\n                'label-text-wrapper-hidden': !hasLabel,\n            }, part: \"label\" }, label !== undefined ? h(\"div\", { class: \"label-text\" }, label) : h(\"slot\", { name: \"label\" })), h(\"div\", { class: \"native-wrapper\" }, h(\"slot\", { name: \"start\" }), this.renderRangeSlider(), h(\"slot\", { name: \"end\" })))));\n    }\n    get hasLabel() {\n        return this.label !== undefined || this.el.querySelector('[slot=\"label\"]') !== null;\n    }\n    renderRangeSlider() {\n        var _a;\n        const { min, max, step, el, handleKeyboard, pressedKnob, disabled, pin, ratioLower, ratioUpper, inheritedAttributes, rangeId, pinFormatter, } = this;\n        /**\n         * Look for external label, ion-label, or aria-labelledby.\n         * If none, see if user placed an aria-label on the host\n         * and use that instead.\n         */\n        let { labelText } = getAriaLabel(el, rangeId);\n        if (labelText === undefined || labelText === null) {\n            labelText = inheritedAttributes['aria-label'];\n        }\n        let barStart = `${ratioLower * 100}%`;\n        let barEnd = `${100 - ratioUpper * 100}%`;\n        const rtl = isRTL(this.el);\n        const start = rtl ? 'right' : 'left';\n        const end = rtl ? 'left' : 'right';\n        const tickStyle = (tick) => {\n            return {\n                [start]: tick[start],\n            };\n        };\n        if (this.dualKnobs === false) {\n            /**\n             * When the value is less than the activeBarStart or the min value,\n             * the knob will display at the start of the active bar.\n             */\n            if (this.valA < ((_a = this.activeBarStart) !== null && _a !== void 0 ? _a : this.min)) {\n                /**\n                 * Sets the bar positions relative to the upper and lower limits.\n                 * Converts the ratio values into percentages, used as offsets for left/right styles.\n                 *\n                 * The ratioUpper refers to the knob position on the bar.\n                 * The ratioLower refers to the end position of the active bar (the value).\n                 */\n                barStart = `${ratioUpper * 100}%`;\n                barEnd = `${100 - ratioLower * 100}%`;\n            }\n            else {\n                /**\n                 * Otherwise, the knob will display at the end of the active bar.\n                 *\n                 * The ratioLower refers to the start position of the active bar (the value).\n                 * The ratioUpper refers to the knob position on the bar.\n                 */\n                barStart = `${ratioLower * 100}%`;\n                barEnd = `${100 - ratioUpper * 100}%`;\n            }\n        }\n        const barStyle = {\n            [start]: barStart,\n            [end]: barEnd,\n        };\n        const ticks = [];\n        if (this.snaps && this.ticks) {\n            for (let value = min; value <= max; value += step) {\n                const ratio = valueToRatio(value, min, max);\n                const ratioMin = Math.min(ratioLower, ratioUpper);\n                const ratioMax = Math.max(ratioLower, ratioUpper);\n                const tick = {\n                    ratio,\n                    /**\n                     * Sets the tick mark as active when the tick is between the min bounds and the knob.\n                     * When using activeBarStart, the tick mark will be active between the knob and activeBarStart.\n                     */\n                    active: ratio >= ratioMin && ratio <= ratioMax,\n                };\n                tick[start] = `${ratio * 100}%`;\n                ticks.push(tick);\n            }\n        }\n        let labelledBy;\n        if (!this.legacyFormController.hasLegacyControl() && this.hasLabel) {\n            labelledBy = 'range-label';\n        }\n        return (h(\"div\", { class: \"range-slider\", ref: (rangeEl) => (this.rangeSlider = rangeEl),\n            /**\n             * Since the gesture has a threshold, the value\n             * won't change until the user has dragged past\n             * the threshold. This is to prevent the range\n             * from moving when the user is scrolling.\n             *\n             * This results in the value not being updated\n             * and the event emitters not being triggered\n             * if the user taps on the range. This is why\n             * we need to listen for the \"pointerUp\" event.\n             */\n            onPointerUp: (ev) => {\n                /**\n                 * If the user drags the knob on the web\n                 * version (does not occur on mobile),\n                 * the \"pointerUp\" event will be triggered\n                 * along with the gesture's events.\n                 * This leads to duplicate events.\n                 *\n                 * By checking if the pressedKnob is undefined,\n                 * we can determine if the \"pointerUp\" event was\n                 * triggered by a tap or a drag. If it was\n                 * dragged, the pressedKnob will be defined.\n                 */\n                if (this.pressedKnob === undefined) {\n                    this.onStart();\n                    this.onEnd(ev);\n                }\n            } }, ticks.map((tick) => (h(\"div\", { style: tickStyle(tick), role: \"presentation\", class: {\n                'range-tick': true,\n                'range-tick-active': tick.active,\n            }, part: tick.active ? 'tick-active' : 'tick' }))), h(\"div\", { class: \"range-bar-container\" }, h(\"div\", { class: \"range-bar\", role: \"presentation\", part: \"bar\" }), h(\"div\", { class: {\n                'range-bar': true,\n                'range-bar-active': true,\n                'has-ticks': ticks.length > 0,\n            }, role: \"presentation\", style: barStyle, part: \"bar-active\" })), renderKnob(rtl, {\n            knob: 'A',\n            pressed: pressedKnob === 'A',\n            value: this.valA,\n            ratio: this.ratioA,\n            pin,\n            pinFormatter,\n            disabled,\n            handleKeyboard,\n            min,\n            max,\n            labelText,\n            labelledBy,\n        }), this.dualKnobs &&\n            renderKnob(rtl, {\n                knob: 'B',\n                pressed: pressedKnob === 'B',\n                value: this.valB,\n                ratio: this.ratioB,\n                pin,\n                pinFormatter,\n                disabled,\n                handleKeyboard,\n                min,\n                max,\n                labelText,\n                labelledBy,\n            })));\n    }\n    render() {\n        const { legacyFormController } = this;\n        return legacyFormController.hasLegacyControl() ? this.renderLegacyRange() : this.renderRange();\n    }\n    static get is() { return \"ion-range\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"range.ios.scss\"],\n            \"md\": [\"range.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"range.ios.css\"],\n            \"md\": [\"range.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            \"debounce\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How long, in milliseconds, to wait to trigger the\\n`ionInput` event after each change in the range value.\"\n                },\n                \"attribute\": \"debounce\",\n                \"reflect\": false\n            },\n            \"name\": {\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 name of the control, which is submitted with the form data.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false,\n                \"defaultValue\": \"this.rangeId\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text to display as the control's label. Use this over the `label` slot if\\nyou only need plain text. The `label` property will take priority over the\\n`label` slot if both are used.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"dualKnobs\": {\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\": \"Show two knobs.\"\n                },\n                \"attribute\": \"dual-knobs\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"min\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Minimum integer value of the range.\"\n                },\n                \"attribute\": \"min\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"max\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Maximum integer value of the range.\"\n                },\n                \"attribute\": \"max\",\n                \"reflect\": false,\n                \"defaultValue\": \"100\"\n            },\n            \"pin\": {\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 pin with integer value is shown when the knob\\nis pressed.\"\n                },\n                \"attribute\": \"pin\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"pinFormatter\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"PinFormatter\",\n                    \"resolved\": \"(value: number) => string | number\",\n                    \"references\": {\n                        \"PinFormatter\": {\n                            \"location\": \"import\",\n                            \"path\": \"./range-interface\",\n                            \"id\": \"src/components/range/range-interface.ts::PinFormatter\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"A callback used to format the pin text.\\nBy default the pin text is set to `Math.round(value)`.\\n\\nSee https://ionicframework.com/docs/troubleshooting/runtime#accessing-this\\nif you need to access `this` from within the callback.\"\n                },\n                \"defaultValue\": \"(value: number): number => Math.round(value)\"\n            },\n            \"snaps\": {\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 knob snaps to tick marks evenly spaced based\\non the step property value.\"\n                },\n                \"attribute\": \"snaps\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"step\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the value granularity.\"\n                },\n                \"attribute\": \"step\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            },\n            \"ticks\": {\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`, tick marks are displayed based on the step value.\\nOnly applies when `snaps` is `true`.\"\n                },\n                \"attribute\": \"ticks\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"activeBarStart\": {\n                \"type\": \"number\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The start position of the range active bar. This feature is only available with a single knob (dualKnobs=\\\"false\\\").\\nValid values are greater than or equal to the min value and less than or equal to the max value.\"\n                },\n                \"attribute\": \"active-bar-start\",\n                \"reflect\": false\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user cannot interact with the range.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"value\": {\n                \"type\": \"number\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"RangeValue\",\n                    \"resolved\": \"number | { lower: number; upper: number; }\",\n                    \"references\": {\n                        \"RangeValue\": {\n                            \"location\": \"import\",\n                            \"path\": \"./range-interface\",\n                            \"id\": \"src/components/range/range-interface.ts::RangeValue\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the value of the range.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"labelPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'start' | 'end' | 'fixed' | 'stacked'\",\n                    \"resolved\": \"\\\"end\\\" | \\\"fixed\\\" | \\\"stacked\\\" | \\\"start\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Where to place the label relative to the range.\\n`\\\"start\\\"`: The label will appear to the left of the range in LTR and to the right in RTL.\\n`\\\"end\\\"`: The label will appear to the right of the range in LTR and to the left in RTL.\\n`\\\"fixed\\\"`: The label has the same behavior as `\\\"start\\\"` except it also has a fixed width. Long text will be truncated with ellipses (\\\"...\\\").\\n`\\\"stacked\\\"`: The label will appear above the range regardless of the direction.\"\n                },\n                \"attribute\": \"label-placement\",\n                \"reflect\": false,\n                \"defaultValue\": \"'start'\"\n            },\n            \"legacy\": {\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\": \"Set the `legacy` property to `true` to forcibly use the legacy form control markup.\\nIonic will only opt components in to the modern form markup when they are\\nusing either the `aria-label` attribute or the `label` property. As a result,\\nthe `legacy` property should only be used as an escape hatch when you want to\\navoid this automatic opt-in behavior.\\nNote that this property will be removed in an upcoming major release\\nof Ionic, and all form components will be opted-in to using the modern form markup.\"\n                },\n                \"attribute\": \"legacy\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"ratioA\": {},\n            \"ratioB\": {},\n            \"pressedKnob\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"ionChange\",\n                \"name\": \"ionChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The `ionChange` event is fired for `<ion-range>` elements when the user\\nmodifies the element's value:\\n- When the user releases the knob after dragging;\\n- When the user moves the knob with keyboard arrows\\n\\n`ionChange` is not fired when the value is changed programmatically.\"\n                },\n                \"complexType\": {\n                    \"original\": \"RangeChangeEventDetail\",\n                    \"resolved\": \"RangeChangeEventDetail\",\n                    \"references\": {\n                        \"RangeChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./range-interface\",\n                            \"id\": \"src/components/range/range-interface.ts::RangeChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionInput\",\n                \"name\": \"ionInput\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The `ionInput` event is fired for `<ion-range>` elements when the value\\nis modified. Unlike `ionChange`, `ionInput` is fired continuously\\nwhile the user is dragging the knob.\"\n                },\n                \"complexType\": {\n                    \"original\": \"RangeChangeEventDetail\",\n                    \"resolved\": \"RangeChangeEventDetail\",\n                    \"references\": {\n                        \"RangeChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./range-interface\",\n                            \"id\": \"src/components/range/range-interface.ts::RangeChangeEventDetail\"\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                \"method\": \"ionFocus\",\n                \"name\": \"ionFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the range has focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionBlur\",\n                \"name\": \"ionBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the range loses focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"ionKnobMoveStart\",\n                \"name\": \"ionKnobMoveStart\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the user starts moving the range knob, whether through\\nmouse drag, touch gesture, or keyboard interaction.\"\n                },\n                \"complexType\": {\n                    \"original\": \"RangeKnobMoveStartEventDetail\",\n                    \"resolved\": \"RangeKnobMoveStartEventDetail\",\n                    \"references\": {\n                        \"RangeKnobMoveStartEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./range-interface\",\n                            \"id\": \"src/components/range/range-interface.ts::RangeKnobMoveStartEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionKnobMoveEnd\",\n                \"name\": \"ionKnobMoveEnd\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the user finishes moving the range knob, whether through\\nmouse drag, touch gesture, or keyboard interaction.\"\n                },\n                \"complexType\": {\n                    \"original\": \"RangeKnobMoveEndEventDetail\",\n                    \"resolved\": \"RangeKnobMoveEndEventDetail\",\n                    \"references\": {\n                        \"RangeKnobMoveEndEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./range-interface\",\n                            \"id\": \"src/components/range/range-interface.ts::RangeKnobMoveEndEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"debounce\",\n                \"methodName\": \"debounceChanged\"\n            }, {\n                \"propName\": \"min\",\n                \"methodName\": \"minChanged\"\n            }, {\n                \"propName\": \"max\",\n                \"methodName\": \"maxChanged\"\n            }, {\n                \"propName\": \"activeBarStart\",\n                \"methodName\": \"activeBarStartChanged\"\n            }, {\n                \"propName\": \"disabled\",\n                \"methodName\": \"disabledChanged\"\n            }, {\n                \"propName\": \"value\",\n                \"methodName\": \"valueChanged\"\n            }];\n    }\n}\nconst renderKnob = (rtl, { knob, value, ratio, min, max, disabled, pressed, pin, handleKeyboard, labelText, labelledBy, pinFormatter, }) => {\n    const start = rtl ? 'right' : 'left';\n    const knobStyle = () => {\n        const style = {};\n        style[start] = `${ratio * 100}%`;\n        return style;\n    };\n    return (h(\"div\", { onKeyDown: (ev) => {\n            const key = ev.key;\n            if (key === 'ArrowLeft' || key === 'ArrowDown') {\n                handleKeyboard(knob, false);\n                ev.preventDefault();\n                ev.stopPropagation();\n            }\n            else if (key === 'ArrowRight' || key === 'ArrowUp') {\n                handleKeyboard(knob, true);\n                ev.preventDefault();\n                ev.stopPropagation();\n            }\n        }, class: {\n            'range-knob-handle': true,\n            'range-knob-a': knob === 'A',\n            'range-knob-b': knob === 'B',\n            'range-knob-pressed': pressed,\n            'range-knob-min': value === min,\n            'range-knob-max': value === max,\n            'ion-activatable': true,\n            'ion-focusable': true,\n        }, style: knobStyle(), role: \"slider\", tabindex: disabled ? -1 : 0, \"aria-label\": labelledBy === undefined ? labelText : null, \"aria-labelledby\": labelledBy !== undefined ? labelledBy : null, \"aria-valuemin\": min, \"aria-valuemax\": max, \"aria-disabled\": disabled ? 'true' : null, \"aria-valuenow\": value }, pin && (h(\"div\", { class: \"range-pin\", role: \"presentation\", part: \"pin\" }, pinFormatter(value))), h(\"div\", { class: \"range-knob\", role: \"presentation\", part: \"knob\" })));\n};\nconst ratioToValue = (ratio, min, max, step) => {\n    let value = (max - min) * ratio;\n    if (step > 0) {\n        // round to nearest multiple of step, then add min\n        value = Math.round(value / step) * step + min;\n    }\n    const clampedValue = clamp(min, value, max);\n    return roundToMaxDecimalPlaces(clampedValue, min, max, step);\n};\nconst valueToRatio = (value, min, max) => {\n    return clamp(0, (value - min) / (max - min), 1);\n};\nlet rangeIds = 0;\n"],"mappings":"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"}

package/dist/checkout/p-17dd911b.entry.js

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

package/dist/checkout/p-17dd911b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["itemOptionIosCss","itemOptionMdCss","ItemOption","constructor","hostRef","this","onClick","ev","el","target","closest","preventDefault","color","undefined","disabled","download","expandable","href","rel","type","render","TagType","mode","getIonMode","attrs","h","Host","key","class","createColorClasses","Object","assign","part","name"],"sources":["./node_modules/@ionic/core/dist/collection/components/item-option/item-option.ios.css?tag=ion-item-option&mode=ios&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/item-option/item-option.md.css?tag=ion-item-option&mode=md&encapsulation=shadow","./node_modules/@ionic/core/dist/collection/components/item-option/item-option.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 option\n   * @prop --color: Color of the item option\n   */\n  --background: var(--ion-color-primary, #3880ff);\n  --color: var(--ion-color-primary-contrast, #fff);\n  background: var(--background);\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n}\n\n:host(.ion-color) {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n.button-native {\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  -webkit-padding-start: 0.7em;\n  padding-inline-start: 0.7em;\n  -webkit-padding-end: 0.7em;\n  padding-inline-end: 0.7em;\n  padding-top: 0;\n  padding-bottom: 0;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  outline: none;\n  background: transparent;\n  cursor: pointer;\n  appearance: none;\n  box-sizing: border-box;\n}\n\n.button-inner {\n  display: flex;\n  flex-flow: column nowrap;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.horizontal-wrapper {\n  display: flex;\n  flex-flow: row nowrap;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n::slotted(*) {\n  flex-shrink: 0;\n}\n\n::slotted([slot=start]) {\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 5px;\n  margin-inline-end: 5px;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n::slotted([slot=end]) {\n  -webkit-margin-start: 5px;\n  margin-inline-start: 5px;\n  -webkit-margin-end: 0;\n  margin-inline-end: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n::slotted([slot=icon-only]) {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  -webkit-margin-start: 10px;\n  margin-inline-start: 10px;\n  -webkit-margin-end: 10px;\n  margin-inline-end: 10px;\n  margin-top: 0;\n  margin-bottom: 0;\n  min-width: 0.9em;\n  font-size: 1.8em;\n}\n\n:host(.item-option-expandable) {\n  flex-shrink: 0;\n  transition-duration: 0;\n  transition-property: none;\n  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);\n}\n\n:host(.item-option-disabled) {\n  pointer-events: none;\n}\n\n:host(.item-option-disabled) .button-native {\n  cursor: default;\n  opacity: 0.5;\n  pointer-events: 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  font-size: clamp(16px, 1rem, 35.2px);\n}\n\n:host(.ion-activated) {\n  background: var(--ion-color-primary-shade, #3171e0);\n}\n\n:host(.ion-color.ion-activated) {\n  background: var(--ion-color-shade);\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 option\n   * @prop --color: Color of the item option\n   */\n  --background: var(--ion-color-primary, #3880ff);\n  --color: var(--ion-color-primary-contrast, #fff);\n  background: var(--background);\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n}\n\n:host(.ion-color) {\n  background: var(--ion-color-base);\n  color: var(--ion-color-contrast);\n}\n\n.button-native {\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  -webkit-padding-start: 0.7em;\n  padding-inline-start: 0.7em;\n  -webkit-padding-end: 0.7em;\n  padding-inline-end: 0.7em;\n  padding-top: 0;\n  padding-bottom: 0;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  border: 0;\n  outline: none;\n  background: transparent;\n  cursor: pointer;\n  appearance: none;\n  box-sizing: border-box;\n}\n\n.button-inner {\n  display: flex;\n  flex-flow: column nowrap;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n}\n\n.horizontal-wrapper {\n  display: flex;\n  flex-flow: row nowrap;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n::slotted(*) {\n  flex-shrink: 0;\n}\n\n::slotted([slot=start]) {\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 5px;\n  margin-inline-end: 5px;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n::slotted([slot=end]) {\n  -webkit-margin-start: 5px;\n  margin-inline-start: 5px;\n  -webkit-margin-end: 0;\n  margin-inline-end: 0;\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n::slotted([slot=icon-only]) {\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  -webkit-margin-start: 10px;\n  margin-inline-start: 10px;\n  -webkit-margin-end: 10px;\n  margin-inline-end: 10px;\n  margin-top: 0;\n  margin-bottom: 0;\n  min-width: 0.9em;\n  font-size: 1.8em;\n}\n\n:host(.item-option-expandable) {\n  flex-shrink: 0;\n  transition-duration: 0;\n  transition-property: none;\n  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);\n}\n\n:host(.item-option-disabled) {\n  pointer-events: none;\n}\n\n:host(.item-option-disabled) .button-native {\n  cursor: default;\n  opacity: 0.5;\n  pointer-events: 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  font-size: 0.875rem;\n  font-weight: 500;\n  text-transform: uppercase;\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 *\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 option text in LTR, and to the right in RTL.\n * @slot top - Content is placed above the option text.\n * @slot icon-only - Should be used on an icon in an option that has no text.\n * @slot bottom - Content is placed below the option text.\n * @slot end - Content is placed to the right of the option text in LTR, and to the left in RTL.\n *\n * @part native - The native HTML button or anchor element that wraps all child elements.\n */\nexport class ItemOption {\n    constructor() {\n        this.onClick = (ev) => {\n            const el = ev.target.closest('ion-item-option');\n            if (el) {\n                ev.preventDefault();\n            }\n        };\n        this.color = undefined;\n        this.disabled = false;\n        this.download = undefined;\n        this.expandable = false;\n        this.href = undefined;\n        this.rel = undefined;\n        this.target = undefined;\n        this.type = 'button';\n    }\n    render() {\n        const { disabled, expandable, href } = this;\n        const TagType = href === undefined ? 'button' : 'a';\n        const mode = getIonMode(this);\n        const attrs = TagType === 'button'\n            ? { type: this.type }\n            : {\n                download: this.download,\n                href: this.href,\n                target: this.target,\n            };\n        return (h(Host, { key: '763c3a7571b143d1068d85103ccab403bc48abae', onClick: this.onClick, class: createColorClasses(this.color, {\n                [mode]: true,\n                'item-option-disabled': disabled,\n                'item-option-expandable': expandable,\n                'ion-activatable': true,\n            }) }, h(TagType, Object.assign({ key: 'cb199c2ccd38abaad3460f184af3093bf08546cc' }, attrs, { class: \"button-native\", part: \"native\", disabled: disabled }), h(\"span\", { key: 'f3ce9f1d343890c6f55f2609127f1e5113a2eedf', class: \"button-inner\" }, h(\"slot\", { key: 'cd9434883c0bdb4129fb6f49970d49710653a09a', name: \"top\" }), h(\"div\", { key: '764529c5f4b3d82105ce55885e8f121a91e8bc4a', class: \"horizontal-wrapper\" }, h(\"slot\", { key: '5bbd7b9ed9f35c8bf422c3134a1a097e174ad6df', name: \"start\" }), h(\"slot\", { key: '1e70a781cdf4ffcefb1dea70abe43655d7857c4b', name: \"icon-only\" }), h(\"slot\", { key: 'c3205e9b1577a56786c10a8b5b420010b5fe53fc' }), h(\"slot\", { key: '6bae6c98cd8d8526a203af47ca8e83753e1e1cb6', name: \"end\" })), h(\"slot\", { key: '466cc32cdf9cbbdbb58e4b29144215cf2984c0d6', name: \"bottom\" })), mode === 'md' && h(\"ion-ripple-effect\", { key: 'b5c54b801008b307ca8f718a41101be3e8d1d938' }))));\n    }\n    static get is() { return \"ion-item-option\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"item-option.ios.scss\"],\n            \"md\": [\"item-option.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"item-option.ios.css\"],\n            \"md\": [\"item-option.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            \"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 option.\"\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            \"expandable\": {\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 option will expand to take up the available width and cover any other options.\"\n                },\n                \"attribute\": \"expandable\",\n                \"reflect\": false,\n                \"defaultValue\": \"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            \"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.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"'button'\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n"],"mappings":"4HAAA,MAAMA,EAAmB,skECAzB,MAAMC,EAAkB,m9D,MCkBXC,EAAU,MACnBC,YAAAC,G,UACIC,KAAKC,QAAWC,IACZ,MAAMC,EAAKD,EAAGE,OAAOC,QAAQ,mBAC7B,GAAIF,EAAI,CACJD,EAAGI,gB,GAGXN,KAAKO,MAAQC,UACbR,KAAKS,SAAW,MAChBT,KAAKU,SAAWF,UAChBR,KAAKW,WAAa,MAClBX,KAAKY,KAAOJ,UACZR,KAAKa,IAAML,UACXR,KAAKI,OAASI,UACdR,KAAKc,KAAO,Q,CAEhBC,SACI,MAAMN,SAAEA,EAAQE,WAAEA,EAAUC,KAAEA,GAASZ,KACvC,MAAMgB,EAAUJ,IAASJ,UAAY,SAAW,IAChD,MAAMS,EAAOC,EAAWlB,MACxB,MAAMmB,EAAQH,IAAY,SACpB,CAAEF,KAAMd,KAAKc,MACb,CACEJ,SAAUV,KAAKU,SACfE,KAAMZ,KAAKY,KACXR,OAAQJ,KAAKI,QAErB,OAAQgB,EAAEC,EAAM,CAAEC,IAAK,2CAA4CrB,QAASD,KAAKC,QAASsB,MAAOC,EAAmBxB,KAAKO,MAAO,CACxHU,CAACA,GAAO,KACR,uBAAwBR,EACxB,yBAA0BE,EAC1B,kBAAmB,QACjBS,EAAEJ,EAASS,OAAOC,OAAO,CAAEJ,IAAK,4CAA8CH,EAAO,CAAEI,MAAO,gBAAiBI,KAAM,SAAUlB,SAAUA,IAAaW,EAAE,OAAQ,CAAEE,IAAK,2CAA4CC,MAAO,gBAAkBH,EAAE,OAAQ,CAAEE,IAAK,2CAA4CM,KAAM,QAAUR,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,sBAAwBH,EAAE,OAAQ,CAAEE,IAAK,2CAA4CM,KAAM,UAAYR,EAAE,OAAQ,CAAEE,IAAK,2CAA4CM,KAAM,cAAgBR,EAAE,OAAQ,CAAEE,IAAK,6CAA+CF,EAAE,OAAQ,CAAEE,IAAK,2CAA4CM,KAAM,SAAWR,EAAE,OAAQ,CAAEE,IAAK,2CAA4CM,KAAM,YAAcX,IAAS,MAAQG,EAAE,oBAAqB,CAAEE,IAAK,8C"}

package/dist/checkout/p-19c1876e.entry.js

@@ -0,0 +1,5 @@
+import{r as i,h as e,e as s,H as t}from"./p-d7a430bf.js";
+/*!
+ * (C) Ionic http://ionicframework.com - MIT License
+ */const n=(i,e,s,t,n)=>{const r=i.closest("ion-nav");if(r){if(e==="forward"){if(s!==undefined){return r.push(s,t,{skipIfBusy:true,animationBuilder:n})}}else if(e==="root"){if(s!==undefined){return r.setRoot(s,t,{skipIfBusy:true,animationBuilder:n})}}else if(e==="back"){return r.pop({skipIfBusy:true,animationBuilder:n})}}return Promise.resolve(false)};const r=class{constructor(e){i(this,e);this.onClick=()=>n(this.el,this.routerDirection,this.component,this.componentProps,this.routerAnimation);this.component=undefined;this.componentProps=undefined;this.routerDirection="forward";this.routerAnimation=undefined}render(){return e(t,{key:"dab6e8a908395d99c87452c5e5aa4e61d9e72435",onClick:this.onClick})}get el(){return s(this)}};export{r as ion_nav_link};
+//# sourceMappingURL=p-19c1876e.entry.js.map

package/dist/checkout/p-19c1876e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["navLink","el","routerDirection","component","componentProps","routerAnimation","nav","closest","undefined","push","skipIfBusy","animationBuilder","setRoot","pop","Promise","resolve","NavLink","constructor","hostRef","this","onClick","render","h","Host","key"],"sources":["./node_modules/@ionic/core/dist/collection/components/nav-link/nav-link-utils.js","./node_modules/@ionic/core/dist/collection/components/nav-link/nav-link.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nexport const navLink = (el, routerDirection, component, componentProps, routerAnimation) => {\n    const nav = el.closest('ion-nav');\n    if (nav) {\n        if (routerDirection === 'forward') {\n            if (component !== undefined) {\n                return nav.push(component, componentProps, { skipIfBusy: true, animationBuilder: routerAnimation });\n            }\n        }\n        else if (routerDirection === 'root') {\n            if (component !== undefined) {\n                return nav.setRoot(component, componentProps, { skipIfBusy: true, animationBuilder: routerAnimation });\n            }\n        }\n        else if (routerDirection === 'back') {\n            return nav.pop({ skipIfBusy: true, animationBuilder: routerAnimation });\n        }\n    }\n    return Promise.resolve(false);\n};\n","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { navLink } from \"./nav-link-utils\";\nexport class NavLink {\n    constructor() {\n        this.onClick = () => {\n            return navLink(this.el, this.routerDirection, this.component, this.componentProps, this.routerAnimation);\n        };\n        this.component = undefined;\n        this.componentProps = undefined;\n        this.routerDirection = 'forward';\n        this.routerAnimation = undefined;\n    }\n    render() {\n        return h(Host, { key: 'dab6e8a908395d99c87452c5e5aa4e61d9e72435', onClick: this.onClick });\n    }\n    static get is() { return \"ion-nav-link\"; }\n    static get properties() {\n        return {\n            \"component\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"NavComponent\",\n                    \"resolved\": \"Function | HTMLElement | ViewController | null | string | undefined\",\n                    \"references\": {\n                        \"NavComponent\": {\n                            \"location\": \"import\",\n                            \"path\": \"../nav/nav-interface\",\n                            \"id\": \"src/components/nav/nav-interface.ts::NavComponent\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Component to navigate to. Only used if the `routerDirection` is `\\\"forward\\\"` or `\\\"root\\\"`.\"\n                },\n                \"attribute\": \"component\",\n                \"reflect\": false\n            },\n            \"componentProps\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ComponentProps\",\n                    \"resolved\": \"undefined | { [key: string]: any; }\",\n                    \"references\": {\n                        \"ComponentProps\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::ComponentProps\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Data you want to pass to the component as props. Only used if the `\\\"routerDirection\\\"` is `\\\"forward\\\"` or `\\\"root\\\"`.\"\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\": \"The transition direction when navigating to another page.\"\n                },\n                \"attribute\": \"router-direction\",\n                \"reflect\": false,\n                \"defaultValue\": \"'forward'\"\n            },\n            \"routerAnimation\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"AnimationBuilder\",\n                    \"resolved\": \"((baseEl: any, opts?: any) => Animation) | undefined\",\n                    \"references\": {\n                        \"AnimationBuilder\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::AnimationBuilder\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The transition animation when navigating to another page.\"\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n"],"mappings":";;;GAGO,MAAMA,EAAU,CAACC,EAAIC,EAAiBC,EAAWC,EAAgBC,KACpE,MAAMC,EAAML,EAAGM,QAAQ,WACvB,GAAID,EAAK,CACL,GAAIJ,IAAoB,UAAW,CAC/B,GAAIC,IAAcK,UAAW,CACzB,OAAOF,EAAIG,KAAKN,EAAWC,EAAgB,CAAEM,WAAY,KAAMC,iBAAkBN,GACjG,CACA,MACa,GAAIH,IAAoB,OAAQ,CACjC,GAAIC,IAAcK,UAAW,CACzB,OAAOF,EAAIM,QAAQT,EAAWC,EAAgB,CAAEM,WAAY,KAAMC,iBAAkBN,GACpG,CACA,MACa,GAAIH,IAAoB,OAAQ,CACjC,OAAOI,EAAIO,IAAI,CAAEH,WAAY,KAAMC,iBAAkBN,GACjE,CACA,CACI,OAAOS,QAAQC,QAAQ,MAAM,E,MCfpBC,EAAO,MAChBC,YAAAC,G,UACIC,KAAKC,QAAU,IACJpB,EAAQmB,KAAKlB,GAAIkB,KAAKjB,gBAAiBiB,KAAKhB,UAAWgB,KAAKf,eAAgBe,KAAKd,iBAE5Fc,KAAKhB,UAAYK,UACjBW,KAAKf,eAAiBI,UACtBW,KAAKjB,gBAAkB,UACvBiB,KAAKd,gBAAkBG,S,CAE3Ba,SACI,OAAOC,EAAEC,EAAM,CAAEC,IAAK,2CAA4CJ,QAASD,KAAKC,S"}

package/dist/checkout/p-1bce3237.entry.js

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

package/dist/checkout/p-1bce3237.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TRANSITION","cloneElement","tagName","getCachedEl","document","querySelector","clonedEl","createElement","classList","add","style","setProperty","body","appendChild","createHeaderIndex","headerEl","toolbars","querySelectorAll","el","Array","from","map","toolbar","ionTitleEl","background","shadowRoot","innerTitleEl","ionButtonsEl","handleContentScroll","scrollEl","scrollHeaderIndex","contentEl","readTask","scrollTop","scale","clamp","nativeRefresher","writeTask","scaleLargeTitles","setToolbarBackgroundOpacity","opacity","collapse","undefined","removeProperty","toString","handleToolbarBorderIntersection","ev","mainHeaderIndex","isIntersecting","intersectionRatio","handleToolbarIntersection","event","intersection","intersectionRect","intersectionArea","width","height","rootArea","rootBounds","isPageHidden","leftDiff","Math","abs","left","boundingClientRect","rightDiff","right","isPageTransitioning","setHeaderActive","hasValidIntersection","x","y","headerIndex","active","remove","removeAttribute","setAttribute","transition","forEach","ionTitle","titleDiv","size","transform","handleHeaderFade","baseEl","condenseHeader","baseElHeight","clientHeight","fadeStart","distanceToStart","fadeDuration","headerIosCss","headerMdCss","Header","constructor","hostRef","this","inheritedAttributes","setupFadeHeader","async","getScrollElement","contentScrollCallback","addEventListener","translucent","componentWillLoad","inheritAriaAttributes","componentDidLoad","checkCollapsibleHeader","componentDidUpdate","disconnectedCallback","destroyCollapsibleHeader","mode","getIonMode","hasCondense","hasFade","pageEl","closest","findIonContent","title","setupCondenseHeader","printIonContentErrorMsg","intersectionObserver","disconnect","removeEventListener","collapsibleMainHeader","IntersectionObserver","headers","find","header","toolbarIntersection","root","threshold","observe","length","render","roleType","hostContext","h","Host","Object","assign","key","role","class"],"sources":["./node_modules/@ionic/core/dist/collection/components/header/header.utils.js","./node_modules/@ionic/core/dist/collection/components/header/header.ios.css?tag=ion-header&mode=ios","./node_modules/@ionic/core/dist/collection/components/header/header.md.css?tag=ion-header&mode=md","./node_modules/@ionic/core/dist/collection/components/header/header.js"],"sourcesContent":["/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { readTask, writeTask } from \"@stencil/core\";\nimport { clamp } from \"../../utils/helpers\";\nconst TRANSITION = 'all 0.2s ease-in-out';\nexport const cloneElement = (tagName) => {\n    const getCachedEl = document.querySelector(`${tagName}.ion-cloned-element`);\n    if (getCachedEl !== null) {\n        return getCachedEl;\n    }\n    const clonedEl = document.createElement(tagName);\n    clonedEl.classList.add('ion-cloned-element');\n    clonedEl.style.setProperty('display', 'none');\n    document.body.appendChild(clonedEl);\n    return clonedEl;\n};\nexport const createHeaderIndex = (headerEl) => {\n    if (!headerEl) {\n        return;\n    }\n    const toolbars = headerEl.querySelectorAll('ion-toolbar');\n    return {\n        el: headerEl,\n        toolbars: Array.from(toolbars).map((toolbar) => {\n            const ionTitleEl = toolbar.querySelector('ion-title');\n            return {\n                el: toolbar,\n                background: toolbar.shadowRoot.querySelector('.toolbar-background'),\n                ionTitleEl,\n                innerTitleEl: ionTitleEl ? ionTitleEl.shadowRoot.querySelector('.toolbar-title') : null,\n                ionButtonsEl: Array.from(toolbar.querySelectorAll('ion-buttons')),\n            };\n        }),\n    };\n};\nexport const handleContentScroll = (scrollEl, scrollHeaderIndex, contentEl) => {\n    readTask(() => {\n        const scrollTop = scrollEl.scrollTop;\n        const scale = clamp(1, 1 + -scrollTop / 500, 1.1);\n        // Native refresher should not cause titles to scale\n        const nativeRefresher = contentEl.querySelector('ion-refresher.refresher-native');\n        if (nativeRefresher === null) {\n            writeTask(() => {\n                scaleLargeTitles(scrollHeaderIndex.toolbars, scale);\n            });\n        }\n    });\n};\nexport const setToolbarBackgroundOpacity = (headerEl, opacity) => {\n    /**\n     * Fading in the backdrop opacity\n     * should happen after the large title\n     * has collapsed, so it is handled\n     * by handleHeaderFade()\n     */\n    if (headerEl.collapse === 'fade') {\n        return;\n    }\n    if (opacity === undefined) {\n        headerEl.style.removeProperty('--opacity-scale');\n    }\n    else {\n        headerEl.style.setProperty('--opacity-scale', opacity.toString());\n    }\n};\nconst handleToolbarBorderIntersection = (ev, mainHeaderIndex, scrollTop) => {\n    if (!ev[0].isIntersecting) {\n        return;\n    }\n    /**\n     * There is a bug in Safari where overflow scrolling on a non-body element\n     * does not always reset the scrollTop position to 0 when letting go. It will\n     * set to 1 once the rubber band effect has ended. This causes the background to\n     * appear slightly on certain app setups.\n     *\n     * Additionally, we check if user is rubber banding (scrolling is negative)\n     * as this can mean they are using pull to refresh. Once the refresher starts,\n     * the content is transformed which can cause the intersection observer to erroneously\n     * fire here as well.\n     */\n    const scale = ev[0].intersectionRatio > 0.9 || scrollTop <= 0 ? 0 : ((1 - ev[0].intersectionRatio) * 100) / 75;\n    setToolbarBackgroundOpacity(mainHeaderIndex.el, scale === 1 ? undefined : scale);\n};\n/**\n * If toolbars are intersecting, hide the scrollable toolbar content\n * and show the primary toolbar content. If the toolbars are not intersecting,\n * hide the primary toolbar content and show the scrollable toolbar content\n */\nexport const handleToolbarIntersection = (ev, // TODO(FW-2832): type (IntersectionObserverEntry[] triggers errors which should be sorted)\nmainHeaderIndex, scrollHeaderIndex, scrollEl) => {\n    writeTask(() => {\n        const scrollTop = scrollEl.scrollTop;\n        handleToolbarBorderIntersection(ev, mainHeaderIndex, scrollTop);\n        const event = ev[0];\n        const intersection = event.intersectionRect;\n        const intersectionArea = intersection.width * intersection.height;\n        const rootArea = event.rootBounds.width * event.rootBounds.height;\n        const isPageHidden = intersectionArea === 0 && rootArea === 0;\n        const leftDiff = Math.abs(intersection.left - event.boundingClientRect.left);\n        const rightDiff = Math.abs(intersection.right - event.boundingClientRect.right);\n        const isPageTransitioning = intersectionArea > 0 && (leftDiff >= 5 || rightDiff >= 5);\n        if (isPageHidden || isPageTransitioning) {\n            return;\n        }\n        if (event.isIntersecting) {\n            setHeaderActive(mainHeaderIndex, false);\n            setHeaderActive(scrollHeaderIndex);\n        }\n        else {\n            /**\n             * There is a bug with IntersectionObserver on Safari\n             * where `event.isIntersecting === false` when cancelling\n             * a swipe to go back gesture. Checking the intersection\n             * x, y, width, and height provides a workaround. This bug\n             * does not happen when using Safari + Web Animations,\n             * only Safari + CSS Animations.\n             */\n            const hasValidIntersection = (intersection.x === 0 && intersection.y === 0) || (intersection.width !== 0 && intersection.height !== 0);\n            if (hasValidIntersection && scrollTop > 0) {\n                setHeaderActive(mainHeaderIndex);\n                setHeaderActive(scrollHeaderIndex, false);\n                setToolbarBackgroundOpacity(mainHeaderIndex.el);\n            }\n        }\n    });\n};\nexport const setHeaderActive = (headerIndex, active = true) => {\n    const headerEl = headerIndex.el;\n    if (active) {\n        headerEl.classList.remove('header-collapse-condense-inactive');\n        headerEl.removeAttribute('aria-hidden');\n    }\n    else {\n        headerEl.classList.add('header-collapse-condense-inactive');\n        headerEl.setAttribute('aria-hidden', 'true');\n    }\n};\nexport const scaleLargeTitles = (toolbars = [], scale = 1, transition = false) => {\n    toolbars.forEach((toolbar) => {\n        const ionTitle = toolbar.ionTitleEl;\n        const titleDiv = toolbar.innerTitleEl;\n        if (!ionTitle || ionTitle.size !== 'large') {\n            return;\n        }\n        titleDiv.style.transition = transition ? TRANSITION : '';\n        titleDiv.style.transform = `scale3d(${scale}, ${scale}, 1)`;\n    });\n};\nexport const handleHeaderFade = (scrollEl, baseEl, condenseHeader) => {\n    readTask(() => {\n        const scrollTop = scrollEl.scrollTop;\n        const baseElHeight = baseEl.clientHeight;\n        const fadeStart = condenseHeader ? condenseHeader.clientHeight : 0;\n        /**\n         * If we are using fade header with a condense\n         * header, then the toolbar backgrounds should\n         * not begin to fade in until the condense\n         * header has fully collapsed.\n         *\n         * Additionally, the main content should not\n         * overflow out of the container until the\n         * condense header has fully collapsed. When\n         * using just the condense header the content\n         * should overflow out of the container.\n         */\n        if (condenseHeader !== null && scrollTop < fadeStart) {\n            baseEl.style.setProperty('--opacity-scale', '0');\n            scrollEl.style.setProperty('clip-path', `inset(${baseElHeight}px 0px 0px 0px)`);\n            return;\n        }\n        const distanceToStart = scrollTop - fadeStart;\n        const fadeDuration = 10;\n        const scale = clamp(0, distanceToStart / fadeDuration, 1);\n        writeTask(() => {\n            scrollEl.style.removeProperty('clip-path');\n            baseEl.style.setProperty('--opacity-scale', scale.toString());\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-header {\n  display: block;\n  position: relative;\n  order: -1;\n  width: 100%;\n  z-index: 10;\n}\n\nion-header ion-toolbar:first-of-type {\n  padding-top: var(--ion-safe-area-top, 0);\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.header-ios ion-toolbar:last-of-type {\n  --border-width: 0 0 0.55px;\n}\n\n@supports (backdrop-filter: blur(0)) {\n  .header-background {\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    position: absolute;\n    backdrop-filter: saturate(180%) blur(20px);\n  }\n  .header-translucent-ios ion-toolbar {\n    --opacity: .8;\n  }\n  /**\n   * Disable the saturation otherwise it distorts the content\n   * background color when large header is not collapsed\n   */\n  .header-collapse-condense-inactive .header-background {\n    backdrop-filter: blur(20px);\n  }\n}\n.header-ios.ion-no-border ion-toolbar:last-of-type {\n  --border-width: 0;\n}\n\n.header-collapse-fade ion-toolbar {\n  --opacity-scale: inherit;\n}\n\n.header-collapse-condense {\n  z-index: 9;\n}\n\n.header-collapse-condense ion-toolbar {\n  position: sticky;\n  top: 0;\n}\n\n.header-collapse-condense ion-toolbar:first-of-type {\n  /**\n   * The toolbar that contains the collapsible\n   * large title should not have safe area padding applied.\n   */\n  padding-top: 0px;\n  z-index: 1;\n}\n\n/**\n * Large title toolbar should just use the content background\n * since it needs to blend in with the header above it.\n */\n.header-collapse-condense ion-toolbar {\n  --background: var(--ion-background-color, #fff);\n  z-index: 0;\n}\n\n.header-collapse-condense ion-toolbar:last-of-type {\n  --border-width: 0px;\n}\n\n.header-collapse-condense ion-toolbar ion-searchbar {\n  padding-top: 0px;\n  padding-bottom: 13px;\n}\n\n.header-collapse-main {\n  --opacity-scale: 1;\n}\n\n.header-collapse-main ion-toolbar {\n  --opacity-scale: inherit;\n}\n\n.header-collapse-main ion-toolbar.in-toolbar ion-title,\n.header-collapse-main ion-toolbar.in-toolbar ion-buttons {\n  transition: all 0.2s ease-in-out;\n}\n\n.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,\n.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse {\n  opacity: 0;\n  pointer-events: none;\n}\n\n/**\n * There is a bug in Safari where changing\n * the opacity of an element in a scrollable container\n * while rubber-banding causes the scroll position\n * to jump to the top\n */\n.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,\n.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse {\n  visibility: hidden;\n}\n\n/**\n * The main header is only hidden once the collapsible large\n * title is configured. As a result, if the main header loads\n * before the collapsible large title is configured then the\n * main header will be visible briefly before being hidden\n * by the collapsible large title.\n *\n * The following selector ensures that any main header\n * on a page with a collapsible large title is hidden\n * before the collapsible large title is configured.\n * Once the collapsible large title is configured the main\n * header will have the \".header-collapse-main\" class, and\n * this selector will no longer apply.\n *\n * The :has(...) part of the selector ensures a couple things:\n * 1. This will only apply within a page view since the content\n * must be a subsequent-sibling of the header (~ ion-content).\n * 2. This will only apply when that content has a collapse header (ion-header[collapse=\"condense\"])\n *\n * We use opacity: 0 to avoid a layout shift.\n * We target both the attribute and the class in the event that the attribute\n * is not reflected on the host in some frameworks.\n *\n * Both headers should be scoped to iOS mode otherwise an MD app that uses an\n * iOS header may cause other MD headers to be unexpectedly hidden.\n */\nion-header.header-ios:not(.header-collapse-main):has(~ ion-content ion-header.header-ios[collapse=condense],\n~ ion-content ion-header.header-ios.header-collapse-condense) {\n  opacity: 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-header {\n  display: block;\n  position: relative;\n  order: -1;\n  width: 100%;\n  z-index: 10;\n}\n\nion-header ion-toolbar:first-of-type {\n  padding-top: var(--ion-safe-area-top, 0);\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.header-md {\n  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);\n}\n\n.header-collapse-condense {\n  display: none;\n}\n\n.header-md.ion-no-border {\n  box-shadow: none;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h, writeTask } from \"@stencil/core\";\nimport { findIonContent, getScrollElement, printIonContentErrorMsg } from \"../../utils/content/index\";\nimport { inheritAriaAttributes } from \"../../utils/helpers\";\nimport { hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\nimport { cloneElement, createHeaderIndex, handleContentScroll, handleHeaderFade, handleToolbarIntersection, setHeaderActive, setToolbarBackgroundOpacity, } from \"./header.utils\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class Header {\n    constructor() {\n        this.inheritedAttributes = {};\n        this.setupFadeHeader = async (contentEl, condenseHeader) => {\n            const scrollEl = (this.scrollEl = await getScrollElement(contentEl));\n            /**\n             * Handle fading of toolbars on scroll\n             */\n            this.contentScrollCallback = () => {\n                handleHeaderFade(this.scrollEl, this.el, condenseHeader);\n            };\n            scrollEl.addEventListener('scroll', this.contentScrollCallback);\n            handleHeaderFade(this.scrollEl, this.el, condenseHeader);\n        };\n        this.collapse = undefined;\n        this.translucent = false;\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAriaAttributes(this.el);\n    }\n    componentDidLoad() {\n        this.checkCollapsibleHeader();\n    }\n    componentDidUpdate() {\n        this.checkCollapsibleHeader();\n    }\n    disconnectedCallback() {\n        this.destroyCollapsibleHeader();\n    }\n    async checkCollapsibleHeader() {\n        const mode = getIonMode(this);\n        if (mode !== 'ios') {\n            return;\n        }\n        const { collapse } = this;\n        const hasCondense = collapse === 'condense';\n        const hasFade = collapse === 'fade';\n        this.destroyCollapsibleHeader();\n        if (hasCondense) {\n            const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');\n            const contentEl = pageEl ? findIonContent(pageEl) : null;\n            // Cloned elements are always needed in iOS transition\n            writeTask(() => {\n                const title = cloneElement('ion-title');\n                title.size = 'large';\n                cloneElement('ion-back-button');\n            });\n            await this.setupCondenseHeader(contentEl, pageEl);\n        }\n        else if (hasFade) {\n            const pageEl = this.el.closest('ion-app,ion-page,.ion-page,page-inner');\n            const contentEl = pageEl ? findIonContent(pageEl) : null;\n            if (!contentEl) {\n                printIonContentErrorMsg(this.el);\n                return;\n            }\n            const condenseHeader = contentEl.querySelector('ion-header[collapse=\"condense\"]');\n            await this.setupFadeHeader(contentEl, condenseHeader);\n        }\n    }\n    destroyCollapsibleHeader() {\n        if (this.intersectionObserver) {\n            this.intersectionObserver.disconnect();\n            this.intersectionObserver = undefined;\n        }\n        if (this.scrollEl && this.contentScrollCallback) {\n            this.scrollEl.removeEventListener('scroll', this.contentScrollCallback);\n            this.contentScrollCallback = undefined;\n        }\n        if (this.collapsibleMainHeader) {\n            this.collapsibleMainHeader.classList.remove('header-collapse-main');\n            this.collapsibleMainHeader = undefined;\n        }\n    }\n    async setupCondenseHeader(contentEl, pageEl) {\n        if (!contentEl || !pageEl) {\n            printIonContentErrorMsg(this.el);\n            return;\n        }\n        if (typeof IntersectionObserver === 'undefined') {\n            return;\n        }\n        this.scrollEl = await getScrollElement(contentEl);\n        const headers = pageEl.querySelectorAll('ion-header');\n        this.collapsibleMainHeader = Array.from(headers).find((header) => header.collapse !== 'condense');\n        if (!this.collapsibleMainHeader) {\n            return;\n        }\n        const mainHeaderIndex = createHeaderIndex(this.collapsibleMainHeader);\n        const scrollHeaderIndex = createHeaderIndex(this.el);\n        if (!mainHeaderIndex || !scrollHeaderIndex) {\n            return;\n        }\n        setHeaderActive(mainHeaderIndex, false);\n        setToolbarBackgroundOpacity(mainHeaderIndex.el, 0);\n        /**\n         * Handle interaction between toolbar collapse and\n         * showing/hiding content in the primary ion-header\n         * as well as progressively showing/hiding the main header\n         * border as the top-most toolbar collapses or expands.\n         */\n        const toolbarIntersection = (ev) => {\n            handleToolbarIntersection(ev, mainHeaderIndex, scrollHeaderIndex, this.scrollEl);\n        };\n        this.intersectionObserver = new IntersectionObserver(toolbarIntersection, {\n            root: contentEl,\n            threshold: [0.25, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1],\n        });\n        this.intersectionObserver.observe(scrollHeaderIndex.toolbars[scrollHeaderIndex.toolbars.length - 1].el);\n        /**\n         * Handle scaling of large iOS titles and\n         * showing/hiding border on last toolbar\n         * in primary header\n         */\n        this.contentScrollCallback = () => {\n            handleContentScroll(this.scrollEl, scrollHeaderIndex, contentEl);\n        };\n        this.scrollEl.addEventListener('scroll', this.contentScrollCallback);\n        writeTask(() => {\n            if (this.collapsibleMainHeader !== undefined) {\n                this.collapsibleMainHeader.classList.add('header-collapse-main');\n            }\n        });\n    }\n    render() {\n        const { translucent, inheritedAttributes } = this;\n        const mode = getIonMode(this);\n        const collapse = this.collapse || 'none';\n        // banner role must be at top level, so remove role if inside a menu\n        const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';\n        return (h(Host, Object.assign({ key: '9fa0af97b605f9fe98b13361bc3d1289745c549f', role: roleType, class: {\n                [mode]: true,\n                // Used internally for styling\n                [`header-${mode}`]: true,\n                [`header-translucent`]: this.translucent,\n                [`header-collapse-${collapse}`]: true,\n                [`header-translucent-${mode}`]: this.translucent,\n            } }, inheritedAttributes), mode === 'ios' && translucent && h(\"div\", { key: '1a780d2625302f2465718e304bdd3794c89c9845', class: \"header-background\" }), h(\"slot\", { key: 'b2b8557b44be40c590bfcc362ac4350f9f8b889e' })));\n    }\n    static get is() { return \"ion-header\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"header.ios.scss\"],\n            \"md\": [\"header.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"header.ios.css\"],\n            \"md\": [\"header.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"collapse\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'condense' | 'fade'\",\n                    \"resolved\": \"\\\"condense\\\" | \\\"fade\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Describes the scroll effect that will be applied to the header.\\nOnly applies in iOS mode.\\n\\nTypically used for [Collapsible Large Titles](https://ionicframework.com/docs/api/title#collapsible-large-titles)\"\n                },\n                \"attribute\": \"collapse\",\n                \"reflect\": false\n            },\n            \"translucent\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the header will be translucent.\\nOnly applies when the mode is `\\\"ios\\\"` and the device supports\\n[`backdrop-filter`](https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter#Browser_compatibility).\\n\\nNote: In order to scroll content behind the header, the `fullscreen`\\nattribute needs to be set on the content.\"\n                },\n                \"attribute\": \"translucent\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n"],"mappings":"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"}