@amwaljs/checkout-button 0.2.9 → 0.3.1

package/dist/components/ion-input-otp.js.map

@@ -1 +0,0 @@
-{"file":"ion-input-otp.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/@ionic/core/dist/collection/components/input-otp/input-otp.ios.css?tag=ion-input-otp&mode=ios&encapsulation=scoped","node_modules/@ionic/core/dist/collection/components/input-otp/input-otp.md.css?tag=ion-input-otp&mode=md&encapsulation=scoped","node_modules/@ionic/core/dist/collection/components/input-otp/input-otp.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 color of the input boxes\n   *\n   * @prop --border-radius: Border radius of the input boxes\n   *\n   * @prop --border-width: Border width of the input boxes\n   * @prop --border-color: Border color of the input boxes\n   *\n   * @prop --color: Text color of the input\n   *\n   * @prop --margin-top: Top margin of the input group\n   * @prop --margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the input group\n   * @prop --margin-bottom: Bottom margin of the input group\n   * @prop --margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the input group\n   *\n   * @prop --padding-top: Top padding of the input group\n   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the input group\n   * @prop --padding-bottom: Bottom padding of the input group\n   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the input group\n   *\n   * @prop --height: Height of input boxes\n   * @prop --width: Width of input boxes\n   * @prop --min-width: Minimum width of input boxes\n   *\n   * @prop --separator-color: Color of the separator between boxes\n   * @prop --separator-width: Width of the separator between boxes\n   * @prop --separator-height: Height of the separator between boxes\n   * @prop --separator-border-radius: Border radius of the separator between boxes\n   *\n   * @prop --highlight-color-focused: The color of the highlight on the input when focused\n   * @prop --highlight-color-valid: The color of the highlight on the input when valid\n   * @prop --highlight-color-invalid: The color of the highlight on the input when invalid\n   */\n  --margin-top: 0;\n  --margin-end: 0;\n  --margin-bottom: 0;\n  --margin-start: 0;\n  --padding-top: 16px;\n  --padding-end: 0;\n  --padding-bottom: 16px;\n  --padding-start: 0;\n  --color: initial;\n  --min-width: 40px;\n  --separator-width: 8px;\n  --separator-height: var(--separator-width);\n  --separator-border-radius: 999px;\n  --separator-color: var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));\n  --highlight-color-focused: var(--ion-color-primary, #0054e9);\n  --highlight-color-valid: var(--ion-color-success, #2dd55b);\n  --highlight-color-invalid: var(--ion-color-danger, #c5000f);\n  /**\n   * This is a private API that is used to switch\n   * out the highlight color based on the state\n   * of the component without having to write\n   * different selectors for different fill variants.\n   */\n  --highlight-color: var(--highlight-color-focused);\n  display: block;\n  position: relative;\n  font-size: 0.875rem;\n}\n\n.input-otp-group {\n  -webkit-margin-start: var(--margin-start);\n  margin-inline-start: var(--margin-start);\n  -webkit-margin-end: var(--margin-end);\n  margin-inline-end: var(--margin-end);\n  margin-top: var(--margin-top);\n  margin-bottom: var(--margin-bottom);\n  -webkit-padding-start: var(--padding-start);\n  padding-inline-start: var(--padding-start);\n  -webkit-padding-end: var(--padding-end);\n  padding-inline-end: var(--padding-end);\n  padding-top: var(--padding-top);\n  padding-bottom: var(--padding-bottom);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.native-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--min-width);\n}\n\n.native-input {\n  border-radius: var(--border-radius);\n  width: var(--width);\n  min-width: inherit;\n  height: var(--height);\n  border-width: var(--border-width);\n  border-style: solid;\n  border-color: var(--border-color);\n  background: var(--background);\n  color: var(--color);\n  font-size: inherit;\n  text-align: center;\n  appearance: none;\n}\n\n:host(.has-focus) .native-input {\n  caret-color: var(--highlight-color);\n}\n\n.input-otp-description {\n  color: var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));\n  font-size: 0.75rem;\n  line-height: 1.25rem;\n  text-align: center;\n}\n\n.input-otp-description-hidden {\n  display: none;\n}\n\n.input-otp-separator {\n  border-radius: var(--separator-border-radius);\n  flex-shrink: 0;\n  width: var(--separator-width);\n  height: var(--separator-height);\n  background: var(--separator-color);\n}\n\n:host(.input-otp-size-small) {\n  --width: 40px;\n  --height: 40px;\n}\n\n:host(.input-otp-size-small) .input-otp-group {\n  gap: 8px;\n}\n\n:host(.input-otp-size-medium) {\n  --width: 48px;\n  --height: 48px;\n}\n\n:host(.input-otp-size-large) {\n  --width: 56px;\n  --height: 56px;\n}\n\n:host(.input-otp-size-medium) .input-otp-group,\n:host(.input-otp-size-large) .input-otp-group {\n  gap: 12px;\n}\n\n:host(.input-otp-shape-round) {\n  --border-radius: 16px;\n}\n\n:host(.input-otp-shape-soft) {\n  --border-radius: 8px;\n}\n\n:host(.input-otp-shape-rectangular) {\n  --border-radius: 0;\n}\n\n:host(.input-otp-fill-outline) {\n  --background: none;\n}\n\n:host(.input-otp-fill-solid) {\n  --border-color: var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));\n  --background: var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));\n}\n\n:host(.input-otp-disabled) {\n  --color: var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6));\n}\n\n:host(.input-otp-fill-outline.input-otp-disabled) {\n  --background: var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));\n  --border-color: var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));\n}\n\n:host(.input-otp-disabled),\n:host(.input-otp-disabled) .native-input:disabled {\n  cursor: not-allowed;\n}\n\n:host(.has-focus) .native-input:focus {\n  --border-color: var(--highlight-color);\n  outline: none;\n}\n\n:host(.input-otp-fill-outline.input-otp-readonly) {\n  --background: var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));\n}\n\n:host(.input-otp-fill-solid.input-otp-disabled),\n:host(.input-otp-fill-solid.input-otp-readonly) {\n  --border-color: var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));\n  --background: var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));\n}\n\n:host(.ion-touched.ion-invalid) {\n  --highlight-color: var(--highlight-color-invalid);\n}\n\n/**\n * The component highlight is only shown\n * on focus, so we can safely set the valid\n * color state when valid. If we\n * set it when .has-focus is present then\n * the highlight color would change\n * from the valid color to the component's\n * color during the transition after the\n * component loses focus.\n */\n:host(.ion-valid) {\n  --highlight-color: var(--highlight-color-valid);\n}\n\n/**\n * If the input has a validity state, the\n * border should reflect that as a color.\n * The invalid state should show if the input is\n * invalid and has already been touched.\n * The valid state should show if the input\n * is valid, has already been touched, and\n * is currently focused. Do not show the valid\n * highlight when the input is blurred.\n */\n:host(.has-focus.ion-valid),\n:host(.ion-touched.ion-invalid) {\n  --border-color: var(--highlight-color);\n}\n\n:host(.ion-color) {\n  --highlight-color-focused: var(--ion-color-base);\n}\n\n:host(.input-otp-fill-outline.ion-color) .native-input,\n:host(.input-otp-fill-solid.ion-color) .native-input:focus {\n  border-color: rgba(var(--ion-color-base-rgb), 0.6);\n}\n\n:host(.input-otp-fill-outline.ion-color.ion-invalid) .native-input,\n:host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,\n:host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,\n:host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input {\n  border-color: var(--ion-color-danger, #c5000f);\n}\n\n:host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,\n:host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,\n:host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,\n:host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input {\n  border-color: var(--ion-color-success, #2dd55b);\n}\n\n:host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input {\n  border-color: rgba(var(--ion-color-base-rgb), 0.3);\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  --border-width: 0.55px;\n}\n\n:host(.has-focus) .native-input:focus {\n  --border-width: 1px;\n}\n\n:host(.input-otp-fill-outline) {\n  --border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));\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 color of the input boxes\n   *\n   * @prop --border-radius: Border radius of the input boxes\n   *\n   * @prop --border-width: Border width of the input boxes\n   * @prop --border-color: Border color of the input boxes\n   *\n   * @prop --color: Text color of the input\n   *\n   * @prop --margin-top: Top margin of the input group\n   * @prop --margin-end: Right margin if direction is left-to-right, and left margin if direction is right-to-left of the input group\n   * @prop --margin-bottom: Bottom margin of the input group\n   * @prop --margin-start: Left margin if direction is left-to-right, and right margin if direction is right-to-left of the input group\n   *\n   * @prop --padding-top: Top padding of the input group\n   * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the input group\n   * @prop --padding-bottom: Bottom padding of the input group\n   * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the input group\n   *\n   * @prop --height: Height of input boxes\n   * @prop --width: Width of input boxes\n   * @prop --min-width: Minimum width of input boxes\n   *\n   * @prop --separator-color: Color of the separator between boxes\n   * @prop --separator-width: Width of the separator between boxes\n   * @prop --separator-height: Height of the separator between boxes\n   * @prop --separator-border-radius: Border radius of the separator between boxes\n   *\n   * @prop --highlight-color-focused: The color of the highlight on the input when focused\n   * @prop --highlight-color-valid: The color of the highlight on the input when valid\n   * @prop --highlight-color-invalid: The color of the highlight on the input when invalid\n   */\n  --margin-top: 0;\n  --margin-end: 0;\n  --margin-bottom: 0;\n  --margin-start: 0;\n  --padding-top: 16px;\n  --padding-end: 0;\n  --padding-bottom: 16px;\n  --padding-start: 0;\n  --color: initial;\n  --min-width: 40px;\n  --separator-width: 8px;\n  --separator-height: var(--separator-width);\n  --separator-border-radius: 999px;\n  --separator-color: var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));\n  --highlight-color-focused: var(--ion-color-primary, #0054e9);\n  --highlight-color-valid: var(--ion-color-success, #2dd55b);\n  --highlight-color-invalid: var(--ion-color-danger, #c5000f);\n  /**\n   * This is a private API that is used to switch\n   * out the highlight color based on the state\n   * of the component without having to write\n   * different selectors for different fill variants.\n   */\n  --highlight-color: var(--highlight-color-focused);\n  display: block;\n  position: relative;\n  font-size: 0.875rem;\n}\n\n.input-otp-group {\n  -webkit-margin-start: var(--margin-start);\n  margin-inline-start: var(--margin-start);\n  -webkit-margin-end: var(--margin-end);\n  margin-inline-end: var(--margin-end);\n  margin-top: var(--margin-top);\n  margin-bottom: var(--margin-bottom);\n  -webkit-padding-start: var(--padding-start);\n  padding-inline-start: var(--padding-start);\n  -webkit-padding-end: var(--padding-end);\n  padding-inline-end: var(--padding-end);\n  padding-top: var(--padding-top);\n  padding-bottom: var(--padding-bottom);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.native-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--min-width);\n}\n\n.native-input {\n  border-radius: var(--border-radius);\n  width: var(--width);\n  min-width: inherit;\n  height: var(--height);\n  border-width: var(--border-width);\n  border-style: solid;\n  border-color: var(--border-color);\n  background: var(--background);\n  color: var(--color);\n  font-size: inherit;\n  text-align: center;\n  appearance: none;\n}\n\n:host(.has-focus) .native-input {\n  caret-color: var(--highlight-color);\n}\n\n.input-otp-description {\n  color: var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));\n  font-size: 0.75rem;\n  line-height: 1.25rem;\n  text-align: center;\n}\n\n.input-otp-description-hidden {\n  display: none;\n}\n\n.input-otp-separator {\n  border-radius: var(--separator-border-radius);\n  flex-shrink: 0;\n  width: var(--separator-width);\n  height: var(--separator-height);\n  background: var(--separator-color);\n}\n\n:host(.input-otp-size-small) {\n  --width: 40px;\n  --height: 40px;\n}\n\n:host(.input-otp-size-small) .input-otp-group {\n  gap: 8px;\n}\n\n:host(.input-otp-size-medium) {\n  --width: 48px;\n  --height: 48px;\n}\n\n:host(.input-otp-size-large) {\n  --width: 56px;\n  --height: 56px;\n}\n\n:host(.input-otp-size-medium) .input-otp-group,\n:host(.input-otp-size-large) .input-otp-group {\n  gap: 12px;\n}\n\n:host(.input-otp-shape-round) {\n  --border-radius: 16px;\n}\n\n:host(.input-otp-shape-soft) {\n  --border-radius: 8px;\n}\n\n:host(.input-otp-shape-rectangular) {\n  --border-radius: 0;\n}\n\n:host(.input-otp-fill-outline) {\n  --background: none;\n}\n\n:host(.input-otp-fill-solid) {\n  --border-color: var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));\n  --background: var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));\n}\n\n:host(.input-otp-disabled) {\n  --color: var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6));\n}\n\n:host(.input-otp-fill-outline.input-otp-disabled) {\n  --background: var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));\n  --border-color: var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));\n}\n\n:host(.input-otp-disabled),\n:host(.input-otp-disabled) .native-input:disabled {\n  cursor: not-allowed;\n}\n\n:host(.has-focus) .native-input:focus {\n  --border-color: var(--highlight-color);\n  outline: none;\n}\n\n:host(.input-otp-fill-outline.input-otp-readonly) {\n  --background: var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));\n}\n\n:host(.input-otp-fill-solid.input-otp-disabled),\n:host(.input-otp-fill-solid.input-otp-readonly) {\n  --border-color: var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));\n  --background: var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));\n}\n\n:host(.ion-touched.ion-invalid) {\n  --highlight-color: var(--highlight-color-invalid);\n}\n\n/**\n * The component highlight is only shown\n * on focus, so we can safely set the valid\n * color state when valid. If we\n * set it when .has-focus is present then\n * the highlight color would change\n * from the valid color to the component's\n * color during the transition after the\n * component loses focus.\n */\n:host(.ion-valid) {\n  --highlight-color: var(--highlight-color-valid);\n}\n\n/**\n * If the input has a validity state, the\n * border should reflect that as a color.\n * The invalid state should show if the input is\n * invalid and has already been touched.\n * The valid state should show if the input\n * is valid, has already been touched, and\n * is currently focused. Do not show the valid\n * highlight when the input is blurred.\n */\n:host(.has-focus.ion-valid),\n:host(.ion-touched.ion-invalid) {\n  --border-color: var(--highlight-color);\n}\n\n:host(.ion-color) {\n  --highlight-color-focused: var(--ion-color-base);\n}\n\n:host(.input-otp-fill-outline.ion-color) .native-input,\n:host(.input-otp-fill-solid.ion-color) .native-input:focus {\n  border-color: rgba(var(--ion-color-base-rgb), 0.6);\n}\n\n:host(.input-otp-fill-outline.ion-color.ion-invalid) .native-input,\n:host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,\n:host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,\n:host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input {\n  border-color: var(--ion-color-danger, #c5000f);\n}\n\n:host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,\n:host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,\n:host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,\n:host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input {\n  border-color: var(--ion-color-success, #2dd55b);\n}\n\n:host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input {\n  border-color: rgba(var(--ion-color-base-rgb), 0.3);\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  --border-width: 1px;\n}\n\n:host(.has-focus) .native-input:focus {\n  --border-width: 2px;\n}\n\n:host(.input-otp-fill-outline) {\n  --border-color: var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3));\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Fragment, Host, h } from \"@stencil/core\";\nimport { inheritAriaAttributes } from \"../../utils/helpers\";\nimport { printIonWarning } from \"../../utils/logging/index\";\nimport { isRTL } from \"../../utils/rtl/index\";\nimport { createColorClasses } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\nexport class InputOTP {\n    constructor() {\n        this.inheritedAttributes = {};\n        this.inputRefs = [];\n        this.inputId = `ion-input-otp-${inputIds++}`;\n        this.parsedSeparators = [];\n        /**\n         * Tracks whether the user is navigating through input boxes using keyboard navigation\n         * (arrow keys, tab) versus mouse clicks. This is used to determine the appropriate\n         * focus behavior when an input box is focused.\n         */\n        this.isKeyboardNavigation = false;\n        this.inputValues = [];\n        this.hasFocus = false;\n        this.previousInputValues = [];\n        /**\n         * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n         * Available options: `\"off\"`, `\"none\"`, `\"on\"`, `\"sentences\"`, `\"words\"`, `\"characters\"`.\n         */\n        this.autocapitalize = 'off';\n        /**\n         * If `true`, the user cannot interact with the input.\n         */\n        this.disabled = false;\n        /**\n         * The fill for the input boxes. If `\"solid\"` the input boxes will have a background. If\n         * `\"outline\"` the input boxes will be transparent with a border.\n         */\n        this.fill = 'outline';\n        /**\n         * The number of input boxes to display.\n         */\n        this.length = 4;\n        /**\n         * If `true`, the user cannot modify the value.\n         */\n        this.readonly = false;\n        /**\n         * The shape of the input boxes.\n         * If \"round\" they will have an increased border radius.\n         * If \"rectangular\" they will have no border radius.\n         * If \"soft\" they will have a soft border radius.\n         */\n        this.shape = 'round';\n        /**\n         * The size of the input boxes.\n         */\n        this.size = 'medium';\n        /**\n         * The type of input allowed in the input boxes.\n         */\n        this.type = 'number';\n        /**\n         * The value of the input group.\n         */\n        this.value = '';\n        /**\n         * Handles the focus behavior for the input OTP component.\n         *\n         * Focus behavior:\n         * 1. Keyboard navigation: Allow normal focus movement\n         * 2. Mouse click:\n         *    - If clicked box has value: Focus that box\n         *    - If clicked box is empty: Focus first empty box\n         *\n         * Emits the `ionFocus` event when the input group gains focus.\n         */\n        this.onFocus = (index) => (event) => {\n            var _a;\n            const { inputRefs } = this;\n            // Only emit ionFocus and set the focusedValue when the\n            // component first gains focus\n            if (!this.hasFocus) {\n                this.ionFocus.emit(event);\n                this.focusedValue = this.value;\n            }\n            this.hasFocus = true;\n            let finalIndex = index;\n            if (!this.isKeyboardNavigation) {\n                // If the clicked box has a value, focus it\n                // Otherwise focus the first empty box\n                const targetIndex = this.inputValues[index] ? index : this.getFirstEmptyIndex();\n                finalIndex = targetIndex === -1 ? this.length - 1 : targetIndex;\n                // Focus the target box\n                (_a = this.inputRefs[finalIndex]) === null || _a === void 0 ? void 0 : _a.focus();\n            }\n            // Update tabIndexes to match the focused box\n            inputRefs.forEach((input, i) => {\n                input.tabIndex = i === finalIndex ? 0 : -1;\n            });\n            // Reset the keyboard navigation flag\n            this.isKeyboardNavigation = false;\n        };\n        /**\n         * Handles the blur behavior for the input OTP component.\n         * Emits the `ionBlur` event when the input group loses focus.\n         */\n        this.onBlur = (event) => {\n            const { inputRefs } = this;\n            const relatedTarget = event.relatedTarget;\n            // Do not emit blur if we're moving to another input box in the same component\n            const isInternalFocus = relatedTarget != null && inputRefs.includes(relatedTarget);\n            if (!isInternalFocus) {\n                this.hasFocus = false;\n                // Reset tabIndexes when focus leaves the component\n                this.updateTabIndexes();\n                // Always emit ionBlur when focus leaves the component\n                this.ionBlur.emit(event);\n                // Only emit ionChange if the value has actually changed\n                if (this.focusedValue !== this.value) {\n                    this.emitIonChange(event);\n                }\n            }\n        };\n        /**\n         * Handles keyboard navigation for the OTP component.\n         *\n         * Navigation:\n         * - Backspace: Clears current input and moves to previous box if empty\n         * - Arrow Left/Right: Moves focus between input boxes\n         * - Tab: Allows normal tab navigation between components\n         */\n        this.onKeyDown = (index) => (event) => {\n            const { length } = this;\n            const rtl = isRTL(this.el);\n            const input = event.target;\n            // Meta shortcuts are used to copy, paste, and select text\n            // We don't want to handle these keys here\n            const metaShortcuts = ['a', 'c', 'v', 'x', 'r', 'z', 'y'];\n            const isTextSelection = input.selectionStart !== input.selectionEnd;\n            // Return if the key is a meta shortcut or the input value\n            // text is selected and let the onPaste / onInput handler manage it\n            if (isTextSelection || ((event.metaKey || event.ctrlKey) && metaShortcuts.includes(event.key.toLowerCase()))) {\n                return;\n            }\n            if (event.key === 'Backspace') {\n                if (this.inputValues[index]) {\n                    // Shift all values to the right of the current index left by one\n                    for (let i = index; i < length - 1; i++) {\n                        this.inputValues[i] = this.inputValues[i + 1];\n                    }\n                    // Clear the last box\n                    this.inputValues[length - 1] = '';\n                    // Update all inputRefs to match inputValues\n                    for (let i = 0; i < length; i++) {\n                        this.inputRefs[i].value = this.inputValues[i] || '';\n                    }\n                    this.updateValue(event);\n                    event.preventDefault();\n                }\n                else if (!this.inputValues[index] && index > 0) {\n                    // If current input is empty, move to previous input\n                    this.focusPrevious(index);\n                }\n            }\n            else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n                this.isKeyboardNavigation = true;\n                event.preventDefault();\n                const isLeft = event.key === 'ArrowLeft';\n                const shouldMoveNext = (isLeft && rtl) || (!isLeft && !rtl);\n                // Only allow moving to the next input if the current has a value\n                if (shouldMoveNext) {\n                    if (this.inputValues[index] && index < length - 1) {\n                        this.focusNext(index);\n                    }\n                }\n                else {\n                    this.focusPrevious(index);\n                }\n            }\n            else if (event.key === 'Tab') {\n                this.isKeyboardNavigation = true;\n                // Let all tab events proceed normally\n                return;\n            }\n        };\n        /**\n         * Processes all input scenarios for each input box.\n         *\n         * This function manages:\n         * 1. Autofill handling\n         * 2. Input validation\n         * 3. Full selection replacement or typing in an empty box\n         * 4. Inserting in the middle with available space (shifting)\n         * 5. Single character replacement\n         */\n        this.onInput = (index) => (event) => {\n            var _a, _b;\n            const { length, validKeyPattern } = this;\n            const input = event.target;\n            const value = input.value;\n            const previousValue = this.previousInputValues[index] || '';\n            // 1. Autofill handling\n            // If the length of the value increases by more than 1 from the previous\n            // value, treat this as autofill. This is to prevent the case where the\n            // user is typing a single character into an input box containing a value\n            // as that will trigger this function with a value length of 2 characters.\n            const isAutofill = value.length - previousValue.length > 1;\n            if (isAutofill) {\n                // Distribute valid characters across input boxes\n                const validChars = value\n                    .split('')\n                    .filter((char) => validKeyPattern.test(char))\n                    .slice(0, length);\n                // If there are no valid characters coming from the\n                // autofill, all input refs have to be cleared after the\n                // browser has finished the autofill behavior\n                if (validChars.length === 0) {\n                    requestAnimationFrame(() => {\n                        this.inputRefs.forEach((input) => {\n                            input.value = '';\n                        });\n                    });\n                }\n                for (let i = 0; i < length; i++) {\n                    this.inputValues[i] = validChars[i] || '';\n                    this.inputRefs[i].value = validChars[i] || '';\n                }\n                this.updateValue(event);\n                // Focus the first empty input box or the last input box if all boxes\n                // are filled after a small delay to ensure the input boxes have been\n                // updated before moving the focus\n                setTimeout(() => {\n                    var _a;\n                    const nextIndex = validChars.length < length ? validChars.length : length - 1;\n                    (_a = this.inputRefs[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus();\n                }, 20);\n                this.previousInputValues = [...this.inputValues];\n                return;\n            }\n            // 2. Input validation\n            // If the character entered is invalid (does not match the pattern),\n            // restore the previous value and exit\n            if (value.length > 0 && !validKeyPattern.test(value[value.length - 1])) {\n                input.value = this.inputValues[index] || '';\n                this.previousInputValues = [...this.inputValues];\n                return;\n            }\n            // 3. Full selection replacement or typing in an empty box\n            // If the user selects all text in the input box and types, or if the\n            // input box is empty, replace only this input box. If the box is empty,\n            // move to the next box, otherwise stay focused on this box.\n            const isAllSelected = input.selectionStart === 0 && input.selectionEnd === value.length;\n            const isEmpty = !this.inputValues[index];\n            if (isAllSelected || isEmpty) {\n                this.inputValues[index] = value;\n                input.value = value;\n                this.updateValue(event);\n                this.focusNext(index);\n                this.previousInputValues = [...this.inputValues];\n                return;\n            }\n            // 4. Inserting in the middle with available space (shifting)\n            // If typing in a filled input box and there are empty boxes at the end,\n            // shift all values starting at the current box to the right, and insert\n            // the new character at the current box.\n            const hasAvailableBoxAtEnd = this.inputValues[this.inputValues.length - 1] === '';\n            if (this.inputValues[index] && hasAvailableBoxAtEnd && value.length === 2) {\n                // Get the inserted character (from event or by diffing value/previousValue)\n                let newChar = event.data;\n                if (!newChar) {\n                    newChar = value.split('').find((c, i) => c !== previousValue[i]) || value[value.length - 1];\n                }\n                // Validate the new character before shifting\n                if (!validKeyPattern.test(newChar)) {\n                    input.value = this.inputValues[index] || '';\n                    this.previousInputValues = [...this.inputValues];\n                    return;\n                }\n                // Shift values right from the end to the insertion point\n                for (let i = this.inputValues.length - 1; i > index; i--) {\n                    this.inputValues[i] = this.inputValues[i - 1];\n                    this.inputRefs[i].value = this.inputValues[i] || '';\n                }\n                this.inputValues[index] = newChar;\n                this.inputRefs[index].value = newChar;\n                this.updateValue(event);\n                this.previousInputValues = [...this.inputValues];\n                return;\n            }\n            // 5. Single character replacement\n            // Handles replacing a single character in a box containing a value based\n            // on the cursor position. We need the cursor position to determine which\n            // character was the last character typed. For example, if the user types \"2\"\n            // in an input box with the cursor at the beginning of the value of \"6\",\n            // the value will be \"26\", but we want to grab the \"2\" as the last character\n            // typed.\n            const cursorPos = (_a = input.selectionStart) !== null && _a !== void 0 ? _a : value.length;\n            const newCharIndex = cursorPos - 1;\n            const newChar = (_b = value[newCharIndex]) !== null && _b !== void 0 ? _b : value[0];\n            // Check if the new character is valid before updating the value\n            if (!validKeyPattern.test(newChar)) {\n                input.value = this.inputValues[index] || '';\n                this.previousInputValues = [...this.inputValues];\n                return;\n            }\n            this.inputValues[index] = newChar;\n            input.value = newChar;\n            this.updateValue(event);\n            this.previousInputValues = [...this.inputValues];\n        };\n        /**\n         * Handles pasting text into the input OTP component.\n         * This function prevents the default paste behavior and\n         * validates the pasted text against the allowed pattern.\n         * It then updates the value of the input group and focuses\n         * the next empty input after pasting.\n         */\n        this.onPaste = (event) => {\n            var _a, _b;\n            const { inputRefs, length, validKeyPattern } = this;\n            event.preventDefault();\n            const pastedText = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text');\n            // If there is no pasted text, still emit the input change event\n            // because this is how the native input element behaves\n            // but return early because there is nothing to paste.\n            if (!pastedText) {\n                this.emitIonInput(event);\n                return;\n            }\n            const validChars = pastedText\n                .split('')\n                .filter((char) => validKeyPattern.test(char))\n                .slice(0, length);\n            // Always paste starting at the first box\n            validChars.forEach((char, index) => {\n                if (index < length) {\n                    this.inputRefs[index].value = char;\n                    this.inputValues[index] = char;\n                }\n            });\n            // Update the value so that all input boxes are updated\n            this.value = validChars.join('');\n            this.updateValue(event);\n            // Focus the next empty input after pasting\n            // If all boxes are filled, focus the last input\n            const nextEmptyIndex = validChars.length < length ? validChars.length : length - 1;\n            (_b = inputRefs[nextEmptyIndex]) === null || _b === void 0 ? void 0 : _b.focus();\n        };\n    }\n    /**\n     * Sets focus to an input box.\n     * @param index - The index of the input box to focus (0-based).\n     * If provided and the input box has a value, the input box at that index will be focused.\n     * Otherwise, the first empty input box or the last input if all are filled will be focused.\n     */\n    async setFocus(index) {\n        var _a, _b;\n        if (typeof index === 'number') {\n            const validIndex = Math.max(0, Math.min(index, this.length - 1));\n            (_a = this.inputRefs[validIndex]) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n        else {\n            const tabbableIndex = this.getTabbableIndex();\n            (_b = this.inputRefs[tabbableIndex]) === null || _b === void 0 ? void 0 : _b.focus();\n        }\n    }\n    valueChanged() {\n        this.initializeValues();\n        this.updateTabIndexes();\n    }\n    /**\n     * Processes the separators prop into an array of numbers.\n     *\n     * If the separators prop is not provided, returns an empty array.\n     * If the separators prop is 'all', returns an array of all valid positions (1 to length-1).\n     * If the separators prop is an array, returns it as is.\n     * If the separators prop is a string, splits it by commas and parses each part as a number.\n     *\n     * If the separators are greater than the input length, it will warn and ignore the separators.\n     */\n    processSeparators() {\n        const { separators, length } = this;\n        if (separators === undefined) {\n            this.parsedSeparators = [];\n            return;\n        }\n        if (typeof separators === 'string' && separators !== 'all') {\n            const isValidFormat = /^(\\d+)(,\\d+)*$/.test(separators);\n            if (!isValidFormat) {\n                printIonWarning(`[ion-input-otp] - Invalid separators format. Expected a comma-separated list of numbers, an array of numbers, or \"all\". Received: ${separators}`, this.el);\n                this.parsedSeparators = [];\n                return;\n            }\n        }\n        let separatorValues;\n        if (separators === 'all') {\n            separatorValues = Array.from({ length: length - 1 }, (_, i) => i + 1);\n        }\n        else if (Array.isArray(separators)) {\n            separatorValues = separators;\n        }\n        else {\n            separatorValues = separators\n                .split(',')\n                .map((pos) => parseInt(pos, 10))\n                .filter((pos) => !isNaN(pos));\n        }\n        // Check for duplicate separator positions\n        const duplicates = separatorValues.filter((pos, index) => separatorValues.indexOf(pos) !== index);\n        if (duplicates.length > 0) {\n            printIonWarning(`[ion-input-otp] - Duplicate separator positions are not allowed. Received: ${separators}`, this.el);\n        }\n        const invalidSeparators = separatorValues.filter((pos) => pos > length);\n        if (invalidSeparators.length > 0) {\n            printIonWarning(`[ion-input-otp] - The following separator positions are greater than the input length (${length}): ${invalidSeparators.join(', ')}. These separators will be ignored.`, this.el);\n        }\n        this.parsedSeparators = separatorValues.filter((pos) => pos <= length);\n    }\n    componentWillLoad() {\n        this.inheritedAttributes = inheritAriaAttributes(this.el);\n        this.processSeparators();\n        this.initializeValues();\n    }\n    componentDidLoad() {\n        this.updateTabIndexes();\n    }\n    /**\n     * Get the regex pattern for allowed characters.\n     * If a pattern is provided, use it to create a regex pattern\n     * Otherwise, use the default regex pattern based on type\n     */\n    get validKeyPattern() {\n        return new RegExp(`^${this.getPattern()}$`, 'u');\n    }\n    /**\n     * Gets the string pattern to pass to the input element\n     * and use in the regex for allowed characters.\n     */\n    getPattern() {\n        const { pattern, type } = this;\n        if (pattern) {\n            return pattern;\n        }\n        return type === 'number' ? '[\\\\p{N}]' : '[\\\\p{L}\\\\p{N}]';\n    }\n    /**\n     * Get the default value for inputmode.\n     * If inputmode is provided, use it.\n     * Otherwise, use the default inputmode based on type\n     */\n    getInputmode() {\n        const { inputmode } = this;\n        if (inputmode) {\n            return inputmode;\n        }\n        if (this.type == 'number') {\n            return 'numeric';\n        }\n        else {\n            return 'text';\n        }\n    }\n    /**\n     * Initializes the input values array based on the current value prop.\n     * This splits the value into individual characters and validates them against\n     * the allowed pattern. The values are then used as the values in the native\n     * input boxes and the value of the input group is updated.\n     */\n    initializeValues() {\n        // Clear all input values\n        this.inputValues = Array(this.length).fill('');\n        // If the value is null, undefined, or an empty string, return\n        if (this.value == null || String(this.value).length === 0) {\n            return;\n        }\n        // Split the value into individual characters and validate\n        // them against the allowed pattern\n        const chars = String(this.value).split('').slice(0, this.length);\n        chars.forEach((char, index) => {\n            if (this.validKeyPattern.test(char)) {\n                this.inputValues[index] = char;\n            }\n        });\n        // Update the value without emitting events\n        this.value = this.inputValues.join('');\n        this.previousInputValues = [...this.inputValues];\n    }\n    /**\n     * Updates the value of the input group.\n     * This updates the value of the input group and emits an `ionChange` event.\n     * If all of the input boxes are filled, it emits an `ionComplete` event.\n     */\n    updateValue(event) {\n        const { inputValues, length } = this;\n        const newValue = inputValues.join('');\n        this.value = newValue;\n        this.emitIonInput(event);\n        if (newValue.length === length) {\n            this.ionComplete.emit({ value: newValue });\n        }\n    }\n    /**\n     * Emits an `ionChange` event.\n     * This API should be called for user committed changes.\n     * This API should not be used for external value changes.\n     */\n    emitIonChange(event) {\n        const { value } = this;\n        // Checks for both null and undefined values\n        const newValue = value == null ? value : value.toString();\n        this.ionChange.emit({ value: newValue, event });\n    }\n    /**\n     * Emits an `ionInput` event.\n     * This is used to emit the input value when the user types,\n     * backspaces, or pastes.\n     */\n    emitIonInput(event) {\n        const { value } = this;\n        // Checks for both null and undefined values\n        const newValue = value == null ? value : value.toString();\n        this.ionInput.emit({ value: newValue, event });\n    }\n    /**\n     * Focuses the next input box.\n     */\n    focusNext(currentIndex) {\n        var _a;\n        const { inputRefs, length } = this;\n        if (currentIndex < length - 1) {\n            (_a = inputRefs[currentIndex + 1]) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n    }\n    /**\n     * Focuses the previous input box.\n     */\n    focusPrevious(currentIndex) {\n        var _a;\n        const { inputRefs } = this;\n        if (currentIndex > 0) {\n            (_a = inputRefs[currentIndex - 1]) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n    }\n    /**\n     * Searches through the input values and returns the index\n     * of the first empty input.\n     * Returns -1 if all inputs are filled.\n     */\n    getFirstEmptyIndex() {\n        var _a;\n        const { inputValues, length } = this;\n        // Create an array of the same length as the input OTP\n        // and fill it with the input values\n        const values = Array.from({ length }, (_, i) => inputValues[i] || '');\n        return (_a = values.findIndex((value) => !value || value === '')) !== null && _a !== void 0 ? _a : -1;\n    }\n    /**\n     * Returns the index of the input that should be tabbed to.\n     * If all inputs are filled, returns the last input's index.\n     * Otherwise, returns the index of the first empty input.\n     */\n    getTabbableIndex() {\n        const { length } = this;\n        const firstEmptyIndex = this.getFirstEmptyIndex();\n        return firstEmptyIndex === -1 ? length - 1 : firstEmptyIndex;\n    }\n    /**\n     * Updates the tabIndexes for the input boxes.\n     * This is used to ensure that the correct input is\n     * focused when the user navigates using the tab key.\n     */\n    updateTabIndexes() {\n        const { inputRefs, inputValues, length } = this;\n        // Find first empty index after any filled boxes\n        let firstEmptyIndex = -1;\n        for (let i = 0; i < length; i++) {\n            if (!inputValues[i] || inputValues[i] === '') {\n                firstEmptyIndex = i;\n                break;\n            }\n        }\n        // Update tabIndex and aria-hidden for all inputs\n        inputRefs.forEach((input, index) => {\n            const shouldBeTabbable = firstEmptyIndex === -1 ? index === length - 1 : firstEmptyIndex === index;\n            input.tabIndex = shouldBeTabbable ? 0 : -1;\n            // If the input is empty and not the first empty input,\n            // it should be hidden from screen readers.\n            const isEmpty = !inputValues[index] || inputValues[index] === '';\n            input.setAttribute('aria-hidden', isEmpty && !shouldBeTabbable ? 'true' : 'false');\n        });\n    }\n    /**\n     * Determines if a separator should be shown for a given index by\n     * checking if the index is included in the parsed separators array.\n     */\n    showSeparator(index) {\n        const { length } = this;\n        return this.parsedSeparators.includes(index + 1) && index < length - 1;\n    }\n    render() {\n        var _a, _b;\n        const { autocapitalize, color, disabled, el, fill, hasFocus, inheritedAttributes, inputId, inputRefs, inputValues, length, readonly, shape, size, } = this;\n        const mode = getIonMode(this);\n        const inputmode = this.getInputmode();\n        const tabbableIndex = this.getTabbableIndex();\n        const pattern = this.getPattern();\n        const hasDescription = ((_b = (_a = el.querySelector('.input-otp-description')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) !== '';\n        return (h(Host, { key: 'f15a29fb17b681ef55885ca36d3d5f899cbaca83', class: createColorClasses(color, {\n                [mode]: true,\n                'has-focus': hasFocus,\n                [`input-otp-size-${size}`]: true,\n                [`input-otp-shape-${shape}`]: true,\n                [`input-otp-fill-${fill}`]: true,\n                'input-otp-disabled': disabled,\n                'input-otp-readonly': readonly,\n            }) }, h(\"div\", Object.assign({ key: 'd7e1d4edd8aafcf2ed4313301287282e90fc7e82', role: \"group\", \"aria-label\": \"One-time password input\", class: \"input-otp-group\" }, inheritedAttributes), Array.from({ length }).map((_, index) => (h(Fragment, null, h(\"div\", { class: \"native-wrapper\" }, h(\"input\", { class: \"native-input\", id: `${inputId}-${index}`, \"aria-label\": `Input ${index + 1} of ${length}`, type: \"text\", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: \"one-time-code\", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && h(\"div\", { class: \"input-otp-separator\" }))))), h(\"div\", { key: '3724a3159d02860971879a906092f9965f5a7c47', class: {\n                'input-otp-description': true,\n                'input-otp-description-hidden': !hasDescription,\n            } }, h(\"slot\", { key: '11baa2624926a08274508afe0833d9237a8dc35c' }))));\n    }\n    static get is() { return \"ion-input-otp\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"input-otp.ios.scss\"],\n            \"md\": [\"input-otp.md.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"input-otp.ios.css\"],\n            \"md\": [\"input-otp.md.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"autocapitalize\": {\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\": \"Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\\nAvailable options: `\\\"off\\\"`, `\\\"none\\\"`, `\\\"on\\\"`, `\\\"sentences\\\"`, `\\\"words\\\"`, `\\\"characters\\\"`.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"autocapitalize\",\n                \"defaultValue\": \"'off'\"\n            },\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                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": true,\n                \"attribute\": \"color\"\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 input.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": true,\n                \"attribute\": \"disabled\",\n                \"defaultValue\": \"false\"\n            },\n            \"fill\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'outline' | 'solid'\",\n                    \"resolved\": \"\\\"outline\\\" | \\\"solid\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The fill for the input boxes. If `\\\"solid\\\"` the input boxes will have a background. If\\n`\\\"outline\\\"` the input boxes will be transparent with a border.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"fill\",\n                \"defaultValue\": \"'outline'\"\n            },\n            \"inputmode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'\",\n                    \"resolved\": \"\\\"decimal\\\" | \\\"email\\\" | \\\"none\\\" | \\\"numeric\\\" | \\\"search\\\" | \\\"tel\\\" | \\\"text\\\" | \\\"url\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"A hint to the browser for which keyboard to display.\\nPossible values: `\\\"none\\\"`, `\\\"text\\\"`, `\\\"tel\\\"`, `\\\"url\\\"`,\\n`\\\"email\\\"`, `\\\"numeric\\\"`, `\\\"decimal\\\"`, and `\\\"search\\\"`.\\n\\nFor numbers (type=\\\"number\\\"): \\\"numeric\\\"\\nFor text (type=\\\"text\\\"): \\\"text\\\"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"inputmode\"\n            },\n            \"length\": {\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\": \"The number of input boxes to display.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"length\",\n                \"defaultValue\": \"4\"\n            },\n            \"pattern\": {\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\": \"A regex pattern string for allowed characters. Defaults based on type.\\n\\nFor numbers (`type=\\\"number\\\"`): `\\\"[\\\\p{N}]\\\"`\\nFor text (`type=\\\"text\\\"`): `\\\"[\\\\p{L}\\\\p{N}]\\\"`\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"pattern\"\n            },\n            \"readonly\": {\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 modify the value.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": true,\n                \"attribute\": \"readonly\",\n                \"defaultValue\": \"false\"\n            },\n            \"separators\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'all' | string | number[]\",\n                    \"resolved\": \"number[] | string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Where separators should be shown between input boxes.\\nCan be a comma-separated string or an array of numbers.\\n\\nFor example:\\n`\\\"3\\\"` will show a separator after the 3rd input box.\\n`[1,4]` will show a separator after the 1st and 4th input boxes.\\n`\\\"all\\\"` will show a separator between every input box.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"separators\"\n            },\n            \"shape\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'round' | 'rectangular' | 'soft'\",\n                    \"resolved\": \"\\\"rectangular\\\" | \\\"round\\\" | \\\"soft\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The shape of the input boxes.\\nIf \\\"round\\\" they will have an increased border radius.\\nIf \\\"rectangular\\\" they will have no border radius.\\nIf \\\"soft\\\" they will have a soft border radius.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"shape\",\n                \"defaultValue\": \"'round'\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'small' | 'medium' | 'large'\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the input boxes.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"size\",\n                \"defaultValue\": \"'medium'\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"'text' | 'number'\",\n                    \"resolved\": \"\\\"number\\\" | \\\"text\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of input allowed in the input boxes.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"type\",\n                \"defaultValue\": \"'number'\"\n            },\n            \"value\": {\n                \"type\": \"any\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string | number | null\",\n                    \"resolved\": \"null | number | string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the input group.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"value\",\n                \"defaultValue\": \"''\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"inputValues\": {},\n            \"hasFocus\": {},\n            \"previousInputValues\": {}\n        };\n    }\n    static get events() {\n        return [{\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 each time the user modifies the input's value.\\nUnlike the `ionChange` event, the `ionInput` event is fired for each alteration\\nto the input's value. This typically happens for each keystroke as the user types.\\n\\nFor elements that accept text input (`type=text`, `type=tel`, etc.), the interface\\nis [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\\nthe interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\\nthe input is cleared on edit, the type is `null`.\"\n                },\n                \"complexType\": {\n                    \"original\": \"InputOtpInputEventDetail\",\n                    \"resolved\": \"InputOtpInputEventDetail\",\n                    \"references\": {\n                        \"InputOtpInputEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./input-otp-interface\",\n                            \"id\": \"src/components/input-otp/input-otp-interface.ts::InputOtpInputEventDetail\"\n                        }\n                    }\n                }\n            }, {\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 when the user modifies the input's value.\\nUnlike the `ionInput` event, the `ionChange` event is only fired when changes\\nare committed, not as the user types.\\n\\nThe `ionChange` event fires when the `<ion-input-otp>` component loses\\nfocus after its value has changed.\\n\\nThis event will not emit when programmatically setting the `value` property.\"\n                },\n                \"complexType\": {\n                    \"original\": \"InputOtpChangeEventDetail\",\n                    \"resolved\": \"InputOtpChangeEventDetail\",\n                    \"references\": {\n                        \"InputOtpChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./input-otp-interface\",\n                            \"id\": \"src/components/input-otp/input-otp-interface.ts::InputOtpChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ionComplete\",\n                \"name\": \"ionComplete\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when all input boxes have been filled with valid values.\"\n                },\n                \"complexType\": {\n                    \"original\": \"InputOtpCompleteEventDetail\",\n                    \"resolved\": \"InputOtpCompleteEventDetail\",\n                    \"references\": {\n                        \"InputOtpCompleteEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./input-otp-interface\",\n                            \"id\": \"src/components/input-otp/input-otp-interface.ts::InputOtpCompleteEventDetail\"\n                        }\n                    }\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 input group loses focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"FocusEvent\",\n                    \"resolved\": \"FocusEvent\",\n                    \"references\": {\n                        \"FocusEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FocusEvent\"\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 input group has focus.\"\n                },\n                \"complexType\": {\n                    \"original\": \"FocusEvent\",\n                    \"resolved\": \"FocusEvent\",\n                    \"references\": {\n                        \"FocusEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FocusEvent\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"(index?: number) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"index\",\n                            \"type\": \"number | undefined\",\n                            \"docs\": \"- The index of the input box to focus (0-based).\\nIf provided and the input box has a value, the input box at that index will be focused.\\nOtherwise, the first empty input box or the last input if all are filled will be focused.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus to an input box.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"index - The index of the input box to focus (0-based).\\nIf provided and the input box has a value, the input box at that index will be focused.\\nOtherwise, the first empty input box or the last input if all are filled will be focused.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"value\",\n                \"methodName\": \"valueChanged\"\n            }, {\n                \"propName\": \"separators\",\n                \"methodName\": \"processSeparators\"\n            }, {\n                \"propName\": \"length\",\n                \"methodName\": \"processSeparators\"\n            }];\n    }\n}\nlet inputIds = 0;\n"],"version":3}

