@descope/web-components-ui 3.17.0 → 3.18.0

package/dist/umd/descope-passcode-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-passcode-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-text-field/src/component/TextFieldClass.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/textFieldMappings.js","webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/descope-loader-radial/LoaderRadialClass.js","webpack://@descope/web-components-ui/./src/components/descope-loader-radial/index.js","webpack://@descope/web-components-ui/./src/components/descope-passcode/descope-passcode-internal/PasscodeInternal.js","webpack://@descope/web-components-ui/./src/components/descope-passcode/descope-passcode-internal/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-passcode/descope-passcode-internal/index.js","webpack://@descope/web-components-ui/./src/components/descope-passcode/PasscodeClass.js","webpack://@descope/web-components-ui/./src/components/descope-passcode/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '@descope-ui/common/theme-helpers';\nimport textFieldMappings from './textFieldMappings';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart', 'selectionEnd'],\n    useProxyTargets: true,\n  }),\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  }),\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: {\n    selector: '[required]::part(required-indicator)::after',\n  },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: {\n    selector: () => '::slotted(input:disabled::placeholder)',\n  },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    {\n      selector: () => ':host input:placeholder-shown',\n      property: 'font-weight',\n    },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: {\n    ...errorMessage,\n    property: 'padding-inline-start',\n  },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: {\n    ...errorMessage,\n    property: 'background-position',\n  },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n","import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('loader-radial');\n\nclass RawLoaderRadial extends createBaseClass({ componentName, baseSelector: ':host > div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div></div>\n\t`;\n\n    injectStyle(\n      `\n    @keyframes spin {\n\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\tanimation-name: spin;\n\t\t\t}\n        `,\n      this\n    );\n  }\n}\n\nexport const LoaderRadialClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostDisplay: { property: 'display' },\n      spinnerSize: [{ property: 'width' }, { property: 'height' }],\n      spinnerBorderWidth: { property: 'border-width' },\n      spinnerBorderStyle: { property: 'border-style' },\n      spinnerBorderRadius: { property: 'border-radius' },\n      spinnerQuadrant1Color: { property: 'border-top-color' },\n      spinnerQuadrant2Color: { property: 'border-bottom-color' },\n      spinnerQuadrant3Color: { property: 'border-right-color' },\n      spinnerQuadrant4Color: { property: 'border-left-color' },\n      animationDuration: {},\n      animationTimingFunction: {},\n      animationIterationCount: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawLoaderRadial);\n","import { componentName, LoaderRadialClass } from './LoaderRadialClass';\n\ncustomElements.define(componentName, LoaderRadialClass);\n\nexport { LoaderRadialClass, componentName };\n","import debounce from 'lodash.debounce';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../../baseClasses/createBaseInputClass';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport {\n  sanitizeStr,\n  focusElement,\n  toggleMaskVisibility,\n  INPUT_MASK_FALLBACK_PROP,\n  INPUT_MASK_TEXT_PROP,\n  INPUT_MASK_DISPLAY_PROP,\n} from './helpers';\n\nexport const componentName = getComponentName('passcode-internal');\n\nconst observedAttributes = ['digits', 'loading'];\n\nconst forwardAttributes = [\n  'disabled',\n  'bordered',\n  'size',\n  'invalid',\n  'readonly',\n  'aria-labelledby',\n];\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass PasscodeInternal extends BaseInputClass {\n  static get observedAttributes() {\n    return observedAttributes.concat(BaseInputClass.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n\t\t<div class=\"wrapper\"></div>\n\t\t<div class=\"loader-container\">\n      <descope-loader-radial size=\"xs\" mode=\"primary\"></descope-loader-radial>\n    </div>\n\t\t`;\n\n    this.wrapperEle = this.querySelector('.wrapper');\n    this.loaderContainer = this.querySelector('.loader-container');\n  }\n\n  renderInputs() {\n    const inputs = [...Array(this.digits).keys()].map(\n      (idx) => `\n\t\t<descope-text-field\n\t\t\tdata-id=${idx}\n\t\t\ttype=\"tel\"\n\t\t\tautocomplete=\"one-time-code\"\n\t\t\tinputMode=\"numeric\"\n\t\t></descope-text-field>\n\t`\n    );\n\n    this.wrapperEle.innerHTML = inputs.join('');\n\n    this.inputs = Array.from(this.querySelectorAll('descope-text-field'));\n\n    this.initInputs();\n  }\n\n  handleLoadingState(isLoading) {\n    if (isLoading) {\n      this.setAttribute('inert', 'true');\n    } else {\n      this.removeAttribute('inert');\n    }\n  }\n\n  get digits() {\n    return Number.parseInt(this.getAttribute('digits'), 10) || 6;\n  }\n\n  get value() {\n    return this.inputs?.map(({ value }) => value).join('') || '';\n  }\n\n  set value(val) {\n    if (val === this.value) return;\n\n    this.parseInputValue(this.inputs[0], sanitizeStr(val));\n  }\n\n  getValidity() {\n    if (this.isRequired && !this.value) {\n      return { valueMissing: true };\n    }\n    if (this.pattern && !new RegExp(this.pattern).test(this.value)) {\n      return { patternMismatch: true };\n    }\n\n    return {};\n  }\n\n  init() {\n    // we are adding listeners before calling to super because it's stopping the events\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) this.inputs[0].focus();\n    });\n\n    super.init?.();\n\n    this.renderInputs();\n  }\n\n  getInputIdx(inputEle) {\n    return Number.parseInt(inputEle.getAttribute('data-id'), 10);\n  }\n\n  getNextInput(currInput) {\n    const currentIdx = this.getInputIdx(currInput);\n    const newIdx = Math.min(currentIdx + 1, this.inputs.length - 1);\n    return this.inputs[newIdx];\n  }\n\n  getPrevInput(currInput) {\n    const currentIdx = this.getInputIdx(currInput);\n    const newIdx = Math.max(currentIdx - 1, 0);\n    return this.inputs[newIdx];\n  }\n\n  fillDigits(charArr, currentInput) {\n    for (let i = 0; i < charArr.length; i += 1) {\n      currentInput.value = charArr[i] ?? '';\n\n      const nextInput = this.getNextInput(currentInput);\n\n      if (nextInput === currentInput) break;\n      currentInput = nextInput;\n    }\n\n    focusElement(currentInput);\n  }\n\n  parseInputValue(input, value = '') {\n    const charArr = value.split('');\n\n    if (!charArr.length) {\n      // if we got an invalid value we want to clear the input\n      input.value = '';\n    } else this.fillDigits(charArr, input);\n  }\n\n  initInputs() {\n    this.inputs.forEach((input) => {\n      // During debounced input we hide the value with a mask.\n      // This allows us to hide the multiple population of the first input\n      // in case of an automated input (e.g. Safari OTP Autofill or paste).\n      injectStyle(\n        `\n        vaadin-text-field::part(input-field)::before {\n          ${INPUT_MASK_FALLBACK_PROP}: '';\n          content: var(${INPUT_MASK_TEXT_PROP}, var(${INPUT_MASK_FALLBACK_PROP}));\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          display: var(${INPUT_MASK_DISPLAY_PROP}, none);\n          align-items: center;\n          justify-content: center;\n        }`,\n        input\n      );\n\n      const handleParseInput = (val) => {\n        this.parseInputValue(input, val);\n        toggleMaskVisibility(input);\n      };\n\n      const debouncedHandleParseInput = debounce(handleParseInput, 0, { trailing: true });\n\n      // Per-input flag: set in keydown, consumed in the input event.\n      // Fallback for WebKit/Safari, where the native input event can fire\n      // non-composed; proxyInputMixin then re-dispatches it as a plain Event\n      // (no inputType), so the 'deleteContentBackward' check misses the\n      // backspace and navigation is skipped.\n      let lastKeyWasBackspace = false;\n\n      // sanitize the input\n      input.addEventListener('input', (e) => {\n        input.value = sanitizeStr(input.value);\n\n        if (input.value) {\n          toggleMaskVisibility(input, input.value[0]);\n        }\n\n        // inputType covers iOS (unreliable keydown); the flag covers WebKit\n        // (missing inputType). See flag declaration above.\n        const isBackspace = e?.inputType === 'deleteContentBackward' || lastKeyWasBackspace;\n        lastKeyWasBackspace = false;\n\n        if (isBackspace) {\n          // Navigate synchronously (no setTimeout) to prevent WebKit key-event\n          // leakage: with setTimeout(0), WebKit can dispatch the next key-repeat\n          // backspace event to the newly focused element, deleting a second digit.\n          // Calling focusElement here (inside the input event, not keydown) is safe\n          // because the browser has already finished processing the deletion.\n          focusElement(this.getPrevInput(input));\n        }\n\n        debouncedHandleParseInput(input.value);\n      });\n\n      // we want backspace to focus on the previous digit\n      input.onkeydown = (e) => {\n        const { key } = e;\n        if (key === 'Backspace') {\n          if (!input.value) {\n            // Empty field: the input event will not fire (nothing to delete),\n            // so we must handle navigation here.\n            // e.preventDefault() stops WebKit from leaking this keypress to\n            // the element that receives focus (key-event leakage).\n            e.preventDefault();\n            lastKeyWasBackspace = false;\n            focusElement(this.getPrevInput(input));\n          } else {\n            // Non-empty field: let the browser delete normally so the input\n            // event fires (needed on older iOS where keydown is unreliable).\n            // Move the caret to the end first so Backspace deletes the digit\n            // even if a direct tap left the caret before it (caret at index 0).\n            input.setSelectionRange(1, 1);\n            // Fallback signal for the input handler (see flag declaration above).\n            lastKeyWasBackspace = true;\n          }\n        } else {\n          lastKeyWasBackspace = false;\n          if (key.length === 1) {\n            // we want only characters and not command keys\n            input.value = ''; // we are clearing the previous value so we can override it with the new value\n          }\n        }\n      };\n\n      forwardAttrs(this, input, { includeAttrs: forwardAttributes });\n      input.shadowRoot.querySelector('input').setAttribute('aria-label', 'passcode digit');\n    });\n\n    this.handleFocusEventsDispatching(this.inputs);\n    this.handleInputEventDispatching();\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    // sync attributes to inputs\n    if (oldValue !== newValue) {\n      if (observedAttributes.includes(attrName)) {\n        if (attrName === 'digits') {\n          this.renderInputs();\n        }\n        if (attrName === 'loading') {\n          this.handleLoadingState(newValue === 'true');\n        }\n      }\n    }\n  }\n\n  get pattern() {\n    return `^$|^\\\\d{${this.digits},}$`;\n  }\n}\n\nexport default PasscodeInternal;\n","export const INPUT_MASK_TEXT_PROP = '--descope-input-mask-content';\nexport const INPUT_MASK_DISPLAY_PROP = '--descope-input-mask-display';\nexport const INPUT_MASK_FALLBACK_PROP = '--descope-input-mask-fallback';\n\nexport const focusElement = (ele) => {\n  ele?.focus();\n  ele?.setSelectionRange?.(1, 1);\n};\n\nexport const sanitizeStr = (str) => str.replace(/\\D/g, '') || '';\n\nexport const toggleMaskVisibility = (input, value) => {\n  if (value) {\n    input.style.setProperty(INPUT_MASK_TEXT_PROP, `\"${value}\"`);\n    input.style.setProperty(INPUT_MASK_DISPLAY_PROP, 'flex');\n  } else {\n    input.style.removeProperty(INPUT_MASK_TEXT_PROP);\n    input.style.removeProperty(INPUT_MASK_DISPLAY_PROP);\n  }\n};\n","import PasscodeInternal, { componentName } from './PasscodeInternal';\n\ncustomElements.define(componentName, PasscodeInternal);\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { TextFieldClass } from '@descope-ui/descope-text-field/class';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n  inputOverrideValidConstraintsMixin,\n} from '../../mixins';\nimport { componentName as descopeInternalComponentName } from './descope-passcode-internal/PasscodeInternal';\nimport { LoaderRadialClass } from '../descope-loader-radial/LoaderRadialClass';\nimport { compose } from '../../helpers';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport {\n  resetInputCursor,\n  resetInputLabelPosition,\n  resetInputFieldDefaultWidth,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('passcode');\n\nconst observedAttributes = ['digits'];\n\nconst customMixin = (superclass) =>\n  class PasscodeMixinClass extends superclass {\n    static get observedAttributes() {\n      return observedAttributes.concat(superclass.observedAttributes || []);\n    }\n\n    get digits() {\n      return Number.parseInt(this.getAttribute('digits'), 10) || 6;\n    }\n\n    init() {\n      super.init?.();\n\n      injectStyle(\n        `\n        .wrapper {\n          display: flex;\n          width: 100%;\n          justify-content: space-between;\n          direction: ltr;\n          position: relative;\n        }\n\n        descope-text-field {\n          direction: ltr;\n        }\n\n        .loader-container {\n          display: none;\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n        }\n          `,\n        this\n      );\n\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n        bordered=\"true\"\n        name=\"code\"\n        tabindex=\"-1\"\n        slot=\"input\"\n        role=\"textbox\"\n      ><slot></slot></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: ['digits', 'size', 'loading', 'disabled'],\n      });\n    }\n\n    attributeChangedCallback(attrName, oldValue, newValue) {\n      super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n      if (attrName === 'digits') {\n        this.style['--passcode-digits-count'] = newValue;\n      }\n    }\n  };\n\nconst {\n  host,\n  digitField,\n  label,\n  requiredIndicator,\n  internalWrapper,\n  focusedDigitField,\n  errorMessage,\n} = {\n  host: { selector: () => ':host' },\n  focusedDigitField: { selector: () => `${TextFieldClass.componentName}[focused=\"true\"]` },\n  digitField: { selector: () => TextFieldClass.componentName },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  internalWrapper: { selector: 'descope-passcode-internal .wrapper' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nconst textVars = TextFieldClass.cssVarList;\nconst loaderVars = LoaderRadialClass.cssVarList;\n\nexport const PasscodeClass = compose(\n  createStyleMixin({\n    mappings: {\n      fontSize: [{ ...digitField, property: textVars.fontSize }, host],\n      hostWidth: { property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontFamily: [host, { ...label }],\n      labelFontWeight: { ...label, property: 'font-weight' },\n      errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n      digitValueFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: textVars.inputValueFontWeight,\n      },\n      labelTextColor: [\n        { ...label, property: 'color' },\n        { ...label, property: '-webkit-text-fill-color' },\n        { ...requiredIndicator, property: 'color' },\n        { ...requiredIndicator, property: '-webkit-text-fill-color' },\n      ],\n      labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n      errorMessageTextColor: { ...errorMessage, property: 'color' },\n      errorMessageIcon: { ...errorMessage, property: 'background-image' },\n      errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n      errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n      errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n      errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n      errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n      digitValueTextColor: {\n        selector: TextFieldClass.componentName,\n        property: textVars.inputValueTextColor,\n      },\n      digitSize: [\n        { ...digitField, property: 'height' },\n        { ...digitField, property: 'width' },\n      ],\n      digitPadding: { ...digitField, property: textVars.inputHorizontalPadding },\n      digitTextAlign: { ...digitField, property: textVars.inputTextAlign },\n      digitCaretTextColor: { ...digitField, property: textVars.inputCaretTextColor },\n      digitSpacing: { ...internalWrapper, property: 'gap' },\n      digitOutlineColor: { ...digitField, property: textVars.inputOutlineColor },\n      digitOutlineWidth: { ...digitField, property: textVars.inputOutlineWidth },\n\n      focusedDigitFieldOutlineColor: { ...focusedDigitField, property: textVars.inputOutlineColor },\n      overlayOpacity: { ...internalWrapper, property: 'opacity' },\n      spinnerSize: { selector: LoaderRadialClass.componentName, property: loaderVars.spinnerSize },\n    },\n  }),\n  draggableMixin,\n  inputOverrideValidConstraintsMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: calc(var(--passcode-digits-count) * 2em);\n\t\t\t}\n\t\t\t${resetInputFieldDefaultWidth()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      :host([loading=\"true\"]) descope-passcode-internal .loader-container {\n        display: block;\n      }\n\n\t\t\tdescope-passcode-internal {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n\t\t\tdescope-passcode-internal .wrapper {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tmin-height: initial;\n\t\t\t\theight: 100%;\n\t\t\t\tjustify-content: space-between;\n\t\t\t}\n\n\t\t\tdescope-passcode-internal descope-text-field {\n\t\t\t\tmin-width: 2em;\n\t\t\t\tmax-width: var(${textVars.inputHeight});\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n      /* safari */\n\t\t\tvaadin-text-field::part(input-field)::after {\n        opacity: 0;\n      }\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${resetInputCursor('vaadin-text-field')}\n    \t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n\nexport default PasscodeClass;\n","import { componentName, PasscodeClass } from './PasscodeClass';\nimport '@descope-ui/descope-text-field';\nimport '../descope-loader-radial';\nimport './descope-passcode-internal';\n\ncustomElements.define(componentName, PasscodeClass);\n\nexport { PasscodeClass, componentName };\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/**\n * A controller to create and initialize slotted `<input>` element.\n */\nexport class InputController extends SlotController {\n  constructor(host, callback) {\n    super(host, 'input', 'input', {\n      initializer: (node, host) => {\n        if (host.value) {\n          node.value = host.value;\n        }\n        if (host.type) {\n          node.setAttribute('type', host.type);\n        }\n\n        // Ensure every instance has unique ID\n        node.id = this.defaultId;\n\n        if (typeof callback === 'function') {\n          callback(node);\n        }\n      },\n      useUniqueId: true,\n    });\n  }\n}\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { InputControlMixin } from './input-control-mixin.js';\n\n/**\n * A mixin to provide logic for vaadin-text-field and related components.\n *\n * @polymerMixin\n * @mixes InputControlMixin\n */\nexport const InputFieldMixin = (superclass) =>\n  class InputFieldMixinClass extends InputControlMixin(superclass) {\n    static get properties() {\n      return {\n        /**\n         * Whether the value of the control can be automatically completed by the browser.\n         * List of available options at:\n         * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete\n         */\n        autocomplete: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari that is used to control whether\n         * autocorrection should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * on: Enable autocorrection.\n         * off: Disable autocorrection.\n         */\n        autocorrect: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari and Chrome that is used to control whether\n         * autocapitalization should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * characters: Characters capitalization.\n         * words: Words capitalization.\n         * sentences: Sentences capitalization.\n         * none: No capitalization.\n         */\n        autocapitalize: {\n          type: String,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'autocapitalize', 'autocomplete', 'autocorrect'];\n    }\n\n    // Workaround for https://github.com/Polymer/polymer/issues/5259\n    get __data() {\n      return this.__dataValue || {};\n    }\n\n    set __data(value) {\n      this.__dataValue = value;\n    }\n\n    /**\n     * @param {HTMLElement} input\n     * @protected\n     * @override\n     */\n    _inputElementChanged(input) {\n      super._inputElementChanged(input);\n\n      if (input) {\n        // Discard value set on the custom slotted input.\n        if (input.value && input.value !== this.value) {\n          console.warn(`Please define value on the <${this.localName}> component!`);\n          input.value = '';\n        }\n\n        if (this.value) {\n          input.value = this.value;\n        }\n      }\n    }\n\n    /**\n     * Override an event listener from `FocusMixin`.\n     * @param {boolean} focused\n     * @protected\n     * @override\n     */\n    _setFocused(focused) {\n      super._setFocused(focused);\n\n      // Do not validate when focusout is caused by document\n      // losing focus, which happens on browser tab switch.\n      if (!focused && document.hasFocus()) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an event listener from `InputMixin`\n     * to mark as valid after user started typing.\n     * @param {Event} event\n     * @protected\n     * @override\n     */\n    _onInput(event) {\n      super._onInput(event);\n\n      if (this.invalid) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an observer from `InputMixin` to validate the field\n     * when a new value is set programmatically.\n     *\n     * @param {string | undefined} newValue\n     * @param {string | undefined} oldValue\n     * @protected\n     * @override\n     */\n    _valueChanged(newValue, oldValue) {\n      super._valueChanged(newValue, oldValue);\n\n      if (oldValue === undefined) {\n        return;\n      }\n\n      if (this.invalid) {\n        this.validate();\n      }\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\n\n/**\n * A mixin providing common text field functionality.\n *\n * @polymerMixin\n * @mixes InputFieldMixin\n */\nexport const TextFieldMixin = (superClass) =>\n  class TextFieldMixinClass extends InputFieldMixin(superClass) {\n    static get properties() {\n      return {\n        /**\n         * Maximum number of characters (in Unicode code points) that the user can enter.\n         */\n        maxlength: {\n          type: Number,\n        },\n\n        /**\n         * Minimum number of characters (in Unicode code points) that the user can enter.\n         */\n        minlength: {\n          type: Number,\n        },\n\n        /**\n         * A regular expression that the value is checked against.\n         * The pattern must match the entire value, not just some subset.\n         */\n        pattern: {\n          type: String,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    static get constraints() {\n      return [...super.constraints, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    constructor() {\n      super();\n      this._setType('text');\n    }\n\n    /** @protected */\n    get clearElement() {\n      return this.$.clearButton;\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      this.addController(\n        new InputController(this, (input) => {\n          this._setInputElement(input);\n          this._setFocusElement(input);\n          this.stateTarget = input;\n          this.ariaTarget = input;\n        }),\n      );\n      this.addController(new LabelledInputController(this.inputElement, this._labelController));\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/src/vaadin-input-container.js';\nimport { html, PolymerElement } from '@polymer/polymer';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { TextFieldMixin } from './vaadin-text-field-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, { moduleId: 'vaadin-text-field-styles' });\n\n/**\n * `<vaadin-text-field>` is a web component that allows the user to input and edit text.\n *\n * ```html\n * <vaadin-text-field label=\"First Name\"></vaadin-text-field>\n * ```\n *\n * ### Prefixes and suffixes\n *\n * These are child elements of a `<vaadin-text-field>` that are displayed\n * inline with the input, before or after.\n * In order for an element to be considered as a prefix, it must have the slot\n * attribute set to `prefix` (and similarly for `suffix`).\n *\n * ```html\n * <vaadin-text-field label=\"Email address\">\n *   <div slot=\"prefix\">Sent to:</div>\n *   <div slot=\"suffix\">@vaadin.com</div>\n * </vaadin-text-field>\n * ```\n *\n * ### Styling\n *\n * The following custom properties are available for styling:\n *\n * Custom property                | Description                | Default\n * -------------------------------|----------------------------|---------\n * `--vaadin-field-default-width` | Default width of the field | `12em`\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name            | Description\n * ---------------------|----------------\n * `label`              | The label element\n * `input-field`        | The element that wraps prefix, value and suffix\n * `clear-button`       | The clear button\n * `error-message`      | The error message element\n * `helper-text`        | The helper text element wrapper\n * `required-indicator` | The `required` state indicator element\n *\n * The following state attributes are available for styling:\n *\n * Attribute           | Description | Part name\n * --------------------|-------------|------------\n * `disabled`          | Set to a disabled text field | :host\n * `has-value`         | Set when the element has a value | :host\n * `has-label`         | Set when the element has a label | :host\n * `has-helper`        | Set when the element has helper text or slot | :host\n * `has-error-message` | Set when the element has an error message | :host\n * `invalid`           | Set when the element is invalid | :host\n * `input-prevented`   | Temporarily set when invalid input is prevented | :host\n * `focused`           | Set when the element is focused | :host\n * `focus-ring`        | Set when the element is keyboard focused | :host\n * `readonly`          | Set to a readonly text field | :host\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @mixes TextFieldMixin\n */\nexport class TextField extends TextFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {\n  static get is() {\n    return 'vaadin-text-field';\n  }\n\n  static get template() {\n    return html`\n      <style>\n        [part='input-field'] {\n          flex-grow: 0;\n        }\n      </style>\n\n      <div class=\"vaadin-field-container\">\n        <div part=\"label\">\n          <slot name=\"label\"></slot>\n          <span part=\"required-indicator\" aria-hidden=\"true\" on-click=\"focus\"></span>\n        </div>\n\n        <vaadin-input-container\n          part=\"input-field\"\n          readonly=\"[[readonly]]\"\n          disabled=\"[[disabled]]\"\n          invalid=\"[[invalid]]\"\n          theme$=\"[[_theme]]\"\n        >\n          <slot name=\"prefix\" slot=\"prefix\"></slot>\n          <slot name=\"input\"></slot>\n          <slot name=\"suffix\" slot=\"suffix\"></slot>\n          <div id=\"clearButton\" part=\"clear-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n        </vaadin-input-container>\n\n        <div part=\"helper-text\">\n          <slot name=\"helper\"></slot>\n        </div>\n\n        <div part=\"error-message\">\n          <slot name=\"error-message\"></slot>\n        </div>\n      </div>\n      <slot name=\"tooltip\"></slot>\n    `;\n  }\n\n  static get properties() {\n    return {\n      /**\n       * Maximum number of characters (in Unicode code points) that the user can enter.\n       */\n      maxlength: {\n        type: Number,\n      },\n\n      /**\n       * Minimum number of characters (in Unicode code points) that the user can enter.\n       */\n      minlength: {\n        type: Number,\n      },\n    };\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this._tooltipController.setPosition('top');\n    this._tooltipController.setAriaTarget(this.inputElement);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(TextField);\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, {\n  moduleId: 'lumo-text-field-styles',\n});\n"],"names":["componentName","observedAttrs","TextFieldClass","mappings","proxyProps","useProxyTargets","superclass","observedAttributes","concat","icon","init","super","renderCopyToClipboard","shouldRender","this","remove","iconInitConfig","title","style","iconCopiedConfig","Object","assign","document","createElement","slot","baseElement","appendChild","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","attributeChangedCallback","attrName","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","cssVarList","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","customElements","define","host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity","createBaseInputClass","args","RawLoaderRadial","baseSelector","constructor","attachShadow","mode","innerHTML","LoaderRadialClass","hostDisplay","spinnerSize","spinnerBorderWidth","spinnerBorderStyle","spinnerBorderRadius","spinnerQuadrant1Color","spinnerQuadrant2Color","spinnerQuadrant3Color","spinnerQuadrant4Color","animationDuration","animationTimingFunction","animationIterationCount","forwardAttributes","BaseInputClass","wrapperEle","querySelector","loaderContainer","renderInputs","inputs","Array","digits","keys","map","idx","join","from","querySelectorAll","initInputs","handleLoadingState","isLoading","setAttribute","removeAttribute","Number","parseInt","getAttribute","val","parseInputValue","getValidity","isRequired","valueMissing","pattern","RegExp","test","patternMismatch","e","isTrusted","getInputIdx","inputEle","getNextInput","currInput","currentIdx","newIdx","Math","min","length","getPrevInput","max","fillDigits","charArr","currentInput","i","nextInput","split","forEach","debouncedHandleParseInput","trailing","lastKeyWasBackspace","isBackspace","inputType","onkeydown","key","setSelectionRange","preventDefault","includeAttrs","shadowRoot","handleFocusEventsDispatching","handleInputEventDispatching","oldValue","newValue","includes","INPUT_MASK_TEXT_PROP","INPUT_MASK_DISPLAY_PROP","INPUT_MASK_FALLBACK_PROP","focusElement","ele","sanitizeStr","str","replace","toggleMaskVisibility","setProperty","removeProperty","digitField","internalWrapper","focusedDigitField","textVars","loaderVars","PasscodeClass","digitValueFontWeight","digitValueTextColor","digitSize","digitPadding","digitTextAlign","digitCaretTextColor","digitSpacing","digitOutlineColor","digitOutlineWidth","focusedDigitFieldOutlineColor","overlayOpacity","template","content","cloneNode","inputElement","InputController","callback","initializer","node","type","id","defaultId","useUniqueId","InputFieldMixin","properties","autocomplete","String","autocorrect","autocapitalize","reflectToAttribute","delegateAttrs","__data","__dataValue","_inputElementChanged","console","warn","localName","_setFocused","focused","hasFocus","validate","_onInput","event","invalid","_valueChanged","undefined","TextFieldMixin","superClass","maxlength","minlength","constraints","clearElement","$","clearButton","ready","addController","_setInputElement","_setFocusElement","stateTarget","ariaTarget","_labelController","moduleId","TextField","is","_tooltipController","setPosition","setAriaTarget"],"sourceRoot":""}
+{"version":3,"file":"descope-passcode-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-text-field/src/component/TextFieldClass.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/textFieldMappings.js","webpack://@descope/web-components-ui/./src/baseClasses/createBaseInputClass.js","webpack://@descope/web-components-ui/./src/components/descope-loader-radial/LoaderRadialClass.js","webpack://@descope/web-components-ui/./src/components/descope-loader-radial/index.js","webpack://@descope/web-components-ui/./src/components/descope-passcode/descope-passcode-internal/PasscodeInternal.js","webpack://@descope/web-components-ui/./src/components/descope-passcode/descope-passcode-internal/helpers.js","webpack://@descope/web-components-ui/./src/components/descope-passcode/descope-passcode-internal/index.js","webpack://@descope/web-components-ui/./src/components/descope-passcode/PasscodeClass.js","webpack://@descope/web-components-ui/./src/components/descope-passcode/index.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-controller.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/field-base/src/input-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field-mixin.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/src/vaadin-text-field.js","webpack://@descope/web-components-ui/../../../node_modules/@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  forwardAttrs,\n} from '@descope-ui/common/components-helpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '@descope-ui/common/theme-helpers';\nimport textFieldMappings from './textFieldMappings';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n\n      // Excluded from syncAttrs (bidirectional would let vaadin revert host\n      // values). Push host → vaadin one-way so authored placeholder applies.\n      forwardAttrs(this, this.baseElement, { includeAttrs: ['placeholder'] });\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart', 'selectionEnd'],\n    useProxyTargets: true,\n  }),\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style', 'placeholder'],\n    componentName,\n  }),\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: {\n    selector: '[required]::part(required-indicator)::after',\n  },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: {\n    selector: () => '::slotted(input:disabled::placeholder)',\n  },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    {\n      selector: () => ':host input:placeholder-shown',\n      property: 'font-weight',\n    },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: {\n    ...errorMessage,\n    property: 'padding-inline-start',\n  },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: {\n    ...errorMessage,\n    property: 'background-position',\n  },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n","import { compose } from '../helpers';\nimport {\n  changeMixin,\n  inputEventsDispatchingMixin,\n  inputValidationMixin,\n  normalizeBooleanAttributesMixin,\n} from '../mixins';\nimport { createBaseClass } from './createBaseClass';\n\nexport const createBaseInputClass = (...args) =>\n  compose(\n    inputValidationMixin,\n    changeMixin,\n    normalizeBooleanAttributesMixin,\n    inputEventsDispatchingMixin\n  )(createBaseClass(...args));\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\n\nexport const componentName = getComponentName('loader-radial');\n\nclass RawLoaderRadial extends createBaseClass({ componentName, baseSelector: ':host > div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<div></div>\n\t`;\n\n    injectStyle(\n      `\n    @keyframes spin {\n\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\tanimation-name: spin;\n\t\t\t}\n        `,\n      this\n    );\n  }\n}\n\nexport const LoaderRadialClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostDisplay: { property: 'display' },\n      spinnerSize: [{ property: 'width' }, { property: 'height' }],\n      spinnerBorderWidth: { property: 'border-width' },\n      spinnerBorderStyle: { property: 'border-style' },\n      spinnerBorderRadius: { property: 'border-radius' },\n      spinnerQuadrant1Color: { property: 'border-top-color' },\n      spinnerQuadrant2Color: { property: 'border-bottom-color' },\n      spinnerQuadrant3Color: { property: 'border-right-color' },\n      spinnerQuadrant4Color: { property: 'border-left-color' },\n      animationDuration: {},\n      animationTimingFunction: {},\n      animationIterationCount: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawLoaderRadial);\n","import { componentName, LoaderRadialClass } from './LoaderRadialClass';\n\ncustomElements.define(componentName, LoaderRadialClass);\n\nexport { LoaderRadialClass, componentName };\n","import debounce from 'lodash.debounce';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../../baseClasses/createBaseInputClass';\nimport { forwardAttrs, getComponentName } from '../../../helpers/componentHelpers';\nimport {\n  sanitizeStr,\n  focusElement,\n  toggleMaskVisibility,\n  INPUT_MASK_FALLBACK_PROP,\n  INPUT_MASK_TEXT_PROP,\n  INPUT_MASK_DISPLAY_PROP,\n} from './helpers';\n\nexport const componentName = getComponentName('passcode-internal');\n\nconst observedAttributes = ['digits', 'loading'];\n\nconst forwardAttributes = [\n  'disabled',\n  'bordered',\n  'size',\n  'invalid',\n  'readonly',\n  'aria-labelledby',\n];\n\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: 'div' });\n\nclass PasscodeInternal extends BaseInputClass {\n  static get observedAttributes() {\n    return observedAttributes.concat(BaseInputClass.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.innerHTML = `\n\t\t<div class=\"wrapper\"></div>\n\t\t<div class=\"loader-container\">\n      <descope-loader-radial size=\"xs\" mode=\"primary\"></descope-loader-radial>\n    </div>\n\t\t`;\n\n    this.wrapperEle = this.querySelector('.wrapper');\n    this.loaderContainer = this.querySelector('.loader-container');\n  }\n\n  renderInputs() {\n    const inputs = [...Array(this.digits).keys()].map(\n      (idx) => `\n\t\t<descope-text-field\n\t\t\tdata-id=${idx}\n\t\t\ttype=\"tel\"\n\t\t\tautocomplete=\"one-time-code\"\n\t\t\tinputMode=\"numeric\"\n\t\t></descope-text-field>\n\t`\n    );\n\n    this.wrapperEle.innerHTML = inputs.join('');\n\n    this.inputs = Array.from(this.querySelectorAll('descope-text-field'));\n\n    this.initInputs();\n  }\n\n  handleLoadingState(isLoading) {\n    if (isLoading) {\n      this.setAttribute('inert', 'true');\n    } else {\n      this.removeAttribute('inert');\n    }\n  }\n\n  get digits() {\n    return Number.parseInt(this.getAttribute('digits'), 10) || 6;\n  }\n\n  get value() {\n    return this.inputs?.map(({ value }) => value).join('') || '';\n  }\n\n  set value(val) {\n    if (val === this.value) return;\n\n    this.parseInputValue(this.inputs[0], sanitizeStr(val));\n  }\n\n  getValidity() {\n    if (this.isRequired && !this.value) {\n      return { valueMissing: true };\n    }\n    if (this.pattern && !new RegExp(this.pattern).test(this.value)) {\n      return { patternMismatch: true };\n    }\n\n    return {};\n  }\n\n  init() {\n    // we are adding listeners before calling to super because it's stopping the events\n    this.addEventListener('focus', (e) => {\n      // we want to ignore focus events we are dispatching\n      if (e.isTrusted) this.inputs[0].focus();\n    });\n\n    super.init?.();\n\n    this.renderInputs();\n  }\n\n  getInputIdx(inputEle) {\n    return Number.parseInt(inputEle.getAttribute('data-id'), 10);\n  }\n\n  getNextInput(currInput) {\n    const currentIdx = this.getInputIdx(currInput);\n    const newIdx = Math.min(currentIdx + 1, this.inputs.length - 1);\n    return this.inputs[newIdx];\n  }\n\n  getPrevInput(currInput) {\n    const currentIdx = this.getInputIdx(currInput);\n    const newIdx = Math.max(currentIdx - 1, 0);\n    return this.inputs[newIdx];\n  }\n\n  fillDigits(charArr, currentInput) {\n    for (let i = 0; i < charArr.length; i += 1) {\n      currentInput.value = charArr[i] ?? '';\n\n      const nextInput = this.getNextInput(currentInput);\n\n      if (nextInput === currentInput) break;\n      currentInput = nextInput;\n    }\n\n    focusElement(currentInput);\n  }\n\n  parseInputValue(input, value = '') {\n    const charArr = value.split('');\n\n    if (!charArr.length) {\n      // if we got an invalid value we want to clear the input\n      input.value = '';\n    } else this.fillDigits(charArr, input);\n  }\n\n  initInputs() {\n    this.inputs.forEach((input) => {\n      // During debounced input we hide the value with a mask.\n      // This allows us to hide the multiple population of the first input\n      // in case of an automated input (e.g. Safari OTP Autofill or paste).\n      injectStyle(\n        `\n        vaadin-text-field::part(input-field)::before {\n          ${INPUT_MASK_FALLBACK_PROP}: '';\n          content: var(${INPUT_MASK_TEXT_PROP}, var(${INPUT_MASK_FALLBACK_PROP}));\n          position: absolute;\n          width: 100%;\n          height: 100%;\n          display: var(${INPUT_MASK_DISPLAY_PROP}, none);\n          align-items: center;\n          justify-content: center;\n        }`,\n        input\n      );\n\n      const handleParseInput = (val) => {\n        this.parseInputValue(input, val);\n        toggleMaskVisibility(input);\n      };\n\n      const debouncedHandleParseInput = debounce(handleParseInput, 0, { trailing: true });\n\n      // Per-input flag: set in keydown, consumed in the input event.\n      // Fallback for WebKit/Safari, where the native input event can fire\n      // non-composed; proxyInputMixin then re-dispatches it as a plain Event\n      // (no inputType), so the 'deleteContentBackward' check misses the\n      // backspace and navigation is skipped.\n      let lastKeyWasBackspace = false;\n\n      // sanitize the input\n      input.addEventListener('input', (e) => {\n        input.value = sanitizeStr(input.value);\n\n        if (input.value) {\n          toggleMaskVisibility(input, input.value[0]);\n        }\n\n        // inputType covers iOS (unreliable keydown); the flag covers WebKit\n        // (missing inputType). See flag declaration above.\n        const isBackspace = e?.inputType === 'deleteContentBackward' || lastKeyWasBackspace;\n        lastKeyWasBackspace = false;\n\n        if (isBackspace) {\n          // Navigate synchronously (no setTimeout) to prevent WebKit key-event\n          // leakage: with setTimeout(0), WebKit can dispatch the next key-repeat\n          // backspace event to the newly focused element, deleting a second digit.\n          // Calling focusElement here (inside the input event, not keydown) is safe\n          // because the browser has already finished processing the deletion.\n          focusElement(this.getPrevInput(input));\n        }\n\n        debouncedHandleParseInput(input.value);\n      });\n\n      // we want backspace to focus on the previous digit\n      input.onkeydown = (e) => {\n        const { key } = e;\n        if (key === 'Backspace') {\n          if (!input.value) {\n            // Empty field: the input event will not fire (nothing to delete),\n            // so we must handle navigation here.\n            // e.preventDefault() stops WebKit from leaking this keypress to\n            // the element that receives focus (key-event leakage).\n            e.preventDefault();\n            lastKeyWasBackspace = false;\n            focusElement(this.getPrevInput(input));\n          } else {\n            // Non-empty field: let the browser delete normally so the input\n            // event fires (needed on older iOS where keydown is unreliable).\n            // Move the caret to the end first so Backspace deletes the digit\n            // even if a direct tap left the caret before it (caret at index 0).\n            input.setSelectionRange(1, 1);\n            // Fallback signal for the input handler (see flag declaration above).\n            lastKeyWasBackspace = true;\n          }\n        } else {\n          lastKeyWasBackspace = false;\n          if (key.length === 1) {\n            // we want only characters and not command keys\n            input.value = ''; // we are clearing the previous value so we can override it with the new value\n          }\n        }\n      };\n\n      forwardAttrs(this, input, { includeAttrs: forwardAttributes });\n      input.shadowRoot.querySelector('input').setAttribute('aria-label', 'passcode digit');\n    });\n\n    this.handleFocusEventsDispatching(this.inputs);\n    this.handleInputEventDispatching();\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    // sync attributes to inputs\n    if (oldValue !== newValue) {\n      if (observedAttributes.includes(attrName)) {\n        if (attrName === 'digits') {\n          this.renderInputs();\n        }\n        if (attrName === 'loading') {\n          this.handleLoadingState(newValue === 'true');\n        }\n      }\n    }\n  }\n\n  get pattern() {\n    return `^$|^\\\\d{${this.digits},}$`;\n  }\n}\n\nexport default PasscodeInternal;\n","export const INPUT_MASK_TEXT_PROP = '--descope-input-mask-content';\nexport const INPUT_MASK_DISPLAY_PROP = '--descope-input-mask-display';\nexport const INPUT_MASK_FALLBACK_PROP = '--descope-input-mask-fallback';\n\nexport const focusElement = (ele) => {\n  ele?.focus();\n  ele?.setSelectionRange?.(1, 1);\n};\n\nexport const sanitizeStr = (str) => str.replace(/\\D/g, '') || '';\n\nexport const toggleMaskVisibility = (input, value) => {\n  if (value) {\n    input.style.setProperty(INPUT_MASK_TEXT_PROP, `\"${value}\"`);\n    input.style.setProperty(INPUT_MASK_DISPLAY_PROP, 'flex');\n  } else {\n    input.style.removeProperty(INPUT_MASK_TEXT_PROP);\n    input.style.removeProperty(INPUT_MASK_DISPLAY_PROP);\n  }\n};\n","import PasscodeInternal, { componentName } from './PasscodeInternal';\n\ncustomElements.define(componentName, PasscodeInternal);\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { TextFieldClass } from '@descope-ui/descope-text-field/class';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n  inputOverrideValidConstraintsMixin,\n} from '../../mixins';\nimport { componentName as descopeInternalComponentName } from './descope-passcode-internal/PasscodeInternal';\nimport { LoaderRadialClass } from '../descope-loader-radial/LoaderRadialClass';\nimport { compose } from '../../helpers';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport {\n  resetInputCursor,\n  resetInputLabelPosition,\n  resetInputFieldDefaultWidth,\n} from '../../helpers/themeHelpers/resetHelpers';\n\nexport const componentName = getComponentName('passcode');\n\nconst observedAttributes = ['digits'];\n\nconst customMixin = (superclass) =>\n  class PasscodeMixinClass extends superclass {\n    static get observedAttributes() {\n      return observedAttributes.concat(superclass.observedAttributes || []);\n    }\n\n    get digits() {\n      return Number.parseInt(this.getAttribute('digits'), 10) || 6;\n    }\n\n    init() {\n      super.init?.();\n\n      injectStyle(\n        `\n        .wrapper {\n          display: flex;\n          width: 100%;\n          justify-content: space-between;\n          direction: ltr;\n          position: relative;\n        }\n\n        descope-text-field {\n          direction: ltr;\n        }\n\n        .loader-container {\n          display: none;\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n        }\n          `,\n        this\n      );\n\n      const template = document.createElement('template');\n\n      template.innerHTML = `\n      <${descopeInternalComponentName}\n        bordered=\"true\"\n        name=\"code\"\n        tabindex=\"-1\"\n        slot=\"input\"\n        role=\"textbox\"\n      ><slot></slot></${descopeInternalComponentName}>\n      `;\n\n      this.baseElement.appendChild(template.content.cloneNode(true));\n\n      this.inputElement = this.shadowRoot.querySelector(descopeInternalComponentName);\n\n      forwardAttrs(this, this.inputElement, {\n        includeAttrs: ['digits', 'size', 'loading', 'disabled'],\n      });\n    }\n\n    attributeChangedCallback(attrName, oldValue, newValue) {\n      super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n      if (attrName === 'digits') {\n        this.style['--passcode-digits-count'] = newValue;\n      }\n    }\n  };\n\nconst {\n  host,\n  digitField,\n  label,\n  requiredIndicator,\n  internalWrapper,\n  focusedDigitField,\n  errorMessage,\n} = {\n  host: { selector: () => ':host' },\n  focusedDigitField: { selector: () => `${TextFieldClass.componentName}[focused=\"true\"]` },\n  digitField: { selector: () => TextFieldClass.componentName },\n  label: { selector: '::part(label)' },\n  requiredIndicator: { selector: '[required]::part(required-indicator)::after' },\n  internalWrapper: { selector: 'descope-passcode-internal .wrapper' },\n  errorMessage: { selector: '::part(error-message)' },\n};\n\nconst textVars = TextFieldClass.cssVarList;\nconst loaderVars = LoaderRadialClass.cssVarList;\n\nexport const PasscodeClass = compose(\n  createStyleMixin({\n    mappings: {\n      fontSize: [{ ...digitField, property: textVars.fontSize }, host],\n      hostWidth: { property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      fontFamily: [host, { ...label }],\n      labelFontWeight: { ...label, property: 'font-weight' },\n      errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n      digitValueFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: textVars.inputValueFontWeight,\n      },\n      labelTextColor: [\n        { ...label, property: 'color' },\n        { ...label, property: '-webkit-text-fill-color' },\n        { ...requiredIndicator, property: 'color' },\n        { ...requiredIndicator, property: '-webkit-text-fill-color' },\n      ],\n      labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n      errorMessageTextColor: { ...errorMessage, property: 'color' },\n      errorMessageIcon: { ...errorMessage, property: 'background-image' },\n      errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n      errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n      errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n      errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n      errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n      digitValueTextColor: {\n        selector: TextFieldClass.componentName,\n        property: textVars.inputValueTextColor,\n      },\n      digitSize: [\n        { ...digitField, property: 'height' },\n        { ...digitField, property: 'width' },\n      ],\n      digitPadding: { ...digitField, property: textVars.inputHorizontalPadding },\n      digitTextAlign: { ...digitField, property: textVars.inputTextAlign },\n      digitCaretTextColor: { ...digitField, property: textVars.inputCaretTextColor },\n      digitSpacing: { ...internalWrapper, property: 'gap' },\n      digitOutlineColor: { ...digitField, property: textVars.inputOutlineColor },\n      digitOutlineWidth: { ...digitField, property: textVars.inputOutlineWidth },\n\n      focusedDigitFieldOutlineColor: { ...focusedDigitField, property: textVars.inputOutlineColor },\n      overlayOpacity: { ...internalWrapper, property: 'opacity' },\n      spinnerSize: { selector: LoaderRadialClass.componentName, property: loaderVars.spinnerSize },\n    },\n  }),\n  draggableMixin,\n  inputOverrideValidConstraintsMixin,\n  proxyInputMixin({ proxyProps: ['value', 'selectionStart'] }),\n  componentNameValidationMixin,\n  customMixin\n)(\n  createProxy({\n    slots: [],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmin-width: calc(var(--passcode-digits-count) * 2em);\n\t\t\t}\n\t\t\t${resetInputFieldDefaultWidth()}\n\t\t\t:host::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t\t:host::part(input-field)::after {\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\n      :host([loading=\"true\"]) descope-passcode-internal .loader-container {\n        display: block;\n      }\n\n\t\t\tdescope-passcode-internal {\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tmin-height: initial;\n\t\t\t}\n\n\t\t\tdescope-passcode-internal .wrapper {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tmin-height: initial;\n\t\t\t\theight: 100%;\n\t\t\t\tjustify-content: space-between;\n\t\t\t}\n\n\t\t\tdescope-passcode-internal descope-text-field {\n\t\t\t\tmin-width: 2em;\n\t\t\t\tmax-width: var(${textVars.inputHeight});\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tpadding: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t\t-webkit-mask-image: none;\n\t\t\t}\n\n      /* safari */\n\t\t\tvaadin-text-field::part(input-field)::after {\n        opacity: 0;\n      }\n\n\t\t\tvaadin-text-field {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\tvaadin-text-field::before {\n\t\t\t\theight: 0;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly] > input:placeholder-shown {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\tvaadin-text-field[readonly]::part(input-field)::after {\n\t\t\t\tborder: 0 solid;\n\t\t\t}\n\n\t\t\tvaadin-text-field::part(input-field) {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${resetInputCursor('vaadin-text-field')}\n    \t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  })\n);\n\nexport default PasscodeClass;\n","import { componentName, PasscodeClass } from './PasscodeClass';\nimport '@descope-ui/descope-text-field';\nimport '../descope-loader-radial';\nimport './descope-passcode-internal';\n\ncustomElements.define(componentName, PasscodeClass);\n\nexport { PasscodeClass, componentName };\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { SlotController } from '@vaadin/component-base/src/slot-controller.js';\n\n/**\n * A controller to create and initialize slotted `<input>` element.\n */\nexport class InputController extends SlotController {\n  constructor(host, callback) {\n    super(host, 'input', 'input', {\n      initializer: (node, host) => {\n        if (host.value) {\n          node.value = host.value;\n        }\n        if (host.type) {\n          node.setAttribute('type', host.type);\n        }\n\n        // Ensure every instance has unique ID\n        node.id = this.defaultId;\n\n        if (typeof callback === 'function') {\n          callback(node);\n        }\n      },\n      useUniqueId: true,\n    });\n  }\n}\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { InputControlMixin } from './input-control-mixin.js';\n\n/**\n * A mixin to provide logic for vaadin-text-field and related components.\n *\n * @polymerMixin\n * @mixes InputControlMixin\n */\nexport const InputFieldMixin = (superclass) =>\n  class InputFieldMixinClass extends InputControlMixin(superclass) {\n    static get properties() {\n      return {\n        /**\n         * Whether the value of the control can be automatically completed by the browser.\n         * List of available options at:\n         * https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-autocomplete\n         */\n        autocomplete: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari that is used to control whether\n         * autocorrection should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * on: Enable autocorrection.\n         * off: Disable autocorrection.\n         */\n        autocorrect: {\n          type: String,\n        },\n\n        /**\n         * This is a property supported by Safari and Chrome that is used to control whether\n         * autocapitalization should be enabled when the user is entering/editing the text.\n         * Possible values are:\n         * characters: Characters capitalization.\n         * words: Words capitalization.\n         * sentences: Sentences capitalization.\n         * none: No capitalization.\n         */\n        autocapitalize: {\n          type: String,\n          reflectToAttribute: true,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'autocapitalize', 'autocomplete', 'autocorrect'];\n    }\n\n    // Workaround for https://github.com/Polymer/polymer/issues/5259\n    get __data() {\n      return this.__dataValue || {};\n    }\n\n    set __data(value) {\n      this.__dataValue = value;\n    }\n\n    /**\n     * @param {HTMLElement} input\n     * @protected\n     * @override\n     */\n    _inputElementChanged(input) {\n      super._inputElementChanged(input);\n\n      if (input) {\n        // Discard value set on the custom slotted input.\n        if (input.value && input.value !== this.value) {\n          console.warn(`Please define value on the <${this.localName}> component!`);\n          input.value = '';\n        }\n\n        if (this.value) {\n          input.value = this.value;\n        }\n      }\n    }\n\n    /**\n     * Override an event listener from `FocusMixin`.\n     * @param {boolean} focused\n     * @protected\n     * @override\n     */\n    _setFocused(focused) {\n      super._setFocused(focused);\n\n      // Do not validate when focusout is caused by document\n      // losing focus, which happens on browser tab switch.\n      if (!focused && document.hasFocus()) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an event listener from `InputMixin`\n     * to mark as valid after user started typing.\n     * @param {Event} event\n     * @protected\n     * @override\n     */\n    _onInput(event) {\n      super._onInput(event);\n\n      if (this.invalid) {\n        this.validate();\n      }\n    }\n\n    /**\n     * Override an observer from `InputMixin` to validate the field\n     * when a new value is set programmatically.\n     *\n     * @param {string | undefined} newValue\n     * @param {string | undefined} oldValue\n     * @protected\n     * @override\n     */\n    _valueChanged(newValue, oldValue) {\n      super._valueChanged(newValue, oldValue);\n\n      if (oldValue === undefined) {\n        return;\n      }\n\n      if (this.invalid) {\n        this.validate();\n      }\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2021 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { InputController } from '@vaadin/field-base/src/input-controller.js';\nimport { InputFieldMixin } from '@vaadin/field-base/src/input-field-mixin.js';\nimport { LabelledInputController } from '@vaadin/field-base/src/labelled-input-controller.js';\n\n/**\n * A mixin providing common text field functionality.\n *\n * @polymerMixin\n * @mixes InputFieldMixin\n */\nexport const TextFieldMixin = (superClass) =>\n  class TextFieldMixinClass extends InputFieldMixin(superClass) {\n    static get properties() {\n      return {\n        /**\n         * Maximum number of characters (in Unicode code points) that the user can enter.\n         */\n        maxlength: {\n          type: Number,\n        },\n\n        /**\n         * Minimum number of characters (in Unicode code points) that the user can enter.\n         */\n        minlength: {\n          type: Number,\n        },\n\n        /**\n         * A regular expression that the value is checked against.\n         * The pattern must match the entire value, not just some subset.\n         */\n        pattern: {\n          type: String,\n        },\n      };\n    }\n\n    static get delegateAttrs() {\n      return [...super.delegateAttrs, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    static get constraints() {\n      return [...super.constraints, 'maxlength', 'minlength', 'pattern'];\n    }\n\n    constructor() {\n      super();\n      this._setType('text');\n    }\n\n    /** @protected */\n    get clearElement() {\n      return this.$.clearButton;\n    }\n\n    /** @protected */\n    ready() {\n      super.ready();\n\n      this.addController(\n        new InputController(this, (input) => {\n          this._setInputElement(input);\n          this._setFocusElement(input);\n          this.stateTarget = input;\n          this.ariaTarget = input;\n        }),\n      );\n      this.addController(new LabelledInputController(this.inputElement, this._labelController));\n    }\n  };\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/src/vaadin-input-container.js';\nimport { html, PolymerElement } from '@polymer/polymer';\nimport { defineCustomElement } from '@vaadin/component-base/src/define.js';\nimport { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';\nimport { TooltipController } from '@vaadin/component-base/src/tooltip-controller.js';\nimport { inputFieldShared } from '@vaadin/field-base/src/styles/input-field-shared-styles.js';\nimport { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { TextFieldMixin } from './vaadin-text-field-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, { moduleId: 'vaadin-text-field-styles' });\n\n/**\n * `<vaadin-text-field>` is a web component that allows the user to input and edit text.\n *\n * ```html\n * <vaadin-text-field label=\"First Name\"></vaadin-text-field>\n * ```\n *\n * ### Prefixes and suffixes\n *\n * These are child elements of a `<vaadin-text-field>` that are displayed\n * inline with the input, before or after.\n * In order for an element to be considered as a prefix, it must have the slot\n * attribute set to `prefix` (and similarly for `suffix`).\n *\n * ```html\n * <vaadin-text-field label=\"Email address\">\n *   <div slot=\"prefix\">Sent to:</div>\n *   <div slot=\"suffix\">@vaadin.com</div>\n * </vaadin-text-field>\n * ```\n *\n * ### Styling\n *\n * The following custom properties are available for styling:\n *\n * Custom property                | Description                | Default\n * -------------------------------|----------------------------|---------\n * `--vaadin-field-default-width` | Default width of the field | `12em`\n *\n * The following shadow DOM parts are available for styling:\n *\n * Part name            | Description\n * ---------------------|----------------\n * `label`              | The label element\n * `input-field`        | The element that wraps prefix, value and suffix\n * `clear-button`       | The clear button\n * `error-message`      | The error message element\n * `helper-text`        | The helper text element wrapper\n * `required-indicator` | The `required` state indicator element\n *\n * The following state attributes are available for styling:\n *\n * Attribute           | Description | Part name\n * --------------------|-------------|------------\n * `disabled`          | Set to a disabled text field | :host\n * `has-value`         | Set when the element has a value | :host\n * `has-label`         | Set when the element has a label | :host\n * `has-helper`        | Set when the element has helper text or slot | :host\n * `has-error-message` | Set when the element has an error message | :host\n * `invalid`           | Set when the element is invalid | :host\n * `input-prevented`   | Temporarily set when invalid input is prevented | :host\n * `focused`           | Set when the element is focused | :host\n * `focus-ring`        | Set when the element is keyboard focused | :host\n * `readonly`          | Set to a readonly text field | :host\n *\n * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n *\n * @fires {Event} input - Fired when the value is changed by the user: on every typing keystroke, and the value is cleared using the clear button.\n * @fires {Event} change - Fired when the user commits a value change.\n * @fires {CustomEvent} invalid-changed - Fired when the `invalid` property changes.\n * @fires {CustomEvent} value-changed - Fired when the `value` property changes.\n * @fires {CustomEvent} validated - Fired whenever the field is validated.\n *\n * @customElement\n * @extends HTMLElement\n * @mixes ElementMixin\n * @mixes ThemableMixin\n * @mixes TextFieldMixin\n */\nexport class TextField extends TextFieldMixin(ThemableMixin(ElementMixin(PolymerElement))) {\n  static get is() {\n    return 'vaadin-text-field';\n  }\n\n  static get template() {\n    return html`\n      <style>\n        [part='input-field'] {\n          flex-grow: 0;\n        }\n      </style>\n\n      <div class=\"vaadin-field-container\">\n        <div part=\"label\">\n          <slot name=\"label\"></slot>\n          <span part=\"required-indicator\" aria-hidden=\"true\" on-click=\"focus\"></span>\n        </div>\n\n        <vaadin-input-container\n          part=\"input-field\"\n          readonly=\"[[readonly]]\"\n          disabled=\"[[disabled]]\"\n          invalid=\"[[invalid]]\"\n          theme$=\"[[_theme]]\"\n        >\n          <slot name=\"prefix\" slot=\"prefix\"></slot>\n          <slot name=\"input\"></slot>\n          <slot name=\"suffix\" slot=\"suffix\"></slot>\n          <div id=\"clearButton\" part=\"clear-button\" slot=\"suffix\" aria-hidden=\"true\"></div>\n        </vaadin-input-container>\n\n        <div part=\"helper-text\">\n          <slot name=\"helper\"></slot>\n        </div>\n\n        <div part=\"error-message\">\n          <slot name=\"error-message\"></slot>\n        </div>\n      </div>\n      <slot name=\"tooltip\"></slot>\n    `;\n  }\n\n  static get properties() {\n    return {\n      /**\n       * Maximum number of characters (in Unicode code points) that the user can enter.\n       */\n      maxlength: {\n        type: Number,\n      },\n\n      /**\n       * Minimum number of characters (in Unicode code points) that the user can enter.\n       */\n      minlength: {\n        type: Number,\n      },\n    };\n  }\n\n  /** @protected */\n  ready() {\n    super.ready();\n\n    this._tooltipController = new TooltipController(this);\n    this._tooltipController.setPosition('top');\n    this._tooltipController.setAriaTarget(this.inputElement);\n    this.addController(this._tooltipController);\n  }\n}\n\ndefineCustomElement(TextField);\n","/**\n * @license\n * Copyright (c) 2017 - 2023 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport '@vaadin/input-container/theme/lumo/vaadin-input-container-styles.js';\nimport { inputFieldShared } from '@vaadin/vaadin-lumo-styles/mixins/input-field-shared.js';\nimport { registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nregisterStyles('vaadin-text-field', inputFieldShared, {\n  moduleId: 'lumo-text-field-styles',\n});\n"],"names":["componentName","observedAttrs","TextFieldClass","mappings","proxyProps","useProxyTargets","superclass","observedAttributes","concat","icon","init","super","this","baseElement","includeAttrs","renderCopyToClipboard","shouldRender","remove","iconInitConfig","title","style","iconCopiedConfig","Object","assign","document","createElement","slot","appendChild","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","attributeChangedCallback","attrName","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","cssVarList","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","customElements","define","host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity","createBaseInputClass","args","RawLoaderRadial","baseSelector","constructor","attachShadow","mode","innerHTML","LoaderRadialClass","hostDisplay","spinnerSize","spinnerBorderWidth","spinnerBorderStyle","spinnerBorderRadius","spinnerQuadrant1Color","spinnerQuadrant2Color","spinnerQuadrant3Color","spinnerQuadrant4Color","animationDuration","animationTimingFunction","animationIterationCount","forwardAttributes","BaseInputClass","wrapperEle","querySelector","loaderContainer","renderInputs","inputs","Array","digits","keys","map","idx","join","from","querySelectorAll","initInputs","handleLoadingState","isLoading","setAttribute","removeAttribute","Number","parseInt","getAttribute","val","parseInputValue","getValidity","isRequired","valueMissing","pattern","RegExp","test","patternMismatch","e","isTrusted","getInputIdx","inputEle","getNextInput","currInput","currentIdx","newIdx","Math","min","length","getPrevInput","max","fillDigits","charArr","currentInput","i","nextInput","split","forEach","debouncedHandleParseInput","trailing","lastKeyWasBackspace","isBackspace","inputType","onkeydown","key","setSelectionRange","preventDefault","shadowRoot","handleFocusEventsDispatching","handleInputEventDispatching","oldValue","newValue","includes","INPUT_MASK_TEXT_PROP","INPUT_MASK_DISPLAY_PROP","INPUT_MASK_FALLBACK_PROP","focusElement","ele","sanitizeStr","str","replace","toggleMaskVisibility","setProperty","removeProperty","digitField","internalWrapper","focusedDigitField","textVars","loaderVars","PasscodeClass","digitValueFontWeight","digitValueTextColor","digitSize","digitPadding","digitTextAlign","digitCaretTextColor","digitSpacing","digitOutlineColor","digitOutlineWidth","focusedDigitFieldOutlineColor","overlayOpacity","template","content","cloneNode","inputElement","InputController","callback","initializer","node","type","id","defaultId","useUniqueId","InputFieldMixin","properties","autocomplete","String","autocorrect","autocapitalize","reflectToAttribute","delegateAttrs","__data","__dataValue","_inputElementChanged","console","warn","localName","_setFocused","focused","hasFocus","validate","_onInput","event","invalid","_valueChanged","undefined","TextFieldMixin","superClass","maxlength","minlength","constraints","clearElement","$","clearButton","ready","addController","_setInputElement","_setFocusElement","stateTarget","ariaTarget","_labelController","moduleId","TextField","is","_tooltipController","setPosition","setAriaTarget"],"sourceRoot":""}

