@descope/web-components-ui 1.43.0 → 1.45.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/./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/./src/components/descope-text-field/TextFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.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 { 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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\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","/* eslint-disable no-param-reassign */\nimport debounce from 'lodash.debounce';\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';\nimport { injectStyle } from '@descope-ui/common/components-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  // eslint-disable-next-line class-methods-use-this\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, 20, { trailing: true });\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        setTimeout(() => {\n          if (e?.inputType === 'deleteContentBackward') {\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 = ({ key }) => {\n        // when user deletes a digit, we want to focus the previous digit\n        if (key === 'Backspace') {\n          // if value is empty then the input element does not fire `input` event\n          // if this is the case, we focus the element here.\n          // otherwise, the focusElement occurs as part of the `input` event listener\n          if (!input.value) {\n            setTimeout(() => focusElement(this.getPrevInput(input)), 0);\n          } else {\n            input.setSelectionRange(1, 1);\n          }\n        } else 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      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) => {\n  return str.replace(/\\D/g, '') || '';\n};\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 {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../mixins';\nimport { componentName as descopeInternalComponentName } from './descope-passcode-internal/PasscodeInternal';\nimport { TextFieldClass } from '../descope-text-field/TextFieldClass';\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';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\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, { includeAttrs: ['digits', 'size', 'loading'] });\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      labelTextColor: [\n        { ...label, property: 'color' },\n        { ...requiredIndicator, property: '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      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  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'],\n    componentName,\n  })\n);\n\nexport default PasscodeClass;\n","import { componentName, PasscodeClass } from './PasscodeClass';\nimport '../descope-text-field';\nimport '../descope-loader-radial';\nimport './descope-passcode-internal';\n\ncustomElements.define(componentName, PasscodeClass);\n\nexport { PasscodeClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from './textFieldMappings';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\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({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\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: { selector: '[required]::part(required-indicator)::after' },\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: { selector: () => '::slotted(input:disabled::placeholder)' },\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  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: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\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};\n","export const useHostExternalPadding = (cssVarList) => `\n    :host {\n        padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n    }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n    ${name}::part(input-field)::after {\n        border: none;\n    }\n`;\n\nexport const resetInitialHeight = (name) => `\n    ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n    ${name} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputContainer = (name) => `\n    ${name} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputField = (name) => `\n    ${name}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`;\n\nexport const resetInputCursor = (name) => `\n    ${name} > label,\n    ${name}::part(label),\n    ${name}::part(required-indicator) {\n        cursor: pointer;\n    }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n    ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n    ${name} input:-webkit-autofill,\n    ${name} input:-webkit-autofill::first-line,\n    ${name} input:-webkit-autofill:hover,\n    ${name} input:-webkit-autofill:active,\n    ${name} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n        box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n    }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n    ${name}::part(input-field)::after {\n        opacity: 0;\n    }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n    ${name}::part(input-field)::after {\n        background: none;\n    }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n    ${resetInputContainer(name)}\n    ${resetInputCursor(name)}\n    ${resetInputPlaceholder(name)}\n    ${resetInputField(name)}\n    ${resetInputAutoFill(name, cssVarList)}\n    ${resetInputFieldInvalidBackgroundColor(name)}\n    ${resetInitialHeight(name)}\n    ${resetInputElement(name)}\n    ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${name} [slot=\"label\"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n  return `\n  :host([label-type=\"floating\"]) {\n    position: relative;\n  }\n  :host([label-type=\"floating\"][has-label]) [slot=\"label\"] {\n    padding: 0;\n  }\n  :host([label-type=\"floating\"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\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 { 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":["createBaseInputClass","args","componentName","RawLoaderRadial","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","LoaderRadialClass","mappings","hostDisplay","property","spinnerSize","spinnerBorderWidth","spinnerBorderStyle","spinnerBorderRadius","spinnerQuadrant1Color","spinnerQuadrant2Color","spinnerQuadrant3Color","spinnerQuadrant4Color","animationDuration","animationTimingFunction","animationIterationCount","customElements","define","observedAttributes","forwardAttributes","BaseInputClass","concat","wrapperEle","querySelector","loaderContainer","renderInputs","inputs","Array","digits","keys","map","idx","join","from","querySelectorAll","initInputs","handleLoadingState","isLoading","setAttribute","removeAttribute","Number","parseInt","getAttribute","value","val","parseInputValue","getValidity","isRequired","valueMissing","pattern","RegExp","test","patternMismatch","init","addEventListener","e","isTrusted","focus","getInputIdx","inputEle","getNextInput","currInput","currentIdx","newIdx","Math","min","length","getPrevInput","max","fillDigits","charArr","currentInput","i","nextInput","input","split","forEach","debouncedHandleParseInput","trailing","setTimeout","inputType","onkeydown","key","setSelectionRange","includeAttrs","shadowRoot","handleFocusEventsDispatching","handleInputEventDispatching","attributeChangedCallback","attrName","oldValue","newValue","includes","INPUT_MASK_TEXT_PROP","INPUT_MASK_DISPLAY_PROP","INPUT_MASK_FALLBACK_PROP","focusElement","ele","sanitizeStr","str","replace","toggleMaskVisibility","style","setProperty","removeProperty","host","digitField","label","requiredIndicator","internalWrapper","focusedDigitField","errorMessage","selector","TextFieldClass","textVars","cssVarList","loaderVars","PasscodeClass","fontSize","hostWidth","hostDirection","fontFamily","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","digitValueTextColor","inputValueTextColor","digitSize","digitPadding","inputHorizontalPadding","digitTextAlign","inputTextAlign","digitCaretTextColor","inputCaretTextColor","digitSpacing","digitOutlineColor","inputOutlineColor","digitOutlineWidth","inputOutlineWidth","focusedDigitFieldOutlineColor","overlayOpacity","proxyProps","superclass","template","document","createElement","baseElement","appendChild","content","cloneNode","inputElement","slots","wrappedEleName","inputHeight","excludeAttrsSync","observedAttrs","useProxyTargets","icon","renderCopyToClipboard","shouldRender","remove","iconInitConfig","title","iconCopiedConfig","Object","assign","slot","navigator","clipboard","writeText","onLabelClick","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","inputOutlineOffset","placeholder","inputField","inputMask","helperText","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","labelFontSize","labelFontWeight","hostMinWidth","inputDirection","inputBackgroundColor","helperTextColor","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputOutlineStyle","textAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle","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/./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/./src/components/descope-text-field/TextFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/index.js","webpack://@descope/web-components-ui/./src/components/descope-text-field/textFieldMappings.js","webpack://@descope/web-components-ui/./src/helpers/themeHelpers/resetHelpers.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 { 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 { createStyleMixin, draggableMixin, componentNameValidationMixin } from '../../mixins';\nimport { createBaseClass } from '../../baseClasses/createBaseClass';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\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","/* eslint-disable no-param-reassign */\nimport debounce from 'lodash.debounce';\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';\nimport { injectStyle } from '@descope-ui/common/components-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  // eslint-disable-next-line class-methods-use-this\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, 20, { trailing: true });\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        setTimeout(() => {\n          if (e?.inputType === 'deleteContentBackward') {\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 = ({ key }) => {\n        // when user deletes a digit, we want to focus the previous digit\n        if (key === 'Backspace') {\n          // if value is empty then the input element does not fire `input` event\n          // if this is the case, we focus the element here.\n          // otherwise, the focusElement occurs as part of the `input` event listener\n          if (!input.value) {\n            setTimeout(() => focusElement(this.getPrevInput(input)), 0);\n          } else {\n            input.setSelectionRange(1, 1);\n          }\n        } else 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      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) => {\n  return str.replace(/\\D/g, '') || '';\n};\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 {\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 { TextFieldClass } from '../descope-text-field/TextFieldClass';\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';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\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, { includeAttrs: ['digits', 'size', 'loading'] });\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      labelTextColor: [\n        { ...label, property: 'color' },\n        { ...requiredIndicator, property: '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      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'],\n    componentName,\n  })\n);\n\nexport default PasscodeClass;\n","import { componentName, PasscodeClass } from './PasscodeClass';\nimport '../descope-text-field';\nimport '../descope-loader-radial';\nimport './descope-passcode-internal';\n\ncustomElements.define(componentName, PasscodeClass);\n\nexport { PasscodeClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '../../mixins';\nimport textFieldMappings from './textFieldMappings';\nimport { compose } from '../../helpers';\nimport { getComponentName } from '../../helpers/componentHelpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '../../helpers/themeHelpers/resetHelpers';\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({ proxyProps: ['value', 'selectionStart'], useProxyTargets: true }),\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: { selector: '[required]::part(required-indicator)::after' },\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: { selector: () => '::slotted(input:disabled::placeholder)' },\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  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: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\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};\n","export const useHostExternalPadding = (cssVarList) => `\n    :host {\n        padding: calc(var(${cssVarList.inputOutlineWidth}) + var(${cssVarList.inputOutlineOffset}))\n    }\n`;\n\nexport const resetInputFieldUnderlayingBorder = (name) => `\n    ${name}::part(input-field)::after {\n        border: none;\n    }\n`;\n\nexport const resetInitialHeight = (name) => `\n    ${name}::before {\n\t\theight: unset;\n\t}\n`;\n\nexport const resetInputElement = (name) => `\n    ${name} > input {\n        -webkit-mask-image: none;\n        min-height: 0;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputContainer = (name) => `\n    ${name} {\n        margin: 0;\n        padding: 0;\n        width: 100%;\n        height: 100%;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputField = (name) => `\n    ${name}::part(input-field) {\n        overflow: hidden;\n        padding: 0;\n        box-shadow: none;\n    }\n`;\n\nexport const resetInputCursor = (name) => `\n    ${name} > label,\n    ${name}::part(label),\n    ${name}::part(required-indicator) {\n        cursor: pointer;\n    }\n`;\n\nexport const resetInputPlaceholder = (name, ele = 'input') => `\n    ${name}[disabled] > ${ele}:placeholder-shown,\n\t${name}[readonly] > ${ele}:placeholder-shown {\n\t\topacity: 1;\n\t}\n`;\n\nexport const resetInputAutoFill = (name, cssVarList) => `\n    ${name} input:-webkit-autofill,\n    ${name} input:-webkit-autofill::first-line,\n    ${name} input:-webkit-autofill:hover,\n    ${name} input:-webkit-autofill:active,\n    ${name} input:-webkit-autofill:focus {\n        -webkit-text-fill-color: var(${cssVarList.inputValueTextColor});\n        box-shadow: 0 0 0 var(${cssVarList.inputHeight}) var(${cssVarList.inputBackgroundColor}) inset;\n    }\n`;\n\nexport const resetInputFieldDefaultWidth = () => `\n    :host {\n        --vaadin-field-default-width: auto;\n        box-sizing: border-box;\n    }\n`;\n\nexport const resetInputReadonlyStyle = (name) => `\n    ${name}::part(input-field)::after {\n        opacity: 0;\n    }\n`;\n\nexport const resetInputFieldInvalidBackgroundColor = (name) => `\n    ${name}::part(input-field)::after {\n        background: none;\n    }\n`;\n\nexport const resetInputOverrides = (name, cssVarList) => `\n    ${resetInputContainer(name)}\n    ${resetInputCursor(name)}\n    ${resetInputPlaceholder(name)}\n    ${resetInputField(name)}\n    ${resetInputAutoFill(name, cssVarList)}\n    ${resetInputFieldInvalidBackgroundColor(name)}\n    ${resetInitialHeight(name)}\n    ${resetInputElement(name)}\n    ${resetInputFieldUnderlayingBorder(name)}\n`;\n\n// This function is used to support RTL correctly for input components.\n// It also fixes the error message to be displayed LTR since we currently\n// don't support RTL for error messages.\nexport const resetInputLabelPosition = (name) => `\n    :host ::part(error-message) {\n      direction: ltr;\n    }\n    :host([required]) ::part(required-indicator) {\n      width: 1em;\n      display: inline-flex;\n    }\n    :host([required]) ::part(required-indicator)::after {\n      position: static;\n    }\n    :host([has-label]) ::part(label) {\n      padding-right: 0;\n      padding-bottom: 0;\n      display: flex;\n      width: 100%;\n    }\n    ${name} [slot=\"label\"] {\n      max-width: calc(100% - 1em);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-bottom: 0.5em;\n    }\n`;\n\nexport const inputFloatingLabelStyle = () => {\n  return `\n  :host([label-type=\"floating\"]) {\n    position: relative;\n  }\n  :host([label-type=\"floating\"][has-label]) [slot=\"label\"] {\n    padding: 0;\n  }\n  :host([label-type=\"floating\"][has-label]) > ::part(label) {\n    z-index: 1;\n    padding: 0;\n    width: auto;\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 { 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":["createBaseInputClass","args","componentName","RawLoaderRadial","baseSelector","constructor","super","this","attachShadow","mode","innerHTML","LoaderRadialClass","mappings","hostDisplay","property","spinnerSize","spinnerBorderWidth","spinnerBorderStyle","spinnerBorderRadius","spinnerQuadrant1Color","spinnerQuadrant2Color","spinnerQuadrant3Color","spinnerQuadrant4Color","animationDuration","animationTimingFunction","animationIterationCount","customElements","define","observedAttributes","forwardAttributes","BaseInputClass","concat","wrapperEle","querySelector","loaderContainer","renderInputs","inputs","Array","digits","keys","map","idx","join","from","querySelectorAll","initInputs","handleLoadingState","isLoading","setAttribute","removeAttribute","Number","parseInt","getAttribute","value","val","parseInputValue","getValidity","isRequired","valueMissing","pattern","RegExp","test","patternMismatch","init","addEventListener","e","isTrusted","focus","getInputIdx","inputEle","getNextInput","currInput","currentIdx","newIdx","Math","min","length","getPrevInput","max","fillDigits","charArr","currentInput","i","nextInput","input","split","forEach","debouncedHandleParseInput","trailing","setTimeout","inputType","onkeydown","key","setSelectionRange","includeAttrs","shadowRoot","handleFocusEventsDispatching","handleInputEventDispatching","attributeChangedCallback","attrName","oldValue","newValue","includes","INPUT_MASK_TEXT_PROP","INPUT_MASK_DISPLAY_PROP","INPUT_MASK_FALLBACK_PROP","focusElement","ele","sanitizeStr","str","replace","toggleMaskVisibility","style","setProperty","removeProperty","host","digitField","label","requiredIndicator","internalWrapper","focusedDigitField","errorMessage","selector","TextFieldClass","textVars","cssVarList","loaderVars","PasscodeClass","fontSize","hostWidth","hostDirection","fontFamily","labelTextColor","labelRequiredIndicator","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","digitValueTextColor","inputValueTextColor","digitSize","digitPadding","inputHorizontalPadding","digitTextAlign","inputTextAlign","digitCaretTextColor","inputCaretTextColor","digitSpacing","digitOutlineColor","inputOutlineColor","digitOutlineWidth","inputOutlineWidth","focusedDigitFieldOutlineColor","overlayOpacity","proxyProps","superclass","template","document","createElement","baseElement","appendChild","content","cloneNode","inputElement","slots","wrappedEleName","inputHeight","excludeAttrsSync","observedAttrs","useProxyTargets","icon","renderCopyToClipboard","shouldRender","remove","iconInitConfig","title","iconCopiedConfig","Object","assign","slot","navigator","clipboard","writeText","onLabelClick","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","inputOutlineOffset","placeholder","inputField","inputMask","helperText","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","labelFontSize","labelFontWeight","hostMinWidth","inputDirection","inputBackgroundColor","helperTextColor","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputOutlineStyle","textAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","useHostExternalPadding","resetInputContainer","name","resetInputField","resetInputCursor","resetInputPlaceholder","resetInputFieldDefaultWidth","resetInputReadonlyStyle","resetInputFieldInvalidBackgroundColor","resetInputOverrides","resetInputAutoFill","resetInitialHeight","resetInputElement","resetInputFieldUnderlayingBorder","resetInputLabelPosition","inputFloatingLabelStyle","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-timer-button.js

@@ -1,2 +1,2 @@
-(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[743,2250,6724],{44006:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTYgMEMyLjcgMCAwIDIuNyAwIDZDMCA5LjMgMi43IDEyIDYgMTJDOS4zIDEyIDEyIDkuMyAxMiA2QzEyIDIuNyA5LjMgMCA2IDBaTTYgMTAuNUMzLjUyNSAxMC41IDEuNSA4LjQ3NSAxLjUgNkMxLjUgMy41MjUgMy41MjUgMS41IDYgMS41QzguNDc1IDEuNSAxMC41IDMuNTI1IDEwLjUgNkMxMC41IDguNDc1IDguNDc1IDEwLjUgNiAxMC41WiIgZmlsbD0iIzE4MUExQyIvPiA8cGF0aCBkPSJNNiAyLjI1SDUuMjVWNi43NUg5VjZINlYyLjI1WiIgZmlsbD0iIzE4MUExQyIvPiA8L3N2Zz4g"},19624:(t,e,i)=>{"use strict";i.d(e,{J:()=>u,T:()=>l});var n=i(63200),s=i(25964),o=i(88961),r=i(98538),a=i(10767);const l=(0,s.xE)("button"),{host:c,label:d,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let p;const u=(0,n.Zz)((0,o.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...c,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:r.S.cssVarList.fill},labelTextDecoration:{...d,property:"text-decoration"},labelSpacing:{...d,property:"gap"},textAlign:{...d,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),a.G,o.VO,o.tQ)((0,o.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${p}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${u.cssVarList.outlineWidth}) + var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${u.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${u.cssVarList.hostHeight}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${u.cssVarList.hostWidth}) - var(${u.cssVarList.outlineWidth}) - var(${u.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l})),{color:m,fontSize:g}=u.cssVarList;p=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${m});\n\t\ttop: calc(50% - (var(${g}) / 2));\n\t\tleft: calc(50% - (var(${g}) / 2));\n\t\tborder-width: calc(var(${g}) / 10);\n\t\twidth: var(${g});\n\t\theight: var(${g});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"])::part(prefix),\n\t:host([loading="true"])::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767:(t,e,i)=>{"use strict";i.d(e,{G:()=>n});const n=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576:(t,e,i)=>{"use strict";i.r(e),i.d(e,{ButtonClass:()=>n.J,componentName:()=>n.T});var n=i(19624);i(83799),customElements.define(n.T,n.J)},98538:(t,e,i)=>{"use strict";i.d(e,{S:()=>d,T:()=>l});var n=i(88961),s=i(72270),o=i(63200),r=i(25964),a=i(31004);const l=(0,r.xE)("icon");class c extends((0,s.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return["src"]}#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,r.fz)("\n\t\t\t:host > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  ",this)}init(){super.init?.(),this.toggleVisibility(this.src)}toggleVisibility(t){this.style.display=t?"":"none"}get src(){return this.getAttribute("src")}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach((t=>{t.setAttribute("fill",`var(${d.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)}))}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&"src"===t&&(this.toggleVisibility(i),(0,a.w)(this.src).then((t=>{if(this.innerHTML="",t){const e=t.cloneNode(!0);this.updateFillColor(e),this.appendChild(e)}})))}}const d=(0,o.Zz)((0,n.RF)({mappings:{fill:{}}}),n.VO,n.tQ)(c)},31004:(t,e,i)=>{"use strict";i.d(e,{w:()=>o});var n=i(25414);const s=t=>{const e=n.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0}});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},o=async t=>{try{let e;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const i=atob(t.slice(26));e=s(i)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const i=await fetch(t),n=await i.text();e=s(n)}else e=(t=>{const e=document.createElement("img");return e.setAttribute("src",t),e})(t);return e.style.setProperty("max-width","100%"),e.style.setProperty("max-height","100%"),e}catch{return null}}},56737:(t,e,i)=>{"use strict";i.r(e),i.d(e,{IconClass:()=>n.S,componentName:()=>n.T});var n=i(98538);customElements.define(n.T,n.S)},60096:(t,e,i)=>{"use strict";i.r(e),i.d(e,{TimerButtonClass:()=>m,componentName:()=>a});var n=i(88961),s=i(72270),o=i(63200),r=i(25964);const a=(0,r.xE)("timer-button"),l=["button-variant","button-mode","size","text-align","full-width"],c={"button-variant":"variant","button-mode":"mode"},d=["timer-seconds","timer-hide-icon","size","text-align","full-width"],h={"timer-seconds":"seconds","timer-hide-icon":"hide-icon"},p=(0,s.qu)({componentName:a,baseSelector:":host > div"}),{host:u}={host:{selector:()=>":host"},icon:{selector:".icon"},timer:{selector:".timer"}},m=(0,o.Zz)((0,n.RF)({mappings:{gap:{},flexDirection:{},hostWidth:{...u,property:"width"},hostDirection:{...u,property:"direction"}}}),n.VO,n.tQ)(class extends p{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <descope-timer class="timer"></descope-timer>\n        <descope-button class="button">\n          <slot></slot>\n        </descope-button>\n      </div>\n\t\t',(0,r.fz)("\n      :host {\n        display: inline-flex;\n      }\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5em;\n        align-items: center;\n        width: 100%;\n      }\n      .timer {\n        flex: 1;\n      }\n    ",this),this.timer=this.shadowRoot.querySelector(".timer"),this.button=this.shadowRoot.querySelector(".button"),this.timer.addEventListener("timer-started",(()=>this.onTimerStarted())),this.timer.addEventListener("timer-ended",(()=>this.onTimerEnded())),this.button.addEventListener("click",this.onClick.bind(this))}init(){super.init?.(),(0,r.EA)(this,this.button,{includeAttrs:l,mapAttrs:c}),(0,r.EA)(this,this.timer,{includeAttrs:d,mapAttrs:h})}onTimerStarted(){this.toggleButtonDisable(!0)}onTimerEnded(){this.toggleButtonDisable(!1)}onClick(){this.timer.reset()}toggleButtonDisable(t){t?this.button.setAttribute("disabled","true"):this.button.removeAttribute("disabled")}});i(30576),i(15887),customElements.define(a,m)},15887:(t,e,i)=>{"use strict";i.r(e),i.d(e,{TimerClass:()=>y,componentName:()=>h});var n=i(88961),s=i(72270),o=i(63200),r=i(25964),a=i(44006),l=i.n(a),c=i(98538);const d=(t,e=2)=>String(t).padStart(e,"0"),h=(0,r.xE)("timer"),p=["seconds","hide-icon"],u=(0,s.qu)({componentName:h,baseSelector:":host > .wrapper"}),{host:m,icon:g,timer:b}={host:{selector:()=>":host"},icon:{selector:".icon"},timer:{selector:".timer"}},y=(0,o.Zz)((0,n.RF)({mappings:{backgroundColor:{},fontSize:[{},{...g}],iconSize:[{...g,property:"width"},{...g,property:"height"}],fontFamily:{},fontWeight:{...b},lineHeight:{property:"min-height"},textColor:{...b,property:"color"},gap:{},textAlign:{property:"justify-content"},hostWidth:{...m,property:"width"},hostDirection:{...m,property:"direction"},iconColor:{...g,property:c.S.cssVarList.fill}}}),n.VO,n.tQ)(class extends u{#e=0;#i;static get observedAttributes(){return p.concat(u.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="wrapper">\n        <descope-icon src=${l()} class="icon"></descope-icon>\n        <div class="timer"></div>\n      </div>\n\t\t`,(0,r.fz)("\n      :host {\n        display: inline-flex;\n        user-select: none;\n        -webkit-user-select: none;\n      }\n      .wrapper {\n        display: flex;\n        align-items: center;\n        flex-direction: row;\n        width: 100%;\n      }\n      .hidden {\n        display: none;\n      }\n    ",this),this.icon=this.shadowRoot.querySelector(".icon"),this.timer=this.shadowRoot.querySelector(".timer")}get seconds(){const t=this.getAttribute("seconds"),e=1e3*parseInt(t||0,10);return Math.max(0,e)}init(){super.init?.(),this.#e=this.seconds}start(){this.dispatchEvent(new CustomEvent("timer-started",{bubbles:!0})),this.startInterval()}startInterval(){const t=()=>{this.#n(this.#e),this.#e?this.#s():this.stop()};t(),this.#e&&(this.#i=setInterval(t,1e3))}#s(){this.#e=Math.max(this.#e-1e3,0)}reset(){this.#e=this.seconds,this.start()}stop(){this.pause(),this.#e=0,this.#n(this.#e),this.dispatchEvent(new CustomEvent("timer-ended",{bubbles:!0}))}pause(){clearInterval(this.#i)}resume(){this.startInterval()}#n(t){this.timer.textContent=((t=0)=>{const e=Math.floor(t/1e3),i=Math.floor(e/3600),n=Math.floor(e%3600/60),s=e%60;return[...i?[d(i)]:[],d(n),d(s)].join(":")})(t)}#o(t){this.icon.classList.toggle("hidden","true"===t)}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),i!==e&&("seconds"===t&&this.reset(),"hide-icon"===t&&this.#o(i))}});i(56737),customElements.define(h,y)}}]);
+(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[743,2250,6724],{44006:t=>{t.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDEwMSAxMDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik01MC4zMzM0IDAuMzMzMjUyQzIyLjgzMzQgMC4zMzMyNTIgMC4zMzMzNzQgMjIuODMzMyAwLjMzMzM3NCA1MC4zMzMzQzAuMzMzMzc0IDc3LjgzMzMgMjIuODMzNCAxMDAuMzMzIDUwLjMzMzQgMTAwLjMzM0M3Ny44MzM0IDEwMC4zMzMgMTAwLjMzMyA3Ny44MzMzIDEwMC4zMzMgNTAuMzMzM0MxMDAuMzMzIDIyLjgzMzMgNzcuODMzNCAwLjMzMzI1MiA1MC4zMzM0IDAuMzMzMjUyWk01MC4zMzM0IDg3LjgzMzNDMjkuNzA4NCA4Ny44MzMzIDEyLjgzMzQgNzAuOTU4MyAxMi44MzM0IDUwLjMzMzNDMTIuODMzNCAyOS43MDgzIDI5LjcwODQgMTIuODMzMyA1MC4zMzM0IDEyLjgzMzNDNzAuOTU4NCAxMi44MzMzIDg3LjgzMzQgMjkuNzA4MyA4Ny44MzM0IDUwLjMzMzNDODcuODMzNCA3MC45NTgzIDcwLjk1ODQgODcuODMzMyA1MC4zMzM0IDg3LjgzMzNaIiBmaWxsPSIjMTgxQTFDIi8+IDxwYXRoIGQ9Ik01MC4zMzI4IDE5LjA4MzNINDQuMDgyOFY1Ni41ODMySDc1LjMzMjhWNTAuMzMzMkg1MC4zMzI4VjE5LjA4MzNaIiBmaWxsPSIjMTgxQTFDIi8+IDwvc3ZnPiA="},19624:(t,e,i)=>{"use strict";i.d(e,{J:()=>p,T:()=>l});var n=i(63200),s=i(25964),r=i(88961),o=i(98538),a=i(10767);const l=(0,s.xE)("button"),{host:d,label:c,slottedIcon:h}={host:{selector:()=>":host"},label:{selector:"::part(label)"},slottedIcon:{selector:()=>"::slotted(descope-icon)"}};let u;const p=(0,n.Zz)((0,r.RF)({mappings:{hostWidth:{property:"width"},hostHeight:{property:"height"},hostDirection:{...d,property:"direction"},fontSize:{},fontFamily:{},cursor:{},backgroundColor:{},outlineOffset:{},outlineColor:{},outlineStyle:{},outlineWidth:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-right",fallback:"0.875em"},{property:"padding-left",fallback:"0.875em"}],labelTextColor:{property:"color"},iconColor:{selector:()=>"::slotted(*)",property:o.S.cssVarList.fill},labelTextDecoration:{...c,property:"text-decoration"},labelSpacing:{...c,property:"gap"},textAlign:{...c,property:"justify-content",fallback:"center"},iconSize:[{...h,property:"width"},{...h,property:"height"}]}}),a.G,r.VO,r.tQ)((0,r.tz)({slots:["","prefix","label","suffix"],wrappedEleName:"vaadin-button",style:()=>`\n\t\t\t\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n\n\t\t\t\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n\n\t\t\t${u}\n\t\t\tvaadin-button::part(label) { pointer-events: none; }\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${p.cssVarList.outlineWidth}) + var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width="true"]) {\n        width: var(${p.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${p.cssVarList.hostHeight}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square="true"]:not([full-width="true"]) {\n\t\t\t\twidth: calc(var(${p.cssVarList.hostWidth}) - var(${p.cssVarList.outlineWidth}) - var(${p.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,excludeAttrsSync:["tabindex"],componentName:l})),{color:m,fontSize:M}=p.cssVarList;u=`\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading="true"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${m});\n\t\ttop: calc(50% - (var(${M}) / 2));\n\t\tleft: calc(50% - (var(${M}) / 2));\n\t\tborder-width: calc(var(${M}) / 10);\n\t\twidth: var(${M});\n\t\theight: var(${M});\n\t}\n\t:host([disabled="true"]),\n\t:host([loading="true"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading="true"])::part(prefix),\n\t:host([loading="true"])::part(label) {\n\t\tvisibility: hidden;\n\t}\n`},10767:(t,e,i)=>{"use strict";i.d(e,{G:()=>n});const n=t=>class extends t{get isLoading(){return"true"===this.getAttribute("loading")}click(){this.isLoading||super.click()}}},30576:(t,e,i)=>{"use strict";i.r(e),i.d(e,{ButtonClass:()=>n.J,componentName:()=>n.T});var n=i(19624);i(83799),customElements.define(n.T,n.J)},98538:(t,e,i)=>{"use strict";i.d(e,{S:()=>c,T:()=>l});var n=i(88961),s=i(72270),r=i(63200),o=i(25964),a=i(31004);const l=(0,o.xE)("icon");class d extends((0,s.qu)({componentName:l,baseSelector:"slot"})){static get observedAttributes(){return["src"]}#t;constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<slot></slot>\n\t",(0,o.fz)("\n\t\t\t:host > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  ",this)}init(){super.init?.(),this.toggleVisibility(this.src)}toggleVisibility(t){this.style.display=t?"":"none"}get src(){return this.getAttribute("src")}updateFillColor(t){[t,...t.querySelectorAll("*[fill]")].forEach((t=>{t.setAttribute("fill",`var(${c.cssVarList.fill}, ${t.getAttribute("fill")||"''"})`)}))}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),e!==i&&"src"===t&&(this.toggleVisibility(i),(0,a.w)(this.src).then((t=>{if(this.innerHTML="",t){const e=t.cloneNode(!0);this.updateFillColor(e),this.appendChild(e)}})))}}const c=(0,r.Zz)((0,n.RF)({mappings:{fill:{}}}),n.VO,n.tQ)(d)},31004:(t,e,i)=>{"use strict";i.d(e,{w:()=>r});var n=i(25414);const s=t=>{const e=n.A.sanitize(t,{USE_PROFILES:{svg:!0,svgFilters:!0}});return(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg")},r=async t=>{try{let e;if((t=>t.startsWith("data:image/svg+xml;base64,"))(t)){const i=atob(t.slice(26));e=s(i)}else if("svg"===(t=>{const e=t.match(/\.([0-9a-z]+)(?:[\\?#]|$)/i);return e?e[1]:null})(t)){const i=await fetch(t),n=await i.text();e=s(n)}else e=(t=>{const e=document.createElement("img");return e.setAttribute("src",t),e})(t);return e.style.setProperty("max-width","100%"),e.style.setProperty("max-height","100%"),e}catch{return null}}},56737:(t,e,i)=>{"use strict";i.r(e),i.d(e,{IconClass:()=>n.S,componentName:()=>n.T});var n=i(98538);customElements.define(n.T,n.S)},60096:(t,e,i)=>{"use strict";i.r(e),i.d(e,{TimerButtonClass:()=>m,componentName:()=>a});var n=i(88961),s=i(72270),r=i(63200),o=i(25964);const a=(0,o.xE)("timer-button"),l=["button-variant","button-mode","size","text-align","full-width"],d={"button-variant":"variant","button-mode":"mode"},c=["timer-seconds","timer-hide-icon","timer-paused","size","text-align","full-width"],h={"timer-seconds":"seconds","timer-hide-icon":"hide-icon","timer-paused":"paused"},u=(0,s.qu)({componentName:a,baseSelector:":host > div"}),{host:p}={host:{selector:()=>":host"},icon:{selector:".icon"},timer:{selector:".timer"}},m=(0,r.Zz)((0,n.RF)({mappings:{gap:{},flexDirection:{},hostWidth:{...p,property:"width"},hostDirection:{...p,property:"direction"}}}),n.VO,n.tQ)(class extends u{constructor(){super(),this.attachShadow({mode:"open"}).innerHTML='\n      <div class="wrapper">\n        <descope-timer class="timer"></descope-timer>\n        <descope-button class="button" disabled="true">\n          <slot></slot>\n        </descope-button>\n      </div>\n\t\t',(0,o.fz)("\n      :host {\n        display: inline-flex;\n      }\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5em;\n        align-items: center;\n        width: 100%;\n      }\n      .timer {\n        flex: 1;\n      }\n    ",this),this.timer=this.shadowRoot.querySelector(".timer"),this.button=this.shadowRoot.querySelector(".button"),this.timer.addEventListener("timer-started",(()=>this.onTimerStarted())),this.timer.addEventListener("timer-ended",(()=>this.onTimerEnded())),this.button.addEventListener("click",this.onClick.bind(this))}init(){super.init?.(),(0,o.EA)(this,this.button,{includeAttrs:l,mapAttrs:d}),(0,o.EA)(this,this.timer,{includeAttrs:c,mapAttrs:h}),this.button.shadowRoot.querySelector("vaadin-button").setAttribute("disabled","true")}onTimerStarted(){this.toggleButtonDisable(!0)}onTimerEnded(){this.toggleButtonDisable(!1)}onClick(){this.timer.reset()}toggleButtonDisable(t){setTimeout((()=>{t?this.button.setAttribute("disabled","true"):this.button.removeAttribute("disabled")}))}});i(30576),i(15887),customElements.define(a,m)},15887:(t,e,i)=>{"use strict";i.r(e),i.d(e,{TimerClass:()=>b,componentName:()=>h});var n=i(88961),s=i(72270),r=i(63200),o=i(25964),a=i(44006),l=i.n(a),d=i(98538);const c=(t,e=2)=>String(t).padStart(e,"0"),h=(0,o.xE)("timer"),u=["seconds","hide-icon","paused"],p=(0,s.qu)({componentName:h,baseSelector:":host > .wrapper"}),{host:m,icon:M,timer:g}={host:{selector:()=>":host"},icon:{selector:()=>".icon"},timer:{selector:()=>".timer"}},b=(0,r.Zz)((0,n.RF)({mappings:{fontSize:{},iconSize:[{...M,property:"width"},{...M,property:"height"}],fontFamily:{},minHeight:{},fontWeight:{...g},lineHeight:{...g},textColor:{...g,property:"color"},gap:{},textAlign:{property:"justify-content"},hostWidth:{...m,property:"width"},hostDirection:{...m,property:"direction"},iconColor:{...M,property:d.S.cssVarList.fill}}}),n.VO,n.tQ)(class extends p{#e=0;#i;static get observedAttributes(){return u.concat(p.observedAttributes||[])}constructor(){super(),this.attachShadow({mode:"open"}).innerHTML=`\n      <div class="wrapper">\n        <descope-icon src=${l()} class="icon"></descope-icon>\n        <div class="timer"></div>\n      </div>\n\t\t`,(0,o.fz)("\n      :host {\n        display: inline-flex;\n        user-select: none;\n        -webkit-user-select: none;\n      }\n      .wrapper {\n        display: flex;\n        align-items: center;\n        flex-direction: row;\n        width: 100%;\n      }\n      .hidden {\n        display: none;\n      }\n    ",this),this.icon=this.shadowRoot.querySelector(".icon"),this.timer=this.shadowRoot.querySelector(".timer")}get seconds(){const t=this.getAttribute("seconds"),e=1e3*parseInt(t||0,10);return Math.max(0,e)}get isPaused(){return"true"===this.getAttribute("paused")}init(){super.init?.(),this.#e=this.seconds}startInterval(){this.#e?this.#i=setInterval((()=>{this.#n(),this.#e||this.stop(),this.#s(this.#e)}),1e3):this.stop()}stopInterval(){clearInterval(this.#i)}#n(){this.#e=this.#e-1e3}reset(){this.#e=this.seconds,this.#s(this.#e),this.isPaused||(this.dispatchEvent(new CustomEvent("timer-started",{bubbles:!0})),this.startInterval())}stop(){this.stopInterval(),this.#e=0,this.#s(this.#e),this.dispatchEvent(new CustomEvent("timer-ended",{bubbles:!0}))}pause(){this.setAttribute("paused","true"),this.stopInterval()}resume(){this.removeAttribute("paused"),this.startInterval()}#s(t){this.timer.textContent=((t=0)=>{const e=Math.floor(t/1e3),i=Math.floor(e/3600),n=Math.floor(e%3600/60),s=e%60;return[...i?[c(i)]:[],c(n),c(s)].join(":")})(t)}#r(t){this.icon.classList.toggle("hidden","true"===t)}#o(t){setTimeout((()=>{t?this.pause():this.#i||this.resume()}))}attributeChangedCallback(t,e,i){super.attributeChangedCallback?.(t,e,i),i!==e&&("seconds"===t&&this.reset(),"hide-icon"===t&&this.#r(i),"paused"===t&&this.#o("true"===i))}});i(56737),customElements.define(h,b)}}]);
 //# sourceMappingURL=descope-timer-button.js.map

package/dist/umd/descope-timer-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-timer-button.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-timer/src/component/clock.svg","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-timer-button/src/component/TimerButtonClass.js","webpack://@descope/web-components-ui/../components/descope-timer-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/TimerClass.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gPHBhdGggZD0iTTYgMEMyLjcgMCAwIDIuNyAwIDZDMCA5LjMgMi43IDEyIDYgMTJDOS4zIDEyIDEyIDkuMyAxMiA2QzEyIDIuNyA5LjMgMCA2IDBaTTYgMTAuNUMzLjUyNSAxMC41IDEuNSA4LjQ3NSAxLjUgNkMxLjUgMy41MjUgMy41MjUgMS41IDYgMS41QzguNDc1IDEuNSAxMC41IDMuNTI1IDEwLjUgNkMxMC41IDguNDc1IDguNDc1IDEwLjUgNiAxMC41WiIgZmlsbD0iIzE4MUExQyIvPiA8cGF0aCBkPSJNNiAyLjI1SDUuMjVWNi43NUg5VjZINlYyLjI1WiIgZmlsbD0iIzE4MUExQyIvPiA8L3N2Zz4g\"","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n\n      cursor: {},\n      backgroundColor: {},\n\n      outlineOffset: {},\n      outlineColor: {},\n      outlineStyle: {},\n      outlineWidth: {},\n\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n      horizontalPadding: [\n        { property: 'padding-right', fallback: '0.875em' },\n        { property: 'padding-left', fallback: '0.875em' },\n      ],\n\n      labelTextColor: { property: 'color' },\n      iconColor: {\n        selector: () => `::slotted(*)`,\n        property: IconClass.cssVarList.fill,\n      },\n      labelTextDecoration: { ...label, property: 'text-decoration' },\n      labelSpacing: { ...label, property: 'gap' },\n      textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n      iconSize: [\n        { ...slottedIcon, property: 'width' },\n        { ...slottedIcon, property: 'height' },\n      ],\n    },\n  }),\n  clickableMixin,\n  draggableMixin,\n  componentNameValidationMixin\n)(\n  createProxy({\n    slots: ['', 'prefix', 'label', 'suffix'],\n    wrappedEleName: 'vaadin-button',\n    style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width=\"true\"]) {\n        width: var(${ButtonClass.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"])::part(prefix),\n\t:host([loading=\"true\"])::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n  class ClickableMixinClass extends superclass {\n    get isLoading() {\n      return this.getAttribute('loading') === 'true';\n    }\n\n    click() {\n      this.isLoading || super.click();\n    }\n  };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","/* eslint-disable no-use-before-define */\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from  '@descope-ui/common/components-helpers';\nimport { createIcon } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('icon');\n\nclass RawIcon extends createBaseClass({ componentName, baseSelector: 'slot' }) {\n  static get observedAttributes() {\n    return ['src'];\n  }\n\n  #icon;\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n    injectStyle(\n      `\n\t\t\t:host > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  `,\n      this\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.src);\n  }\n\n  toggleVisibility(isVisible) {\n    this.style.display = isVisible ? '' : 'none';\n  }\n\n  get src() {\n    return this.getAttribute('src');\n  }\n\n  // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n  // with the value from the `st-fill` attribute\n  // eslint-disable-next-line class-methods-use-this\n  updateFillColor(node) {\n    // set fill to root node and all its relevant selectors\n    const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n    elementsToReplace.forEach((ele) => {\n      ele.setAttribute(\n        'fill',\n        `var(${IconClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`\n      );\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (attrName === 'src') {\n      this.toggleVisibility(newValue);\n\n      createIcon(this.src).then((res) => {\n        this.innerHTML = '';\n        if (res) {\n          const clonedNode = res.cloneNode(true);\n          this.updateFillColor(clonedNode);\n          this.appendChild(clonedNode);\n        }\n      });\n    }\n  }\n}\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawIcon);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n  const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n  return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\n  return ele;\n};\n\nconst createSvgEle = (text) => {\n  // we want to purify the SVG to avoid XSS attacks\n  const clean = DOMPurify.sanitize(text, { USE_PROFILES: { svg: true, svgFilters: true } });\n\n  const parser = new DOMParser();\n  const ele = parser.parseFromString(clean, 'image/svg+xml').querySelector('svg');\n  return ele;\n};\n\nexport const createIcon = async (src) => {\n  try {\n    let ele;\n    if (isBase64Svg(src)) {\n      // handle base64 source\n      const svgXml = atob(src.slice(base64Prefix.length));\n      ele = createSvgEle(svgXml);\n    } else if (getFileExtension(src) === 'svg') {\n      // handle urls\n      const fetchedSrc = await fetch(src);\n      const text = await fetchedSrc.text();\n      ele = createSvgEle(text);\n    } else {\n      // handle binary\n      ele = createImgEle(src);\n    }\n\n    ele.style.setProperty('max-width', '100%');\n    ele.style.setProperty('max-height', '100%');\n\n    return ele;\n  } catch {\n    return null;\n  }\n};\n","import { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('timer-button');\n\nconst buttonAttrs = [\n  'button-variant',\n  'button-mode',\n  'size',\n  'text-align',\n  'full-width',\n];\n\nconst mapButtonAttrs = {\n  'button-variant': 'variant',\n  'button-mode': 'mode',\n};\n\nconst timerAttrs = [\n  'timer-seconds',\n  'timer-hide-icon',\n  'size',\n  'text-align',\n  'full-width',\n];\n\nconst mapTimerAttrs = {\n  'timer-seconds': 'seconds',\n  'timer-hide-icon': 'hide-icon',\n};\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: ':host > div',\n});\n\nclass RawTimerButton extends BaseClass {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <descope-timer class=\"timer\"></descope-timer>\n        <descope-button class=\"button\">\n          <slot></slot>\n        </descope-button>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5em;\n        align-items: center;\n        width: 100%;\n      }\n      .timer {\n        flex: 1;\n      }\n    `,\n      this,\n    );\n\n    this.timer = this.shadowRoot.querySelector('.timer');\n    this.button = this.shadowRoot.querySelector('.button');\n\n    this.timer.addEventListener('timer-started', () => this.onTimerStarted());\n    this.timer.addEventListener('timer-ended', () => this.onTimerEnded());\n\n    this.button.addEventListener('click', this.onClick.bind(this));\n  }\n\n  init() {\n    super.init?.();\n\n    forwardAttrs(this, this.button, {\n      includeAttrs: buttonAttrs,\n      mapAttrs: mapButtonAttrs,\n    });\n\n    forwardAttrs(this, this.timer, {\n      includeAttrs: timerAttrs,\n      mapAttrs: mapTimerAttrs,\n    });\n  }\n\n  onTimerStarted() {\n    this.toggleButtonDisable(true);\n  }\n\n  onTimerEnded() {\n    this.toggleButtonDisable(false);\n  }\n\n  onClick() {\n    this.timer.reset();\n  }\n\n  toggleButtonDisable(isDisabled) {\n    isDisabled\n      ? this.button.setAttribute('disabled', 'true')\n      : this.button.removeAttribute('disabled');\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' },\n  icon: { selector: '.icon' },\n  timer: { selector: '.timer' },\n};\n\nexport const TimerButtonClass = compose(\n  createStyleMixin({\n    mappings: {\n      gap: {},\n      flexDirection: {},\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawTimerButton);\n","import { componentName, TimerButtonClass } from './TimerButtonClass';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-timer';\n\ncustomElements.define(componentName, TimerButtonClass);\n\nexport { TimerButtonClass, componentName };\n","const fmt = (val, pad = 2) => String(val).padStart(pad, '0');\n\nexport const formatTime = (ms = 0) => {\n  const totalSeconds = Math.floor(ms / 1000);\n\n  const secondsInMinute = 60;\n  const secondsInHour = secondsInMinute * 60;\n\n  const hours = Math.floor(totalSeconds / secondsInHour);\n  const minutes = Math.floor((totalSeconds % secondsInHour) / secondsInMinute);\n  const seconds = totalSeconds % secondsInMinute;\n\n  const timeParts = [...(hours ? [fmt(hours)] : []), fmt(minutes), fmt(seconds)];\n\n  return timeParts.join(':');\n};\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport clockIcon from './clock.svg';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { formatTime } from './helpers';\n\nexport const componentName = getComponentName('timer');\n\nconst observedAttributes = ['seconds', 'hide-icon'];\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: ':host > .wrapper',\n});\n\nconst DEFAULT_INTERVAL = 1000;\n\nclass RawTimer extends BaseClass {\n  #timeRemains = 0;\n\n  #intervalId;\n\n  static get observedAttributes() {\n    return observedAttributes.concat(BaseClass.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <descope-icon src=${clockIcon} class=\"icon\"></descope-icon>\n        <div class=\"timer\"></div>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        user-select: none;\n        -webkit-user-select: none;\n      }\n      .wrapper {\n        display: flex;\n        align-items: center;\n        flex-direction: row;\n        width: 100%;\n      }\n      .hidden {\n        display: none;\n      }\n    `,\n      this,\n    );\n\n    this.icon = this.shadowRoot.querySelector('.icon');\n    this.timer = this.shadowRoot.querySelector('.timer');\n  }\n\n  get seconds() {\n    const val = this.getAttribute('seconds');\n    const secs = parseInt(val || 0, 10) * 1000;\n    return Math.max(0, secs);\n  }\n\n  init() {\n    super.init?.();\n\n    this.#timeRemains = this.seconds;\n  }\n\n  start() {\n    this.dispatchEvent(new CustomEvent('timer-started', { bubbles: true }));\n\n    this.startInterval();\n  }\n\n  startInterval() {    \n    const intervalCycle = () => {\n      this.#updateDisplay(this.#timeRemains);\n\n      if (!this.#timeRemains) {\n        this.stop();\n      } else {\n        this.#decreaseInterval();\n      }\n    }\n\n    intervalCycle();\n\n    if (this.#timeRemains) {\n      this.#intervalId = setInterval(intervalCycle, DEFAULT_INTERVAL);\n    }\n  }\n\n  #decreaseInterval() {\n    this.#timeRemains = Math.max(this.#timeRemains - DEFAULT_INTERVAL, 0);\n  }\n\n  reset() {\n    this.#timeRemains = this.seconds;\n    this.start();\n  }\n\n  stop() {\n    this.pause();\n    this.#timeRemains = 0;\n    this.#updateDisplay(this.#timeRemains);\n    this.dispatchEvent(new CustomEvent('timer-ended', { bubbles: true }));\n  }\n\n  pause() {\n    clearInterval(this.#intervalId);\n  }\n\n  resume() {\n    this.startInterval();\n  }\n\n  #updateDisplay(val) {\n    this.timer.textContent = formatTime(val);\n  }\n\n  #toggleIcon(val) {\n    this.icon.classList.toggle('hidden', val === 'true');\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (newValue !== oldValue) {\n      if (attrName === 'seconds') {\n        this.reset();\n      }\n      if (attrName === 'hide-icon') {\n        this.#toggleIcon(newValue);\n      }\n    }\n  }\n}\n\nconst { host, icon, timer } = {\n  host: { selector: () => ':host' },\n  icon: { selector: '.icon' },\n  timer: { selector: '.timer' },\n};\n\nexport const TimerClass = compose(\n  createStyleMixin({\n    mappings: {\n      backgroundColor: {},\n      fontSize: [{}, { ...icon }],\n      iconSize: [\n        { ...icon, property: 'width' },\n        { ...icon, property: 'height' },\n      ],\n      fontFamily: {},\n      fontWeight: { ...timer },\n      lineHeight: { property: 'min-height' },\n      textColor: { ...timer, property: 'color' },\n      gap: {},\n      textAlign: { property: 'justify-content' },\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      iconColor: { ...icon, property: IconClass.cssVarList.fill },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawTimer);\n","import { componentName, TimerClass } from './TimerClass';\nimport '@descope-ui/descope-icon';\n\ncustomElements.define(componentName, TimerClass);\n\nexport { TimerClass, componentName };\n"],"names":["module","exports","componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","mappings","hostWidth","property","hostHeight","hostDirection","fontSize","fontFamily","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","RawIcon","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","init","toggleVisibility","src","isVisible","display","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","IconClass","attributeChangedCallback","attrName","oldValue","newValue","then","res","clonedNode","cloneNode","appendChild","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","DOMParser","parseFromString","querySelector","createIcon","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","buttonAttrs","mapButtonAttrs","timerAttrs","mapTimerAttrs","BaseClass","icon","timer","TimerButtonClass","gap","flexDirection","shadowRoot","button","addEventListener","onTimerStarted","onTimerEnded","onClick","bind","includeAttrs","mapAttrs","toggleButtonDisable","reset","isDisabled","removeAttribute","fmt","val","pad","String","padStart","TimerClass","fontWeight","lineHeight","textColor","concat","seconds","secs","parseInt","Math","max","start","dispatchEvent","CustomEvent","bubbles","startInterval","intervalCycle","stop","setInterval","pause","clearInterval","resume","textContent","ms","totalSeconds","floor","hours","secondsInMinute","minutes","join","formatTime","classList","toggle"],"sourceRoot":""}
+{"version":3,"file":"descope-timer-button.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-timer/src/component/clock.svg","webpack://@descope/web-components-ui/../components/descope-button/src/component/ButtonClass.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/clickableMixin.js","webpack://@descope/web-components-ui/../components/descope-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/IconClass.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-icon/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-timer-button/src/component/TimerButtonClass.js","webpack://@descope/web-components-ui/../components/descope-timer-button/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/helpers.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/TimerClass.js","webpack://@descope/web-components-ui/../components/descope-timer/src/component/index.js"],"sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgdmlld0JveD0iMCAwIDEwMSAxMDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik01MC4zMzM0IDAuMzMzMjUyQzIyLjgzMzQgMC4zMzMyNTIgMC4zMzMzNzQgMjIuODMzMyAwLjMzMzM3NCA1MC4zMzMzQzAuMzMzMzc0IDc3LjgzMzMgMjIuODMzNCAxMDAuMzMzIDUwLjMzMzQgMTAwLjMzM0M3Ny44MzM0IDEwMC4zMzMgMTAwLjMzMyA3Ny44MzMzIDEwMC4zMzMgNTAuMzMzM0MxMDAuMzMzIDIyLjgzMzMgNzcuODMzNCAwLjMzMzI1MiA1MC4zMzM0IDAuMzMzMjUyWk01MC4zMzM0IDg3LjgzMzNDMjkuNzA4NCA4Ny44MzMzIDEyLjgzMzQgNzAuOTU4MyAxMi44MzM0IDUwLjMzMzNDMTIuODMzNCAyOS43MDgzIDI5LjcwODQgMTIuODMzMyA1MC4zMzM0IDEyLjgzMzNDNzAuOTU4NCAxMi44MzMzIDg3LjgzMzQgMjkuNzA4MyA4Ny44MzM0IDUwLjMzMzNDODcuODMzNCA3MC45NTgzIDcwLjk1ODQgODcuODMzMyA1MC4zMzM0IDg3LjgzMzNaIiBmaWxsPSIjMTgxQTFDIi8+IDxwYXRoIGQ9Ik01MC4zMzI4IDE5LjA4MzNINDQuMDgyOFY1Ni41ODMySDc1LjMzMjhWNTAuMzMzMkg1MC4zMzI4VjE5LjA4MzNaIiBmaWxsPSIjMTgxQTFDIi8+IDwvc3ZnPiA=\"","import { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { clickableMixin } from './clickableMixin';\n\nexport const componentName = getComponentName('button');\n\nconst resetStyles = `\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\t}\n\tvaadin-button::before,\n\tvaadin-button::after {\n\t\topacity: 0;\n\t}\n\tvaadin-button {\n\t\tmargin: 0;\n\t\tmin-width: 0;\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tbox-shadow: none;\n\t}\n\tvaadin-button::part(label) {\n\t\tpadding: 0;\n    width: 100%;\n\t}\n\tvaadin-button::part(prefix) {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t}\n`;\n\nconst iconStyles = `\n\tvaadin-button::part(prefix),\n\tvaadin-button::part(label) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n`;\n\nconst editorOverrides = `vaadin-button::part(label) { pointer-events: none; }`;\n\nconst { host, label, slottedIcon } = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  slottedIcon: { selector: () => '::slotted(descope-icon)' },\n};\n\nlet loadingIndicatorStyles;\n\nexport const ButtonClass = compose(\n  createStyleMixin({\n    mappings: {\n      hostWidth: { property: 'width' },\n      hostHeight: { property: 'height' },\n      hostDirection: { ...host, property: 'direction' },\n      fontSize: {},\n      fontFamily: {},\n\n      cursor: {},\n      backgroundColor: {},\n\n      outlineOffset: {},\n      outlineColor: {},\n      outlineStyle: {},\n      outlineWidth: {},\n\n      borderRadius: {},\n      borderColor: {},\n      borderStyle: {},\n      borderWidth: {},\n\n      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],\n      horizontalPadding: [\n        { property: 'padding-right', fallback: '0.875em' },\n        { property: 'padding-left', fallback: '0.875em' },\n      ],\n\n      labelTextColor: { property: 'color' },\n      iconColor: {\n        selector: () => `::slotted(*)`,\n        property: IconClass.cssVarList.fill,\n      },\n      labelTextDecoration: { ...label, property: 'text-decoration' },\n      labelSpacing: { ...label, property: 'gap' },\n      textAlign: { ...label, property: 'justify-content', fallback: 'center' },\n\n      iconSize: [\n        { ...slottedIcon, property: 'width' },\n        { ...slottedIcon, property: 'height' },\n      ],\n    },\n  }),\n  clickableMixin,\n  draggableMixin,\n  componentNameValidationMixin\n)(\n  createProxy({\n    slots: ['', 'prefix', 'label', 'suffix'],\n    wrappedEleName: 'vaadin-button',\n    style: () => `\n\t\t\t${resetStyles}\n\t\t\t${iconStyles}\n\t\t\t${loadingIndicatorStyles}\n\t\t\t${editorOverrides}\n\t\t\t:host {\n\t\t\t\tpadding: calc(var(${ButtonClass.cssVarList.outlineWidth}) + var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n      :host([full-width=\"true\"]) {\n        width: var(${ButtonClass.cssVarList.hostWidth});\n      }\n\t\t\tvaadin-button {\n\t\t\t\theight: calc(var(${ButtonClass.cssVarList.hostHeight}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n\t\t\t}\n\t\t\t[square=\"true\"]:not([full-width=\"true\"]) {\n\t\t\t\twidth: calc(var(${ButtonClass.cssVarList.hostWidth}) - var(${ButtonClass.cssVarList.outlineWidth}) - var(${ButtonClass.cssVarList.outlineOffset}));\n        padding: 0;\n\t\t\t}\n\t\t`,\n    excludeAttrsSync: ['tabindex'],\n    componentName,\n  })\n);\n\nconst { color, fontSize } = ButtonClass.cssVarList;\nloadingIndicatorStyles = `\n\t@keyframes spin {\n\t\t0% { -webkit-transform: rotate(0deg); }\n\t\t100% { -webkit-transform: rotate(360deg); }\n\t}\n\t:host([loading=\"true\"]) ::before {\n\t\tanimation: spin 2s linear infinite;\n\t\tposition: absolute;\n\t\tcontent: '';\n\t\tz-index: 1;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 50%;\n\t\tborder-bottom-color: transparent;\n\t\tborder-left-color: transparent;\n\t\tborder-style: solid;\n\t\tcolor: var(${color});\n\t\ttop: calc(50% - (var(${fontSize}) / 2));\n\t\tleft: calc(50% - (var(${fontSize}) / 2));\n\t\tborder-width: calc(var(${fontSize}) / 10);\n\t\twidth: var(${fontSize});\n\t\theight: var(${fontSize});\n\t}\n\t:host([disabled=\"true\"]),\n\t:host([loading=\"true\"]) {\n\t\tpointer-events: none;\n\t}\n\t:host([loading=\"true\"])::part(prefix),\n\t:host([loading=\"true\"])::part(label) {\n\t\tvisibility: hidden;\n\t}\n`;\n","export const clickableMixin = (superclass) =>\n  class ClickableMixinClass extends superclass {\n    get isLoading() {\n      return this.getAttribute('loading') === 'true';\n    }\n\n    click() {\n      this.isLoading || super.click();\n    }\n  };\n","import { componentName, ButtonClass } from './ButtonClass';\nimport '@vaadin/button';\n\ncustomElements.define(componentName, ButtonClass);\n\nexport { ButtonClass, componentName };\n","/* eslint-disable no-use-before-define */\nimport { createStyleMixin, draggableMixin, componentNameValidationMixin } from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from  '@descope-ui/common/components-helpers';\nimport { createIcon } from './helpers';\nimport { injectStyle } from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('icon');\n\nclass RawIcon extends createBaseClass({ componentName, baseSelector: 'slot' }) {\n  static get observedAttributes() {\n    return ['src'];\n  }\n\n  #icon;\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n\t\t<slot></slot>\n\t`;\n\n    injectStyle(\n      `\n\t\t\t:host > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n  `,\n      this\n    );\n  }\n\n  init() {\n    super.init?.();\n    this.toggleVisibility(this.src);\n  }\n\n  toggleVisibility(isVisible) {\n    this.style.display = isVisible ? '' : 'none';\n  }\n\n  get src() {\n    return this.getAttribute('src');\n  }\n\n  // in order to fill an SVG with `currentColor` override all of its `fill` and `path` nodes\n  // with the value from the `st-fill` attribute\n  // eslint-disable-next-line class-methods-use-this\n  updateFillColor(node) {\n    // set fill to root node and all its relevant selectors\n    const elementsToReplace = [node, ...node.querySelectorAll('*[fill]')];\n\n    elementsToReplace.forEach((ele) => {\n      ele.setAttribute(\n        'fill',\n        `var(${IconClass.cssVarList.fill}, ${ele.getAttribute('fill') || \"''\"})`\n      );\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue === newValue) return;\n\n    if (attrName === 'src') {\n      this.toggleVisibility(newValue);\n\n      createIcon(this.src).then((res) => {\n        this.innerHTML = '';\n        if (res) {\n          const clonedNode = res.cloneNode(true);\n          this.updateFillColor(clonedNode);\n          this.appendChild(clonedNode);\n        }\n      });\n    }\n  }\n}\n\nexport const IconClass = compose(\n  createStyleMixin({\n    mappings: {\n      fill: {},\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawIcon);\n","import DOMPurify from 'dompurify';\n\nconst getFileExtension = (path) => {\n  const match = path.match(/\\.([0-9a-z]+)(?:[\\\\?#]|$)/i);\n  return match ? match[1] : null;\n};\n\nconst base64Prefix = 'data:image/svg+xml;base64,';\n\nconst isBase64Svg = (src) => src.startsWith(base64Prefix);\n\nconst createImgEle = (src) => {\n  const ele = document.createElement('img');\n  ele.setAttribute('src', src);\n  return ele;\n};\n\nconst createSvgEle = (text) => {\n  // we want to purify the SVG to avoid XSS attacks\n  const clean = DOMPurify.sanitize(text, { USE_PROFILES: { svg: true, svgFilters: true } });\n\n  const parser = new DOMParser();\n  const ele = parser.parseFromString(clean, 'image/svg+xml').querySelector('svg');\n  return ele;\n};\n\nexport const createIcon = async (src) => {\n  try {\n    let ele;\n    if (isBase64Svg(src)) {\n      // handle base64 source\n      const svgXml = atob(src.slice(base64Prefix.length));\n      ele = createSvgEle(svgXml);\n    } else if (getFileExtension(src) === 'svg') {\n      // handle urls\n      const fetchedSrc = await fetch(src);\n      const text = await fetchedSrc.text();\n      ele = createSvgEle(text);\n    } else {\n      // handle binary\n      ele = createImgEle(src);\n    }\n\n    ele.style.setProperty('max-width', '100%');\n    ele.style.setProperty('max-height', '100%');\n\n    return ele;\n  } catch {\n    return null;\n  }\n};\n","import { componentName, IconClass } from './IconClass';\n\ncustomElements.define(componentName, IconClass);\n\nexport { IconClass, componentName };\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  forwardAttrs,\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\n\nexport const componentName = getComponentName('timer-button');\n\nconst buttonAttrs = [\n  'button-variant',\n  'button-mode',\n  'size',\n  'text-align',\n  'full-width',\n];\n\nconst mapButtonAttrs = {\n  'button-variant': 'variant',\n  'button-mode': 'mode',\n};\n\nconst timerAttrs = [\n  'timer-seconds',\n  'timer-hide-icon',\n  'timer-paused',\n  'size',\n  'text-align',\n  'full-width',\n];\n\nconst mapTimerAttrs = {\n  'timer-seconds': 'seconds',\n  'timer-hide-icon': 'hide-icon',\n  'timer-paused': 'paused',\n};\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: ':host > div',\n});\n\nclass RawTimerButton extends BaseClass {\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <descope-timer class=\"timer\"></descope-timer>\n        <descope-button class=\"button\" disabled=\"true\">\n          <slot></slot>\n        </descope-button>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n      }\n      .wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 0.5em;\n        align-items: center;\n        width: 100%;\n      }\n      .timer {\n        flex: 1;\n      }\n    `,\n      this,\n    );\n\n    this.timer = this.shadowRoot.querySelector('.timer');\n    this.button = this.shadowRoot.querySelector('.button');\n\n    this.timer.addEventListener('timer-started', () => this.onTimerStarted());\n    this.timer.addEventListener('timer-ended', () => this.onTimerEnded());\n\n    this.button.addEventListener('click', this.onClick.bind(this));\n  }\n\n  init() {\n    super.init?.();\n\n    forwardAttrs(this, this.button, {\n      includeAttrs: buttonAttrs,\n      mapAttrs: mapButtonAttrs,\n    });\n\n    forwardAttrs(this, this.timer, {\n      includeAttrs: timerAttrs,\n      mapAttrs: mapTimerAttrs,\n    });\n\n    // When we sync attributes, the `disabled` attribute is being compared to the attribute\n    // on Vaadin component; since the Vaadin component has no `disabled` attribute, we sync\n    // that back to our component.\n    // This is pending a more generic fix in the way we sync attibutes.\n    this.button.shadowRoot\n      .querySelector('vaadin-button')\n      .setAttribute('disabled', 'true');\n  }\n\n  onTimerStarted() {\n    this.toggleButtonDisable(true);\n  }\n\n  onTimerEnded() {\n    this.toggleButtonDisable(false);\n  }\n\n  onClick() {\n    this.timer.reset();\n  }\n\n  toggleButtonDisable(isDisabled) {\n    setTimeout(() => {\n      isDisabled\n        ? this.button.setAttribute('disabled', 'true')\n        : this.button.removeAttribute('disabled');\n    });\n  }\n}\n\nconst { host } = {\n  host: { selector: () => ':host' },\n  icon: { selector: '.icon' },\n  timer: { selector: '.timer' },\n};\n\nexport const TimerButtonClass = compose(\n  createStyleMixin({\n    mappings: {\n      gap: {},\n      flexDirection: {},\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawTimerButton);\n","import { componentName, TimerButtonClass } from './TimerButtonClass';\nimport '@descope-ui/descope-button';\nimport '@descope-ui/descope-timer';\n\ncustomElements.define(componentName, TimerButtonClass);\n\nexport { TimerButtonClass, componentName };\n","const fmt = (val, pad = 2) => String(val).padStart(pad, '0');\n\nexport const formatTime = (ms = 0) => {\n  const totalSeconds = Math.floor(ms / 1000);\n\n  const secondsInMinute = 60;\n  const secondsInHour = secondsInMinute * 60;\n\n  const hours = Math.floor(totalSeconds / secondsInHour);\n  const minutes = Math.floor((totalSeconds % secondsInHour) / secondsInMinute);\n  const seconds = totalSeconds % secondsInMinute;\n\n  const timeParts = [...(hours ? [fmt(hours)] : []), fmt(minutes), fmt(seconds)];\n\n  return timeParts.join(':');\n};\n","import {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { createBaseClass } from '@descope-ui/common/base-classes';\nimport { compose } from '@descope-ui/common/utils';\nimport {\n  getComponentName,\n  injectStyle,\n} from '@descope-ui/common/components-helpers';\nimport clockIcon from './clock.svg';\nimport { IconClass } from '@descope-ui/descope-icon/class';\nimport { formatTime } from './helpers';\n\nexport const componentName = getComponentName('timer');\n\nconst observedAttributes = ['seconds', 'hide-icon', 'paused'];\n\nconst BaseClass = createBaseClass({\n  componentName,\n  baseSelector: ':host > .wrapper',\n});\n\nconst DEFAULT_INTERVAL = 1000;\n\nclass RawTimer extends BaseClass {\n  #timeRemains = 0;\n\n  #intervalId;\n\n  static get observedAttributes() {\n    return observedAttributes.concat(BaseClass.observedAttributes || []);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n      <div class=\"wrapper\">\n        <descope-icon src=${clockIcon} class=\"icon\"></descope-icon>\n        <div class=\"timer\"></div>\n      </div>\n\t\t`;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-flex;\n        user-select: none;\n        -webkit-user-select: none;\n      }\n      .wrapper {\n        display: flex;\n        align-items: center;\n        flex-direction: row;\n        width: 100%;\n      }\n      .hidden {\n        display: none;\n      }\n    `,\n      this,\n    );\n\n    this.icon = this.shadowRoot.querySelector('.icon');\n    this.timer = this.shadowRoot.querySelector('.timer');\n  }\n\n  get seconds() {\n    const val = this.getAttribute('seconds');\n    const secs = parseInt(val || 0, 10) * 1000;\n    return Math.max(0, secs);\n  }\n\n  // we use `pause` attribute for allowing preview mode by executing `pause`\n  get isPaused() {\n    return this.getAttribute('paused') === 'true';\n  }\n\n  init() {\n    super.init?.();\n\n    this.#timeRemains = this.seconds;\n  }\n\n  startInterval() {\n    const intervalCycle = () => {\n      this.#decreaseInterval();\n      if (!this.#timeRemains) this.stop();\n      this.#updateDisplay(this.#timeRemains);\n    };\n\n    if (this.#timeRemains) {\n      this.#intervalId = setInterval(intervalCycle, DEFAULT_INTERVAL);\n    } else {\n      this.stop();\n    }\n  }\n\n  stopInterval() {\n    clearInterval(this.#intervalId);\n  }\n\n  #decreaseInterval() {\n    this.#timeRemains = this.#timeRemains - DEFAULT_INTERVAL;\n  }\n\n  reset() {\n    this.#timeRemains = this.seconds;\n    this.#updateDisplay(this.#timeRemains);\n\n    if (this.isPaused) return;\n\n    this.dispatchEvent(new CustomEvent('timer-started', { bubbles: true }));\n    this.startInterval();\n  }\n\n  stop() {\n    this.stopInterval();\n    this.#timeRemains = 0;\n    this.#updateDisplay(this.#timeRemains);\n    this.dispatchEvent(new CustomEvent('timer-ended', { bubbles: true }));\n  }\n\n  pause() {\n    this.setAttribute('paused', 'true');\n    this.stopInterval();\n  }\n\n  resume() {\n    this.removeAttribute('paused');\n    this.startInterval();\n  }\n\n  #updateDisplay(val) {\n    this.timer.textContent = formatTime(val);\n  }\n\n  #toggleIcon(val) {\n    this.icon.classList.toggle('hidden', val === 'true');\n  }\n\n  #handlePause(paused) {\n    setTimeout(() => {\n      if (paused) {\n        this.pause();\n      } else {\n        // we want to prevent a another interval from starting in case previous interval was not yet cleared\n        if (!this.#intervalId) {\n          this.resume();\n        }\n      }\n    });\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (newValue !== oldValue) {\n      if (attrName === 'seconds') {\n        this.reset();\n      }\n      if (attrName === 'hide-icon') {\n        this.#toggleIcon(newValue);\n      }\n      if (attrName === 'paused') {\n        this.#handlePause(newValue === 'true');\n      }\n    }\n  }\n}\n\nconst { host, icon, timer } = {\n  host: { selector: () => ':host' },\n  icon: { selector: () => '.icon' },\n  timer: { selector: () => '.timer' },\n};\n\nexport const TimerClass = compose(\n  createStyleMixin({\n    mappings: {\n      fontSize: {},\n      iconSize: [\n        { ...icon, property: 'width' },\n        { ...icon, property: 'height' },\n      ],\n      fontFamily: {},\n      minHeight: {},\n      fontWeight: { ...timer },\n      lineHeight: { ...timer },\n      textColor: { ...timer, property: 'color' },\n      gap: {},\n      textAlign: { property: 'justify-content' },\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      iconColor: { ...icon, property: IconClass.cssVarList.fill },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin,\n)(RawTimer);\n","import { componentName, TimerClass } from './TimerClass';\nimport '@descope-ui/descope-icon';\n\ncustomElements.define(componentName, TimerClass);\n\nexport { TimerClass, componentName };\n"],"names":["module","exports","componentName","host","label","slottedIcon","selector","loadingIndicatorStyles","ButtonClass","mappings","hostWidth","property","hostHeight","hostDirection","fontSize","fontFamily","cursor","backgroundColor","outlineOffset","outlineColor","outlineStyle","outlineWidth","borderRadius","borderColor","borderStyle","borderWidth","verticalPadding","horizontalPadding","fallback","labelTextColor","iconColor","cssVarList","fill","labelTextDecoration","labelSpacing","textAlign","iconSize","slots","wrappedEleName","style","excludeAttrsSync","color","clickableMixin","superclass","isLoading","this","getAttribute","click","super","customElements","define","RawIcon","baseSelector","observedAttributes","constructor","attachShadow","mode","innerHTML","init","toggleVisibility","src","isVisible","display","updateFillColor","node","querySelectorAll","forEach","ele","setAttribute","IconClass","attributeChangedCallback","attrName","oldValue","newValue","then","res","clonedNode","cloneNode","appendChild","createSvgEle","text","clean","sanitize","USE_PROFILES","svg","svgFilters","DOMParser","parseFromString","querySelector","createIcon","async","startsWith","isBase64Svg","svgXml","atob","slice","base64Prefix","path","match","getFileExtension","fetchedSrc","fetch","document","createElement","createImgEle","setProperty","buttonAttrs","mapButtonAttrs","timerAttrs","mapTimerAttrs","BaseClass","icon","timer","TimerButtonClass","gap","flexDirection","shadowRoot","button","addEventListener","onTimerStarted","onTimerEnded","onClick","bind","includeAttrs","mapAttrs","toggleButtonDisable","reset","isDisabled","setTimeout","removeAttribute","fmt","val","pad","String","padStart","TimerClass","minHeight","fontWeight","lineHeight","textColor","concat","seconds","secs","parseInt","Math","max","isPaused","startInterval","setInterval","stop","stopInterval","clearInterval","dispatchEvent","CustomEvent","bubbles","pause","resume","textContent","ms","totalSeconds","floor","hours","secondsInMinute","minutes","join","formatTime","classList","toggle","paused"],"sourceRoot":""}