package/dist/components/ion-input-password-toggle.js

@@ -1,131 +0,0 @@
-import { p as proxyCustomElement, H, f as printIonWarning, h, e as Host, t as transformTag } from './p-abe_AkUW.js';
-import { c as createColorClasses } from './p-DiVJyqlX.js';
-import { l as eyeOff, m as eye } from './p-jWFeuAB5.js';
-import { g as getIonMode } from './p-DEAe7QEa.js';
-import { d as defineCustomElement$4 } from './p-Dw849bTq.js';
-import { d as defineCustomElement$3 } from './p-CqzV2Pip.js';
-import { d as defineCustomElement$2 } from './p-DskTArru.js';
-
-const iosInputPasswordToggleCss = () => ``;
-
-const mdInputPasswordToggleCss = () => ``;
-
-const InputPasswordToggle = /*@__PURE__*/ proxyCustomElement(class InputPasswordToggle extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * @internal
-         */
-        this.type = 'password';
-        this.togglePasswordVisibility = () => {
-            const { inputElRef } = this;
-            if (!inputElRef) {
-                return;
-            }
-            inputElRef.type = inputElRef.type === 'text' ? 'password' : 'text';
-        };
-    }
-    /**
-     * Whenever the input type changes we need to re-run validation to ensure the password
-     * toggle is being used with the correct input type. If the application changes the type
-     * outside of this component we also need to re-render so the correct icon is shown.
-     */
-    onTypeChange(newValue) {
-        if (newValue !== 'text' && newValue !== 'password') {
-            printIonWarning(`[ion-input-password-toggle] - Only inputs of type "text" or "password" are supported. Input of type "${newValue}" is not compatible.`, this.el);
-            return;
-        }
-    }
-    connectedCallback() {
-        const { el } = this;
-        const inputElRef = (this.inputElRef = el.closest('ion-input'));
-        if (!inputElRef) {
-            printIonWarning('[ion-input-password-toggle] - No ancestor ion-input found. This component must be slotted inside of an ion-input.', el);
-            return;
-        }
-        /**
-         * Important: Set the type in connectedCallback because the default value
-         * of this.type may not always be accurate. Usually inputs have the "password" type
-         * but it is possible to have the input to initially have the "text" type. In that scenario
-         * the wrong icon will show briefly before switching to the correct icon. Setting the
-         * type here allows us to avoid that flicker.
-         */
-        this.type = inputElRef.type;
-    }
-    disconnectedCallback() {
-        this.inputElRef = null;
-    }
-    render() {
-        var _a, _b;
-        const { color, type } = this;
-        const mode = getIonMode(this);
-        const showPasswordIcon = (_a = this.showIcon) !== null && _a !== void 0 ? _a : eye;
-        const hidePasswordIcon = (_b = this.hideIcon) !== null && _b !== void 0 ? _b : eyeOff;
-        const isPasswordVisible = type === 'text';
-        return (h(Host, { key: '91bc55664d496fe457518bd112865dd7811d0c17', class: createColorClasses(color, {
-                [mode]: true,
-            }) }, h("ion-button", { key: 'f3e436422110c9cb4d5c0b83500255b24ab4cdef', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": isPasswordVisible ? 'Hide password' : 'Show password', role: "switch", type: "button", onPointerDown: (ev) => {
-                /**
-                 * This prevents mobile browsers from
-                 * blurring the input when the password toggle
-                 * button is activated.
-                 */
-                ev.preventDefault();
-            }, onClick: this.togglePasswordVisibility }, h("ion-icon", { key: '5c8b121153f148f92aa7cba0447673a4f6f3ad1e', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "type": ["onTypeChange"]
-    }; }
-    static get style() { return {
-        ios: iosInputPasswordToggleCss(),
-        md: mdInputPasswordToggleCss()
-    }; }
-}, [289, "ion-input-password-toggle", {
-        "color": [513],
-        "showIcon": [1, "show-icon"],
-        "hideIcon": [1, "hide-icon"],
-        "type": [1025]
-    }, undefined, {
-        "type": ["onTypeChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ion-input-password-toggle", "ion-button", "ion-icon", "ion-ripple-effect"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ion-input-password-toggle":
-            if (!customElements.get(transformTag(tagName))) {
-                customElements.define(transformTag(tagName), InputPasswordToggle);
-            }
-            break;
-        case "ion-button":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ion-icon":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ion-ripple-effect":
-            if (!customElements.get(transformTag(tagName))) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const IonInputPasswordToggle = InputPasswordToggle;
-const defineCustomElement = defineCustomElement$1;
-
-export { IonInputPasswordToggle, defineCustomElement };
-//# sourceMappingURL=ion-input-password-toggle.js.map
-
-//# sourceMappingURL=ion-input-password-toggle.js.map

package/dist/components/ion-input-password-toggle.js.map

@@ -1 +0,0 @@
-{"file":"ion-input-password-toggle.js","mappings":";;;;;;;;AAAA,MAAM,yBAAyB,GAAG,MAAM,CAAC,CAAC;;ACA1C,MAAM,wBAAwB,GAAG,MAAM,CAAC,CAAC;;MCW5B,mBAAmB,iBAAAA,kBAAA,CAAA,MAAA,mBAAA,SAAAC,CAAA,CAAA;AAC5B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AACI;;AAEG;AACH,QAAA,IAAI,CAAC,IAAI,GAAG,UAAU;AACtB,QAAA,IAAI,CAAC,wBAAwB,GAAG,MAAK;AACjC,YAAA,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI;YAC3B,IAAI,CAAC,UAAU,EAAE;gBACb;;AAEJ,YAAA,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,MAAM;AACtE,SAAC;AACJ;AACD;;;;AAIG;AACH,IAAA,YAAY,CAAC,QAAQ,EAAA;QACjB,IAAI,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,UAAU,EAAE;YAChD,eAAe,CAAC,wGAAwG,QAAQ,CAAA,oBAAA,CAAsB,EAAE,IAAI,CAAC,EAAE,CAAC;YAChK;;;IAGR,iBAAiB,GAAA;AACb,QAAA,MAAM,EAAE,EAAE,EAAE,GAAG,IAAI;AACnB,QAAA,MAAM,UAAU,IAAI,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QAC9D,IAAI,CAAC,UAAU,EAAE;AACb,YAAA,eAAe,CAAC,mHAAmH,EAAE,EAAE,CAAC;YACxI;;AAEJ;;;;;;AAMG;AACH,QAAA,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI;;IAE/B,oBAAoB,GAAA;AAChB,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;IAE1B,MAAM,GAAA;QACF,IAAI,EAAE,EAAE,EAAE;AACV,QAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI;AAC5B,QAAA,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;QAC7B,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,EAAE,GAAG,GAAG;QAClF,MAAM,gBAAgB,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,EAAE,GAAG,MAAM;AACrF,QAAA,MAAM,iBAAiB,GAAG,IAAI,KAAK,MAAM;AACzC,QAAA,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,kBAAkB,CAAC,KAAK,EAAE;gBAC5F,CAAC,IAAI,GAAG,IAAI;AACf,aAAA,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,iBAAiB,GAAG,MAAM,GAAG,OAAO,EAAE,YAAY,EAAE,iBAAiB,GAAG,eAAe,GAAG,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,EAAE,KAAI;AAC/S;;;;AAIG;gBACH,EAAE,CAAC,cAAc,EAAE;AACvB,aAAC,EAAE,OAAO,EAAE,IAAI,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC,UAAU,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["node_modules/@ionic/core/dist/collection/components/input-password-toggle/input-password-toggle.css?tag=ion-input-password-toggle&mode=ios&encapsulation=shadow","node_modules/@ionic/core/dist/collection/components/input-password-toggle/input-password-toggle.css?tag=ion-input-password-toggle&mode=md&encapsulation=shadow","node_modules/@ionic/core/dist/collection/components/input-password-toggle/input-password-toggle.js"],"sourcesContent":["","","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, h } from \"@stencil/core\";\nimport { printIonWarning } from \"../../utils/logging/index\";\nimport { createColorClasses } from \"../../utils/theme\";\nimport { eyeOff, eye } from \"ionicons/icons\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n */\nexport class InputPasswordToggle {\n    constructor() {\n        /**\n         * @internal\n         */\n        this.type = 'password';\n        this.togglePasswordVisibility = () => {\n            const { inputElRef } = this;\n            if (!inputElRef) {\n                return;\n            }\n            inputElRef.type = inputElRef.type === 'text' ? 'password' : 'text';\n        };\n    }\n    /**\n     * Whenever the input type changes we need to re-run validation to ensure the password\n     * toggle is being used with the correct input type. If the application changes the type\n     * outside of this component we also need to re-render so the correct icon is shown.\n     */\n    onTypeChange(newValue) {\n        if (newValue !== 'text' && newValue !== 'password') {\n            printIonWarning(`[ion-input-password-toggle] - Only inputs of type \"text\" or \"password\" are supported. Input of type \"${newValue}\" is not compatible.`, this.el);\n            return;\n        }\n    }\n    connectedCallback() {\n        const { el } = this;\n        const inputElRef = (this.inputElRef = el.closest('ion-input'));\n        if (!inputElRef) {\n            printIonWarning('[ion-input-password-toggle] - No ancestor ion-input found. This component must be slotted inside of an ion-input.', el);\n            return;\n        }\n        /**\n         * Important: Set the type in connectedCallback because the default value\n         * of this.type may not always be accurate. Usually inputs have the \"password\" type\n         * but it is possible to have the input to initially have the \"text\" type. In that scenario\n         * the wrong icon will show briefly before switching to the correct icon. Setting the\n         * type here allows us to avoid that flicker.\n         */\n        this.type = inputElRef.type;\n    }\n    disconnectedCallback() {\n        this.inputElRef = null;\n    }\n    render() {\n        var _a, _b;\n        const { color, type } = this;\n        const mode = getIonMode(this);\n        const showPasswordIcon = (_a = this.showIcon) !== null && _a !== void 0 ? _a : eye;\n        const hidePasswordIcon = (_b = this.hideIcon) !== null && _b !== void 0 ? _b : eyeOff;\n        const isPasswordVisible = type === 'text';\n        return (h(Host, { key: '91bc55664d496fe457518bd112865dd7811d0c17', class: createColorClasses(color, {\n                [mode]: true,\n            }) }, h(\"ion-button\", { key: 'f3e436422110c9cb4d5c0b83500255b24ab4cdef', mode: mode, color: color, fill: \"clear\", shape: \"round\", \"aria-checked\": isPasswordVisible ? 'true' : 'false', \"aria-label\": isPasswordVisible ? 'Hide password' : 'Show password', role: \"switch\", type: \"button\", onPointerDown: (ev) => {\n                /**\n                 * This prevents mobile browsers from\n                 * blurring the input when the password toggle\n                 * button is activated.\n                 */\n                ev.preventDefault();\n            }, onClick: this.togglePasswordVisibility }, h(\"ion-icon\", { key: '5c8b121153f148f92aa7cba0447673a4f6f3ad1e', slot: \"icon-only\", \"aria-hidden\": \"true\", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));\n    }\n    static get is() { return \"ion-input-password-toggle\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"ios\": [\"input-password-toggle.scss\"],\n            \"md\": [\"input-password-toggle.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"ios\": [\"input-password-toggle.css\"],\n            \"md\": [\"input-password-toggle.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                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": true,\n                \"attribute\": \"color\"\n            },\n            \"showIcon\": {\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 icon that can be used to represent showing a password. If not set, the \\\"eye\\\" Ionicon will be used.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"show-icon\"\n            },\n            \"hideIcon\": {\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 icon that can be used to represent hiding a password. If not set, the \\\"eyeOff\\\" Ionicon will be used.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"hide-icon\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"TextFieldTypes\",\n                    \"resolved\": \"\\\"date\\\" | \\\"datetime-local\\\" | \\\"email\\\" | \\\"month\\\" | \\\"number\\\" | \\\"password\\\" | \\\"search\\\" | \\\"tel\\\" | \\\"text\\\" | \\\"time\\\" | \\\"url\\\" | \\\"week\\\"\",\n                    \"references\": {\n                        \"TextFieldTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../interface\",\n                            \"id\": \"src/interface.d.ts::TextFieldTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": undefined\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"reflect\": false,\n                \"attribute\": \"type\",\n                \"defaultValue\": \"'password'\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"type\",\n                \"methodName\": \"onTypeChange\"\n            }];\n    }\n}\n"],"version":3}