package/dist/umd/descope-security-questions-setup-index-js.js

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3594],{28027(e,t,r){r.d(t,{T:()=>a,w:()=>c});var o=r(88961),i=r(63200),n=r(25964),s=r(79673),l=r(47656);const a=(0,n.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],c=(0,i.Zz)((0,o.RF)({mappings:l.A}),o.VO,(0,o.OZ)({proxyProps:["value","selectionStart","selectionEnd"],useProxyTargets:!0}),o.tQ,e=>class extends e{static get observedAttributes(){return p.concat(e.observedAttributes||[])}icon;init(){super.init?.()}renderCopyToClipboard(e){if(!e)return void this.icon?.remove();const t={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},r={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...t}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,r),setTimeout(()=>{Object.assign(this.icon,t)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(e,t,r){super.attributeChangeCallback?.(e,t,r),"type"===e&&this.baseElement._setType(r),t!==r&&("label-type"===e?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===r))}})((0,o.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${c.cssVarList.inputOutlineWidth}) + var(${c.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,s.$J)("vaadin-text-field")}\n\t\t\t${(0,s.cy)(c.cssVarList)}\n\t\t\t${(0,s.LJ)("vaadin-text-field",c.cssVarList)}\n      ${(0,s.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:a}))},64014(e,t,r){r.r(t),r.d(t,{TextFieldClass:()=>o.w,componentName:()=>o.T}),r(11284),r(37182),r(95260);var o=r(28027);customElements.define(o.T,o.w)},47656(e,t,r){r.d(t,{A:()=>f});const{host:o,label:i,placeholder:n,requiredIndicator:s,inputField:l,input:a,inputMask:p,helperText:c,errorMessage:d,disabledPlaceholder:u,inputDisabled:h,inputIcon:y,externalInput:b,externalInputDisabled:g,externalPlaceholder:m,externalDisabledPlaceholder:x}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},f={fontSize:[{},o],fontFamily:[i,l,c,d],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},inputValueFontWeight:[{...a,property:"font-weight"},{...b,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...m,property:"font-weight"}],helperTextFontWeight:{...c,property:"font-weight"},errorMessageFontWeight:{...d,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...s,property:"color"},{...i,property:"-webkit-text-fill-color"},{...s,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...a,property:"direction"},inputBackgroundColor:[{...l,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...d,property:"color"},errorMessageIcon:{...d,property:"background-image"},errorMessageIconSize:{...d,property:"background-size"},errorMessageIconPadding:{...d,property:"padding-inline-start"},errorMessageIconRepeat:{...d,property:"background-repeat"},errorMessageIconPosition:{...d,property:"background-position"},errorMessageFontSize:{...d,property:"font-size"},helperTextColor:{...c,property:"-webkit-text-fill-color"},inputValueTextColor:[{...l,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...a,property:"caret-color"},{...b,property:"caret-color"}],labelRequiredIndicator:{...s,property:"content"},inputBorderColor:{...l,property:"border-color"},inputBorderWidth:{...l,property:"border-width"},inputBorderStyle:{...l,property:"border-style"},inputBorderRadius:{...l,property:"border-radius"},inputHeight:{...l,property:"height"},inputHorizontalPadding:[{...a,property:"padding-left"},{...a,property:"padding-right"},{...b,property:"padding-left"},{...b,property:"padding-right"}],inputOutlineColor:{...l,property:"outline-color"},inputOutlineStyle:{...l,property:"outline-style"},inputOutlineWidth:{...l,property:"outline-width"},inputOutlineOffset:{...l,property:"outline-offset"},textAlign:{},inputTextAlign:[{...a,property:"text-align"},{...b,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...m,property:"color"},{...n,property:"color"},{...u,property:"-webkit-text-fill-color"},{...x,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...m,property:"opacity"}],inputVerticalAlignment:[{...l,property:"align-items"},{...b,property:"align-items"}],valueInputHeight:[{...a,property:"height"},{...b,property:"height"}],valueInputMarginBottom:[{...a,property:"margin-bottom"},{...b,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"},inputTextSecurity:[{...a,property:"-webkit-text-security"},{...a,property:"text-security"},{...b,property:"-webkit-text-security"},{...b,property:"text-security"}]}},74460(e,t,r){r.r(t),r.d(t,{SecurityQuestionsSetupClass:()=>y,componentName:()=>c});var o=r(86365),i=r(25964),n=r(28027),s=r(81365),l=r(9696),a=r(97810),p=r(79365);const c=(0,a.xE)("security-questions-setup"),d=["full-width","readonly","size","label-type","question-label","question-placeholder","question-data-errormessage-value-missing","answer-label","answer-placeholder","answer-data-errormessage-value-missing","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],u=["count","questions"];class h extends((0,s.q)({componentName:c,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",(0,i.fz)("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n    ",this)}get count(){return Number(this.getAttribute("count"))||0}#e(){const e=Array.from({length:this.count}).map((e,t)=>`\n      <div class="question-wrapper">\n      <descope-combo-box\n        data-id="${t}"\n        item-label-path="data-name"\n        item-value-path="data-id"\n        bordered="true"\n        required="true"\n        clear-button-visible="true"\n      ></descope-combo-box>\n\n      <descope-text-field\n        data-id="${t}"\n        required="true"\n        bordered="true"\n        minlength="2"\n      ></descope-text-field>\n    </div>\n      `);this.baseElement.innerHTML=e.join("<spacer></spacer><descope-divider></descope-divider><spacer></spacer>"),this.comboBoxes.forEach(e=>{e.addEventListener("change",e=>{this.updateRemainingCombosData(e.target),this.getAttachedTextField(e.target).value=""}),e.data=this.data}),this.#t(d)}getAttachedTextField(e){const t=`descope-text-field[data-id="${e.getAttribute("data-id")}"]`;return this.baseElement.querySelector(t)}filterData(e){return this.data.filter(t=>t.value===e||!this.selectedQuestionIds.includes(t.value))}reportValidity(){return this.inputs.reverse().forEach(e=>e.reportValidity()),this.checkValidity()}checkValidity(){return[...this.comboBoxes,...this.textFields].every(e=>e.checkValidity())}updateRemainingCombosData(e){this.comboBoxes.filter(t=>t!==e).forEach(e=>{e.data=this.filterData(e.value)})}get questions(){try{return JSON.parse(this.getAttribute("questions"))||[]}catch(e){return console.error(c,"Error parsing questions attribute",e),[]}}get data(){return this.questions.map(({id:e,text:t})=>({value:e,label:t}))}get comboBoxes(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get inputs(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box, descope-text-field"))}get selectedQuestionIds(){return this.comboBoxes.map(e=>e.value)}get value(){return this.comboBoxes.map(e=>({id:e.value,answer:this.getAttachedTextField(e).value}))}set value(e=[]){e.forEach((e,t)=>{const r=this.comboBoxes[t],o=this.getAttachedTextField(r);r.value=e.id,o.value=e.answer})}#r(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#t(e){const t={question:this.comboBoxes,answer:this.textFields};e.forEach(e=>{const[r,...o]=e.split("-"),i=t[r]||this.inputs,n=t[r]?o.join("-"):e;i.forEach(t=>{this.#r(t,n,this.getAttribute(e))})})}init(){super.init?.(),(0,a.mx)(this,()=>{this.#e()},{includeAttrs:u}),(0,a.mx)(this,this.#t.bind(this),{includeAttrs:d})}}const y=(0,l.Zz)((0,p.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>o.C.componentName,property:o.C.cssVarList.hostDirection},{selector:()=>n.w.componentName,property:n.w.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"}}}),p.VO,p.tQ)(h);r(64014),r(27092),customElements.define(c,y)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[3594],{28027(e,t,r){r.d(t,{T:()=>a,w:()=>c});var o=r(88961),i=r(63200),n=r(25964),s=r(79673),l=r(47656);const a=(0,n.xE)("text-field"),p=["type","label-type","copy-to-clipboard"],c=(0,i.Zz)((0,o.RF)({mappings:l.A}),o.VO,(0,o.OZ)({proxyProps:["value","selectionStart","selectionEnd"],useProxyTargets:!0}),o.tQ,e=>class extends e{static get observedAttributes(){return p.concat(e.observedAttributes||[])}icon;init(){super.init?.(),(0,n.EA)(this,this.baseElement,{includeAttrs:["placeholder"]})}renderCopyToClipboard(e){if(!e)return void this.icon?.remove();const t={icon:"vaadin:copy-o",title:"Copy",style:"cursor: pointer"},r={icon:"vaadin:check-circle-o",title:"Copied",style:"cursor: initial"};this.icon=Object.assign(document.createElement("vaadin-icon"),{slot:"suffix",...t}),this.baseElement.appendChild(this.icon),this.icon.addEventListener("click",()=>{navigator.clipboard.writeText(this.value),Object.assign(this.icon,r),setTimeout(()=>{Object.assign(this.icon,t)},5e3)})}onLabelClick(){this.focus()}attributeChangedCallback(e,t,r){super.attributeChangeCallback?.(e,t,r),"type"===e&&this.baseElement._setType(r),t!==r&&("label-type"===e?"floating"===r?this.addEventListener("click",this.onLabelClick):this.removeEventListener("click",this.onLabelClick):"copy-to-clipboard"===e&&this.renderCopyToClipboard("true"===r))}})((0,o.tz)({slots:["prefix","suffix"],wrappedEleName:"vaadin-text-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${c.cssVarList.inputOutlineWidth}) + var(${c.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${(0,s.$J)("vaadin-text-field")}\n\t\t\t${(0,s.cy)(c.cssVarList)}\n\t\t\t${(0,s.LJ)("vaadin-text-field",c.cssVarList)}\n      ${(0,s.Kl)()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style","placeholder"],componentName:a}))},64014(e,t,r){r.r(t),r.d(t,{TextFieldClass:()=>o.w,componentName:()=>o.T}),r(11284),r(37182),r(95260);var o=r(28027);customElements.define(o.T,o.w)},47656(e,t,r){r.d(t,{A:()=>f});const{host:o,label:i,placeholder:n,requiredIndicator:s,inputField:l,input:a,inputMask:p,helperText:c,errorMessage:d,disabledPlaceholder:u,inputDisabled:h,inputIcon:y,externalInput:b,externalInputDisabled:g,externalPlaceholder:m,externalDisabledPlaceholder:x}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},f={fontSize:[{},o],fontFamily:[i,l,c,d],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},inputValueFontWeight:[{...a,property:"font-weight"},{...b,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...m,property:"font-weight"}],helperTextFontWeight:{...c,property:"font-weight"},errorMessageFontWeight:{...d,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...s,property:"color"},{...i,property:"-webkit-text-fill-color"},{...s,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...a,property:"direction"},inputBackgroundColor:[{...l,property:"background-color"},{...p,property:"background-color"}],errorMessageTextColor:{...d,property:"color"},errorMessageIcon:{...d,property:"background-image"},errorMessageIconSize:{...d,property:"background-size"},errorMessageIconPadding:{...d,property:"padding-inline-start"},errorMessageIconRepeat:{...d,property:"background-repeat"},errorMessageIconPosition:{...d,property:"background-position"},errorMessageFontSize:{...d,property:"font-size"},helperTextColor:{...c,property:"-webkit-text-fill-color"},inputValueTextColor:[{...l,property:"color"},{...h,property:"-webkit-text-fill-color"},{...g,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...a,property:"caret-color"},{...b,property:"caret-color"}],labelRequiredIndicator:{...s,property:"content"},inputBorderColor:{...l,property:"border-color"},inputBorderWidth:{...l,property:"border-width"},inputBorderStyle:{...l,property:"border-style"},inputBorderRadius:{...l,property:"border-radius"},inputHeight:{...l,property:"height"},inputHorizontalPadding:[{...a,property:"padding-left"},{...a,property:"padding-right"},{...b,property:"padding-left"},{...b,property:"padding-right"}],inputOutlineColor:{...l,property:"outline-color"},inputOutlineStyle:{...l,property:"outline-style"},inputOutlineWidth:{...l,property:"outline-width"},inputOutlineOffset:{...l,property:"outline-offset"},textAlign:{},inputTextAlign:[{...a,property:"text-align"},{...b,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...m,property:"color"},{...n,property:"color"},{...u,property:"-webkit-text-fill-color"},{...x,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...m,property:"opacity"}],inputVerticalAlignment:[{...l,property:"align-items"},{...b,property:"align-items"}],valueInputHeight:[{...a,property:"height"},{...b,property:"height"}],valueInputMarginBottom:[{...a,property:"margin-bottom"},{...b,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"},inputTextSecurity:[{...a,property:"-webkit-text-security"},{...a,property:"text-security"},{...b,property:"-webkit-text-security"},{...b,property:"text-security"}]}},74460(e,t,r){r.r(t),r.d(t,{SecurityQuestionsSetupClass:()=>y,componentName:()=>c});var o=r(86365),i=r(25964),n=r(28027),s=r(81365),l=r(9696),a=r(97810),p=r(79365);const c=(0,a.xE)("security-questions-setup"),d=["full-width","readonly","size","label-type","question-label","question-placeholder","question-data-errormessage-value-missing","answer-label","answer-placeholder","answer-data-errormessage-value-missing","st-error-message-icon","st-error-message-icon-size","st-error-message-icon-padding"],u=["count","questions"];class h extends((0,s.q)({componentName:c,baseSelector:"div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n    <div></div>\n\t\t",(0,i.fz)("\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n    ",this)}get count(){return Number(this.getAttribute("count"))||0}#e(){const e=Array.from({length:this.count}).map((e,t)=>`\n      <div class="question-wrapper">\n      <descope-combo-box\n        data-id="${t}"\n        item-label-path="data-name"\n        item-value-path="data-id"\n        bordered="true"\n        required="true"\n        clear-button-visible="true"\n      ></descope-combo-box>\n\n      <descope-text-field\n        data-id="${t}"\n        required="true"\n        bordered="true"\n        minlength="2"\n      ></descope-text-field>\n    </div>\n      `);this.baseElement.innerHTML=e.join("<spacer></spacer><descope-divider></descope-divider><spacer></spacer>"),this.comboBoxes.forEach(e=>{e.addEventListener("change",e=>{this.updateRemainingCombosData(e.target),this.getAttachedTextField(e.target).value=""}),e.data=this.data}),this.#t(d)}getAttachedTextField(e){const t=`descope-text-field[data-id="${e.getAttribute("data-id")}"]`;return this.baseElement.querySelector(t)}filterData(e){return this.data.filter(t=>t.value===e||!this.selectedQuestionIds.includes(t.value))}reportValidity(){return this.inputs.reverse().forEach(e=>e.reportValidity()),this.checkValidity()}checkValidity(){return[...this.comboBoxes,...this.textFields].every(e=>e.checkValidity())}updateRemainingCombosData(e){this.comboBoxes.filter(t=>t!==e).forEach(e=>{e.data=this.filterData(e.value)})}get questions(){try{return JSON.parse(this.getAttribute("questions"))||[]}catch(e){return console.error(c,"Error parsing questions attribute",e),[]}}get data(){return this.questions.map(({id:e,text:t})=>({value:e,label:t}))}get comboBoxes(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box"))}get textFields(){return Array.from(this.baseElement.querySelectorAll("descope-text-field"))}get inputs(){return Array.from(this.baseElement.querySelectorAll("descope-combo-box, descope-text-field"))}get selectedQuestionIds(){return this.comboBoxes.map(e=>e.value)}get value(){return this.comboBoxes.map(e=>({id:e.value,answer:this.getAttachedTextField(e).value}))}set value(e=[]){e.forEach((e,t)=>{const r=this.comboBoxes[t],o=this.getAttachedTextField(r);r.value=e.id,o.value=e.answer})}#r(e,t,r){null===r?e.removeAttribute(t):e.setAttribute(t,r)}#t(e){const t={question:this.comboBoxes,answer:this.textFields};e.forEach(e=>{const[r,...o]=e.split("-"),i=t[r]||this.inputs,n=t[r]?o.join("-"):e;i.forEach(t=>{this.#r(t,n,this.getAttribute(e))})})}init(){super.init?.(),(0,a.mx)(this,()=>{this.#e()},{includeAttrs:u}),(0,a.mx)(this,this.#t.bind(this),{includeAttrs:d})}}const y=(0,l.Zz)((0,p.RF)({mappings:{hostWidth:[{selector:()=>":host",property:"width"},{property:"width"}],hostDirection:[{selector:()=>":host",property:"direction"},{selector:()=>o.C.componentName,property:o.C.cssVarList.hostDirection},{selector:()=>n.w.componentName,property:n.w.cssVarList.hostDirection}],gap:{selector:()=>"div",property:"gap"}}}),p.VO,p.tQ)(h);r(64014),r(27092),customElements.define(c,y)}}]);
 //# sourceMappingURL=descope-security-questions-setup-index-js.js.map

package/dist/umd/descope-security-questions-setup-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-security-questions-setup-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-text-field/src/component/TextFieldClass.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/textFieldMappings.js","webpack://@descope/web-components-ui/./src/components/descope-security-questions-setup/SecurityQuestionsSetupClass.js","webpack://@descope/web-components-ui/./src/components/descope-security-questions-setup/index.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '@descope-ui/common/theme-helpers';\nimport textFieldMappings from './textFieldMappings';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart', 'selectionEnd'],\n    useProxyTargets: true,\n  }),\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  }),\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: {\n    selector: '[required]::part(required-indicator)::after',\n  },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: {\n    selector: () => '::slotted(input:disabled::placeholder)',\n  },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    {\n      selector: () => ':host input:placeholder-shown',\n      property: 'font-weight',\n    },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: {\n    ...errorMessage,\n    property: 'padding-inline-start',\n  },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: {\n    ...errorMessage,\n    property: 'background-position',\n  },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n","import { ComboBoxClass } from '@descope-ui/descope-combo-box/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { TextFieldClass } from '@descope-ui/descope-text-field/class';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName, observeAttributes } from '../../helpers/componentHelpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';\n\nexport const componentName = getComponentName('security-questions-setup');\n\nconst attrsToSync = [\n  'full-width',\n  'readonly',\n  'size',\n  'label-type',\n  'question-label',\n  'question-placeholder',\n  'question-data-errormessage-value-missing',\n  'answer-label',\n  'answer-placeholder',\n  'answer-data-errormessage-value-missing',\n  'st-error-message-icon',\n  'st-error-message-icon-size',\n  'st-error-message-icon-padding',\n];\n\nconst attrsToReRender = ['count', 'questions'];\nclass RawSecurityQuestionsSetup extends createBaseClass({ componentName, baseSelector: 'div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div></div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n    `,\n      this\n    );\n  }\n\n  get count() {\n    return Number(this.getAttribute('count')) || 0;\n  }\n\n  #renderQuestions() {\n    const res = Array.from({ length: this.count }).map(\n      (_, index) =>\n        // <!--html-->\n        `\n      <div class=\"question-wrapper\">\n      <descope-combo-box\n        data-id=\"${index}\"\n        item-label-path=\"data-name\"\n        item-value-path=\"data-id\"\n        bordered=\"true\"\n        required=\"true\"\n        clear-button-visible=\"true\"\n      ></descope-combo-box>\n\n      <descope-text-field\n        data-id=\"${index}\"\n        required=\"true\"\n        bordered=\"true\"\n        minlength=\"2\"\n      ></descope-text-field>\n    </div>\n      `\n      // <!--!html-->\n    );\n\n    this.baseElement.innerHTML = res.join(\n      '<spacer></spacer><descope-divider></descope-divider><spacer></spacer>'\n    );\n\n    this.comboBoxes.forEach((el) => {\n      el.addEventListener('change', (e) => {\n        this.updateRemainingCombosData(e.target);\n        const AttachedTextField = this.getAttachedTextField(e.target);\n\n        AttachedTextField.value = '';\n      });\n\n      el.data = this.data;\n    });\n\n    this.#syncAttrs(attrsToSync);\n  }\n\n  getAttachedTextField(combo) {\n    const selector = `descope-text-field[data-id=\"${combo.getAttribute('data-id')}\"]`;\n\n    return this.baseElement.querySelector(selector);\n  }\n\n  filterData(comboValue) {\n    const res = this.data.filter(\n      (item) => item.value === comboValue || !this.selectedQuestionIds.includes(item.value)\n    );\n\n    return res;\n  }\n\n  reportValidity() {\n    this.inputs.reverse().forEach((el) => el.reportValidity());\n\n    return this.checkValidity();\n  }\n\n  checkValidity() {\n    return [...this.comboBoxes, ...this.textFields].every((el) => el.checkValidity());\n  }\n\n  updateRemainingCombosData(sourceCombo) {\n    this.comboBoxes\n      .filter((combo) => combo !== sourceCombo)\n      .forEach((combo) => {\n        combo.data = this.filterData(combo.value);\n      });\n  }\n\n  get questions() {\n    try {\n      return JSON.parse(this.getAttribute('questions')) || [];\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.error(componentName, 'Error parsing questions attribute', e);\n      return [];\n    }\n  }\n\n  // this returns the structure expected by the combo box\n  get data() {\n    return this.questions.map(({ id, text }) => ({ value: id, label: text }));\n  }\n\n  get comboBoxes() {\n    return Array.from(this.baseElement.querySelectorAll('descope-combo-box'));\n  }\n\n  get textFields() {\n    return Array.from(this.baseElement.querySelectorAll('descope-text-field'));\n  }\n\n  get inputs() {\n    return Array.from(this.baseElement.querySelectorAll('descope-combo-box, descope-text-field'));\n  }\n\n  get selectedQuestionIds() {\n    return this.comboBoxes.map((el) => el.value);\n  }\n\n  get value() {\n    return this.comboBoxes.map((combo) => {\n      const id = combo.value;\n      const answer = this.getAttachedTextField(combo).value;\n\n      return { id, answer };\n    });\n  }\n\n  set value(val = []) {\n    val.forEach((item, index) => {\n      const combo = this.comboBoxes[index];\n      const textField = this.getAttachedTextField(combo);\n\n      combo.value = item.id;\n      textField.value = item.answer;\n    });\n  }\n\n  #updateAttribute(ele, attrName, value) {\n    if (value === null) ele.removeAttribute(attrName);\n    else ele.setAttribute(attrName, value);\n  }\n\n  #syncAttrs(attrs) {\n    const componentMap = {\n      question: this.comboBoxes,\n      answer: this.textFields,\n    };\n\n    attrs.forEach((attr) => {\n      const [maybeComponentType, ...rest] = attr.split('-');\n      const elements = componentMap[maybeComponentType] || this.inputs;\n      const attrName = componentMap[maybeComponentType] ? rest.join('-') : attr;\n\n      elements.forEach((el) => {\n        this.#updateAttribute(el, attrName, this.getAttribute(attr));\n      });\n    });\n  }\n\n  init() {\n    super.init?.();\n    // render new components\n    observeAttributes(\n      this,\n      () => {\n        this.#renderQuestions();\n      },\n      { includeAttrs: attrsToReRender }\n    );\n\n    // update existing components\n    observeAttributes(this, this.#syncAttrs.bind(this), {\n      includeAttrs: attrsToSync,\n    });\n  }\n}\n\nexport const SecurityQuestionsSetupClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [{ selector: () => ':host', property: 'width' }, { property: 'width' }],\n      hostDirection: [\n        { selector: () => ':host', property: 'direction' },\n        {\n          selector: () => ComboBoxClass.componentName,\n          property: ComboBoxClass.cssVarList.hostDirection,\n        },\n        {\n          selector: () => TextFieldClass.componentName,\n          property: TextFieldClass.cssVarList.hostDirection,\n        },\n      ],\n      gap: { selector: () => 'div', property: 'gap' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawSecurityQuestionsSetup);\n","import { componentName, SecurityQuestionsSetupClass } from './SecurityQuestionsSetupClass';\nimport '@descope-ui/descope-text-field';\nimport '@descope-ui/descope-combo-box';\n\ncustomElements.define(componentName, SecurityQuestionsSetupClass);\n\nexport { SecurityQuestionsSetupClass, componentName };\n"],"names":["componentName","observedAttrs","TextFieldClass","mappings","proxyProps","useProxyTargets","superclass","observedAttributes","concat","icon","init","super","renderCopyToClipboard","shouldRender","this","remove","iconInitConfig","title","style","iconCopiedConfig","Object","assign","document","createElement","slot","baseElement","appendChild","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","attributeChangedCallback","attrName","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","cssVarList","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","customElements","define","host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity","attrsToSync","attrsToReRender","RawSecurityQuestionsSetup","createBaseClass","baseSelector","constructor","attachShadow","mode","innerHTML","count","Number","getAttribute","res","Array","from","length","map","_","index","join","comboBoxes","forEach","el","e","updateRemainingCombosData","target","getAttachedTextField","data","combo","querySelector","filterData","comboValue","filter","item","selectedQuestionIds","includes","reportValidity","inputs","reverse","checkValidity","textFields","every","sourceCombo","questions","JSON","parse","console","error","id","text","querySelectorAll","answer","val","textField","ele","removeAttribute","setAttribute","attrs","componentMap","question","attr","maybeComponentType","rest","split","elements","includeAttrs","bind","SecurityQuestionsSetupClass","ComboBoxClass","C","gap"],"sourceRoot":""}
+{"version":3,"file":"descope-security-questions-setup-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-text-field/src/component/TextFieldClass.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/textFieldMappings.js","webpack://@descope/web-components-ui/./src/components/descope-security-questions-setup/SecurityQuestionsSetupClass.js","webpack://@descope/web-components-ui/./src/components/descope-security-questions-setup/index.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  forwardAttrs,\n} from '@descope-ui/common/components-helpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '@descope-ui/common/theme-helpers';\nimport textFieldMappings from './textFieldMappings';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n\n      // Excluded from syncAttrs (bidirectional would let vaadin revert host\n      // values). Push host → vaadin one-way so authored placeholder applies.\n      forwardAttrs(this, this.baseElement, { includeAttrs: ['placeholder'] });\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart', 'selectionEnd'],\n    useProxyTargets: true,\n  }),\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style', 'placeholder'],\n    componentName,\n  }),\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: {\n    selector: '[required]::part(required-indicator)::after',\n  },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: {\n    selector: () => '::slotted(input:disabled::placeholder)',\n  },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    {\n      selector: () => ':host input:placeholder-shown',\n      property: 'font-weight',\n    },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: {\n    ...errorMessage,\n    property: 'padding-inline-start',\n  },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: {\n    ...errorMessage,\n    property: 'background-position',\n  },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n","import { ComboBoxClass } from '@descope-ui/descope-combo-box/class';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\nimport { TextFieldClass } from '@descope-ui/descope-text-field/class';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName, observeAttributes } from '../../helpers/componentHelpers';\nimport { componentNameValidationMixin, createStyleMixin, draggableMixin } from '../../mixins';\n\nexport const componentName = getComponentName('security-questions-setup');\n\nconst attrsToSync = [\n  'full-width',\n  'readonly',\n  'size',\n  'label-type',\n  'question-label',\n  'question-placeholder',\n  'question-data-errormessage-value-missing',\n  'answer-label',\n  'answer-placeholder',\n  'answer-data-errormessage-value-missing',\n  'st-error-message-icon',\n  'st-error-message-icon-size',\n  'st-error-message-icon-padding',\n];\n\nconst attrsToReRender = ['count', 'questions'];\nclass RawSecurityQuestionsSetup extends createBaseClass({ componentName, baseSelector: 'div' }) {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div></div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n\n      div {\n        display: flex;\n        flex-direction: column;\n      }\n    `,\n      this\n    );\n  }\n\n  get count() {\n    return Number(this.getAttribute('count')) || 0;\n  }\n\n  #renderQuestions() {\n    const res = Array.from({ length: this.count }).map(\n      (_, index) =>\n        // <!--html-->\n        `\n      <div class=\"question-wrapper\">\n      <descope-combo-box\n        data-id=\"${index}\"\n        item-label-path=\"data-name\"\n        item-value-path=\"data-id\"\n        bordered=\"true\"\n        required=\"true\"\n        clear-button-visible=\"true\"\n      ></descope-combo-box>\n\n      <descope-text-field\n        data-id=\"${index}\"\n        required=\"true\"\n        bordered=\"true\"\n        minlength=\"2\"\n      ></descope-text-field>\n    </div>\n      `\n      // <!--!html-->\n    );\n\n    this.baseElement.innerHTML = res.join(\n      '<spacer></spacer><descope-divider></descope-divider><spacer></spacer>'\n    );\n\n    this.comboBoxes.forEach((el) => {\n      el.addEventListener('change', (e) => {\n        this.updateRemainingCombosData(e.target);\n        const AttachedTextField = this.getAttachedTextField(e.target);\n\n        AttachedTextField.value = '';\n      });\n\n      el.data = this.data;\n    });\n\n    this.#syncAttrs(attrsToSync);\n  }\n\n  getAttachedTextField(combo) {\n    const selector = `descope-text-field[data-id=\"${combo.getAttribute('data-id')}\"]`;\n\n    return this.baseElement.querySelector(selector);\n  }\n\n  filterData(comboValue) {\n    const res = this.data.filter(\n      (item) => item.value === comboValue || !this.selectedQuestionIds.includes(item.value)\n    );\n\n    return res;\n  }\n\n  reportValidity() {\n    this.inputs.reverse().forEach((el) => el.reportValidity());\n\n    return this.checkValidity();\n  }\n\n  checkValidity() {\n    return [...this.comboBoxes, ...this.textFields].every((el) => el.checkValidity());\n  }\n\n  updateRemainingCombosData(sourceCombo) {\n    this.comboBoxes\n      .filter((combo) => combo !== sourceCombo)\n      .forEach((combo) => {\n        combo.data = this.filterData(combo.value);\n      });\n  }\n\n  get questions() {\n    try {\n      return JSON.parse(this.getAttribute('questions')) || [];\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.error(componentName, 'Error parsing questions attribute', e);\n      return [];\n    }\n  }\n\n  // this returns the structure expected by the combo box\n  get data() {\n    return this.questions.map(({ id, text }) => ({ value: id, label: text }));\n  }\n\n  get comboBoxes() {\n    return Array.from(this.baseElement.querySelectorAll('descope-combo-box'));\n  }\n\n  get textFields() {\n    return Array.from(this.baseElement.querySelectorAll('descope-text-field'));\n  }\n\n  get inputs() {\n    return Array.from(this.baseElement.querySelectorAll('descope-combo-box, descope-text-field'));\n  }\n\n  get selectedQuestionIds() {\n    return this.comboBoxes.map((el) => el.value);\n  }\n\n  get value() {\n    return this.comboBoxes.map((combo) => {\n      const id = combo.value;\n      const answer = this.getAttachedTextField(combo).value;\n\n      return { id, answer };\n    });\n  }\n\n  set value(val = []) {\n    val.forEach((item, index) => {\n      const combo = this.comboBoxes[index];\n      const textField = this.getAttachedTextField(combo);\n\n      combo.value = item.id;\n      textField.value = item.answer;\n    });\n  }\n\n  #updateAttribute(ele, attrName, value) {\n    if (value === null) ele.removeAttribute(attrName);\n    else ele.setAttribute(attrName, value);\n  }\n\n  #syncAttrs(attrs) {\n    const componentMap = {\n      question: this.comboBoxes,\n      answer: this.textFields,\n    };\n\n    attrs.forEach((attr) => {\n      const [maybeComponentType, ...rest] = attr.split('-');\n      const elements = componentMap[maybeComponentType] || this.inputs;\n      const attrName = componentMap[maybeComponentType] ? rest.join('-') : attr;\n\n      elements.forEach((el) => {\n        this.#updateAttribute(el, attrName, this.getAttribute(attr));\n      });\n    });\n  }\n\n  init() {\n    super.init?.();\n    // render new components\n    observeAttributes(\n      this,\n      () => {\n        this.#renderQuestions();\n      },\n      { includeAttrs: attrsToReRender }\n    );\n\n    // update existing components\n    observeAttributes(this, this.#syncAttrs.bind(this), {\n      includeAttrs: attrsToSync,\n    });\n  }\n}\n\nexport const SecurityQuestionsSetupClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: [{ selector: () => ':host', property: 'width' }, { property: 'width' }],\n      hostDirection: [\n        { selector: () => ':host', property: 'direction' },\n        {\n          selector: () => ComboBoxClass.componentName,\n          property: ComboBoxClass.cssVarList.hostDirection,\n        },\n        {\n          selector: () => TextFieldClass.componentName,\n          property: TextFieldClass.cssVarList.hostDirection,\n        },\n      ],\n      gap: { selector: () => 'div', property: 'gap' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawSecurityQuestionsSetup);\n","import { componentName, SecurityQuestionsSetupClass } from './SecurityQuestionsSetupClass';\nimport '@descope-ui/descope-text-field';\nimport '@descope-ui/descope-combo-box';\n\ncustomElements.define(componentName, SecurityQuestionsSetupClass);\n\nexport { SecurityQuestionsSetupClass, componentName };\n"],"names":["componentName","observedAttrs","TextFieldClass","mappings","proxyProps","useProxyTargets","superclass","observedAttributes","concat","icon","init","super","this","baseElement","includeAttrs","renderCopyToClipboard","shouldRender","remove","iconInitConfig","title","style","iconCopiedConfig","Object","assign","document","createElement","slot","appendChild","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","attributeChangedCallback","attrName","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","cssVarList","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","customElements","define","host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity","attrsToSync","attrsToReRender","RawSecurityQuestionsSetup","createBaseClass","baseSelector","constructor","attachShadow","mode","innerHTML","count","Number","getAttribute","res","Array","from","length","map","_","index","join","comboBoxes","forEach","el","e","updateRemainingCombosData","target","getAttachedTextField","data","combo","querySelector","filterData","comboValue","filter","item","selectedQuestionIds","includes","reportValidity","inputs","reverse","checkValidity","textFields","every","sourceCombo","questions","JSON","parse","console","error","id","text","querySelectorAll","answer","val","textField","ele","removeAttribute","setAttribute","attrs","componentMap","question","attr","maybeComponentType","rest","split","elements","bind","SecurityQuestionsSetupClass","ComboBoxClass","C","gap"],"sourceRoot":""}