@descope/web-components-ui 3.12.0 → 3.13.0

package/dist/umd/descope-date-field-index-js.js.map

@@ -1 +1 @@
-{"version":3,"file":"descope-date-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/./src/components/descope-date-field/DateCounterClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/DateFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/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"],"sourcesContent":["// DateCounterClass allows us to add several counters to the input, and use them seperately.\n// For examele, we have a DayCounter, MonthCounter and YearCounter, which can each separately navigate\n// between different ranges.\nexport class DateCounter {\n  #data = Object.freeze([]);\n\n  constructor({ id, min, max, placeholder }, onChange) {\n    this.id = id;\n    this.min = min;\n    this.max = max;\n    this.placeholder = placeholder;\n    this.onChange = onChange;\n  }\n\n  get data() {\n    return this.#data;\n  }\n\n  set data(val) {\n    this.#data = Object.freeze(val);\n    this.onChange?.();\n  }\n\n  get #initialNumValue() {\n    return this.data.length ? this.numberValue : 0;\n  }\n\n  get numberValue() {\n    return Number(this.stringValue);\n  }\n\n  get stringValue() {\n    return (this.data.join('') || this.placeholder).padStart(this.length, '0');\n  }\n\n  get isFull() {\n    return this.numberValue * 10 > this.max || this.data.length === this.length;\n  }\n\n  get isEmpty() {\n    return this.stringValue === this.placeholder;\n  }\n\n  get length() {\n    return this.max.toString().length;\n  }\n\n  set(val) {\n    this.data = val.toString().split('');\n  }\n\n  add(num) {\n    // use local var to avoid triggering onChange\n    let { data } = this;\n\n    data = [...data, num];\n\n    // we need to re-evaluate the number value\n    const numVal = Number(data.join(''));\n\n    if (numVal > this.max) {\n      data = [num];\n    } else if (this.length < data.length) {\n      data = data.slice(1, data.length);\n    }\n\n    this.data = data;\n\n    return num;\n  }\n\n  del() {\n    if (!this.data.filter((d) => d !== '0').filter(Boolean).length) {\n      this.data = [];\n    } else {\n      this.data = this.data.slice(0, this.data.length - 1);\n    }\n  }\n\n  clear() {\n    this.data = [];\n  }\n\n  inc(gap) {\n    this.replaceValue(\n      this.#initialNumValue < this.max\n        ? Math.max(this.#initialNumValue + (gap || 1), this.min)\n        : this.min\n    );\n  }\n\n  dec(gap) {\n    this.replaceValue(\n      this.#initialNumValue > this.min\n        ? Math.min(this.#initialNumValue - (gap || 1), this.max)\n        : this.max\n    );\n  }\n\n  isInRange(val) {\n    return val >= this.min && val <= this.max;\n  }\n\n  replaceValue(val) {\n    if (this.isInRange(val)) {\n      this.data = val.toString().padStart(this.length, 0).split('');\n    }\n  }\n\n  setMin(val) {\n    this.min = Number(val);\n  }\n\n  setMax(val) {\n    this.max = Number(val);\n  }\n}\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  portalMixin,\n} from '../../mixins';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { compose } from '../../helpers';\nimport {\n  isValidEpoch,\n  formatEpoch,\n  isNumber,\n  getCurrentTime,\n  overrideConstructedStylesheet,\n  dateToEpoch,\n  parseDateString,\n} from './helpers';\nimport { formats } from './formats';\nimport { calendarIcon } from './icons';\nimport {\n  counterConfig,\n  DEFAULT_FORMAT,\n  DIVIDER,\n  MOBILE_DEVICE_INTERACTION_TIMEOUT_MS,\n  NATIVE_FORMAT,\n  valRange,\n} from './consts';\nimport { DateCounter } from './DateCounterClass';\nimport { TextFieldClass } from '../descope-text-field/TextFieldClass';\nimport { newDate } from './date-utils';\n\nexport const componentName = getComponentName('date-field');\n\n// we set baseSelector to `vaadin-popover` as a temporary hack, so our portalMixin will\n// be able to process this component's overlay. The whole process needs refactoring as soon as possible.\nconst BASE_SELECTOR = 'vaadin-popover';\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: BASE_SELECTOR });\n\nconst dateFieldAttrs = [\n  'format',\n  'opened',\n  'initial-value',\n  'readonly',\n  'disable-calendar',\n  'utc-time',\n];\nconst calendarAttrs = ['years-range', 'calendar-months', 'calendar-weekdays'];\nconst observedAttrs = [...dateFieldAttrs, ...calendarAttrs];\n\nclass RawDateFieldClass extends BaseInputClass {\n  epoch = '';\n\n  format = DEFAULT_FORMAT;\n\n  selectedCounterIdx = 0;\n\n  updateCountersDisplay() {\n    this.inputElement.value = this.countersValue;\n  }\n\n  updateValue() {\n    if (this.isCountersOutOfRange) {\n      this.resetEpoch();\n    } else {\n      const date = formats[this.format].getDate(this.inputElement.value);\n      this.updateEpoch(dateToEpoch(date, this.isUtcTime));\n    }\n  }\n\n  onDateCounterChange = () => {\n    this.updateCountersDisplay();\n    this.updateValue();\n    // update validity\n    this.#dispatchInput();\n  };\n\n  updateEpoch(epoch) {\n    this.epoch = dateToEpoch(epoch, this.isUtcTime);\n  }\n\n  dateCounters = [\n    new DateCounter(counterConfig.MONTH, this.onDateCounterChange.bind(this)),\n    new DateCounter(counterConfig.DAY, this.onDateCounterChange.bind(this)),\n    new DateCounter(counterConfig.YEAR, this.onDateCounterChange.bind(this)),\n  ];\n\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], observedAttrs);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div>\n      <descope-text-field inputmode=\"numeric\">\n        <span slot=\"suffix\" class=\"toggle-calendar\">\n          ${calendarIcon}\n        </span>\n      </descope-text-field>\n      <vaadin-popover></vaadin-popover>\n    </div>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        box-sizing: border-box;\n        user-select: none;\n        max-width: 100%;\n      }\n\n      :host ::slotted {\n        padding: 0;\n      }\n\n      .toggle-calendar {\n        cursor: pointer;\n        display: flex;\n        align-self: center;\n        z-index: 1;\n        height: 100%;\n        align-items: center;\n      }\n\n      :host([readonly=\"true\"]) .toggle-calendar {\n        pointer-events: none;\n      }\n\n      .hidden {\n        display: none;\n      }\n        `,\n      this\n    );\n\n    this.inputElement = this.shadowRoot.querySelector('descope-text-field');\n    this.popoverToggleButton = this.inputElement.querySelector('.toggle-calendar');\n  }\n\n  get validationTarget() {\n    return this.inputElement;\n  }\n\n  get opened() {\n    return this.getAttribute('opened') === 'true';\n  }\n\n  // returns the input's value as a epoch\n  get displayValueEpoch() {\n    const date = formats[this.format].getDate(this.inputElement.value);\n\n    if (!isValidEpoch(date?.getTime())) {\n      return null;\n    }\n\n    return date.getTime();\n  }\n\n  get sortedCounters() {\n    return this.format\n      .split(DIVIDER)\n      .map((placeholder) => this.dateCounters.find((dc) => dc.placeholder === placeholder));\n  }\n\n  get activeCounter() {\n    return this.sortedCounters[this.selectedCounterIdx];\n  }\n\n  get countersValue() {\n    return this.sortedCounters.map((dc) => dc.stringValue).join(DIVIDER);\n  }\n\n  get overlay() {\n    return this.baseElement.shadowRoot?.querySelector('vaadin-popover-overlay');\n  }\n\n  get backdrop() {\n    return this.overlay.shadowRoot?.querySelector('#backdrop');\n  }\n\n  get calendar() {\n    return this.overlay?.querySelector('descope-calendar');\n  }\n\n  get isRTL() {\n    const computedStyleDirection = getComputedStyle(this.baseElement).getPropertyValue('direction');\n\n    if (computedStyleDirection) {\n      return computedStyleDirection === 'rtl';\n    }\n\n    // Fallback: If for some reason computed style was not calculated in time, fallback to check on attribute\n    return this.getAttribute('st-host-direction') === 'rtl';\n  }\n\n  get value() {\n    if (this.isInvalidDate()) {\n      return '';\n    }\n    return this.epoch;\n  }\n\n  set value(val) {\n    const value = parseInt(val, 10);\n    if (!Number.isNaN(value)) {\n      this.updateEpoch(value);\n      this.updateDateCounters(new Date(value));\n    } else {\n      this.resetEpoch();\n      this.resetDateCounters();\n      this.clearInputEle();\n    }\n  }\n\n  resetEpoch() {\n    this.epoch = '';\n  }\n\n  get isCountersEmpty() {\n    return this.dateCounters.every((dc) => dc.isEmpty);\n  }\n\n  get isCountersOutOfRange() {\n    return this.dateCounters.some((dc) => !dc.isInRange(dc.numberValue));\n  }\n\n  get disableCalendar() {\n    return this.getAttribute('disable-calendar') === 'true';\n  }\n\n  get isUtcTime() {\n    return this.getAttribute('utc-time') === 'true';\n  }\n\n  get isSelectAll() {\n    const inputEle = this.inputElement.baseElement.inputElement;\n    return inputEle.value.length === inputEle.selectionStart + inputEle.selectionEnd;\n  }\n\n  reportValidity() {\n    this.inputElement.reportValidity();\n  }\n\n  #dispatchInput() {\n    this.inputElement.baseElement.dispatchEvent(new Event('input', { bubbles: true }));\n  }\n\n  updateInputDisplay() {\n    this.inputElement.value = formatEpoch(newDate(this.countersValue).getTime(), this.format);\n  }\n\n  init() {\n    super.init?.();\n\n    this.updateFormatPattern();\n    this.initPopover();\n    this.onDateCounterChange();\n    this.initInputElement();\n\n    setTimeout(() => {\n      this.#overrideOverlaySettings();\n    }, 0);\n  }\n\n  initInputElement() {\n    this.inputElement.getValidity = this.getValidity.bind(this);\n    this.inputElement.baseElement.checkValidity = this.checkValidity.bind(this);\n\n    this.popoverToggleButton.addEventListener('click', this.onPopoverToggle.bind(this));\n\n    this.inputElement.addEventListener('focus', this.onFocus.bind(this));\n    this.inputElement.addEventListener('blur', this.onBlur.bind(this));\n    this.inputElement.addEventListener('click', this.handleMouseCaretPositionChange.bind(this));\n    this.inputElement.addEventListener('keydown', this.handleKeyboard.bind(this));\n    this.inputElement.addEventListener('beforeinput', this.handleInput.bind(this));\n    this.inputElement.addEventListener('pointerdown', this.onPointerDown.bind(this));\n    this.inputElement.addEventListener('paste', this.onPaste.bind(this));\n\n    forwardAttrs(this, this.inputElement, {\n      includeAttrs: [\n        'label',\n        'label-type',\n        'placeholder',\n        'disabled',\n        'readonly',\n        'bordered',\n        'required',\n        'full-width',\n        'st-host-direction',\n        'pattern',\n        'bordered',\n        'data-errormessage-value-missing',\n        'data-errormessage-pattern-mismatch',\n        'data-errormessage-range-underflow',\n        'data-errormessage-range-overflow',\n        'st-error-message-icon',\n        'st-error-message-icon-size',\n        'st-error-message-icon-padding',\n      ],\n    });\n  }\n\n  handleInput(e) {\n    e.preventDefault();\n\n    this.handleSelectAll();\n\n    if (e.data && isNumber(e.data)) {\n      this.parseDigits(e.data);\n      this.updateCountersDisplay();\n    } else if (e.inputType) {\n      this.handleNavKeys(e);\n    }\n  }\n\n  initPopover() {\n    this.baseElement.trigger = ['click'];\n    this.baseElement.withBackdrop = true;\n    this.baseElement.renderer = this.#popoverRenderer.bind(this);\n\n    // block popover events from focusing/blurring the text-field\n    this.baseElement.addEventListener('click', (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n    });\n  }\n\n  handleSelectAll() {\n    if (this.isSelectAll) {\n      this.selectFirstCounter();\n    }\n  }\n\n  #popoverPosStylesheet;\n\n  #popoverRenderer(root) {\n    // popoverRenderer should run only once, when the popover is first rendering.\n    if (!root.firstChild) {\n      this.overlay.positionTarget = this.shadowRoot.querySelector('.toggle-calendar');\n\n      root.appendChild(this.#getPopoverContent());\n\n      // override vaadin's constructed stylesheet which hides the host element\n      overrideConstructedStylesheet(this.baseElement);\n\n      this.backdrop.addEventListener('click', this.closePopover.bind(this));\n    }\n\n    // Hide overlay before adjusting position to prevent flickering\n    root.style.setProperty('visibility', 'hidden');\n\n    // Wait until overlay is ready\n    setTimeout(() => {\n      this.#adjustPopoverPosition(root);\n\n      // Show adjusted overlay\n      root.style.setProperty('visibility', 'visible');\n      this.updateCalendarView(root);\n    }, 100);\n  }\n\n  #adjustPopoverPosition() {\n    const popover = this.shadowRoot.querySelector('vaadin-popover').shadowRoot;\n\n    // Reset any previous transform so getBoundingClientRect measures the natural position\n    this.#popoverPosStylesheet?.replaceSync(\n      `vaadin-popover-overlay::part(overlay) { transform: none; }`\n    );\n\n    const windowRect = document.body.getBoundingClientRect();\n    const inputRect = this.getBoundingClientRect();\n    const calendarRect = this.calendar.getBoundingClientRect();\n\n    const side = this.isRTL ? 'right' : 'left';\n    const offset = inputRect[side] - calendarRect[side];\n    const availableLeft = calendarRect.left;\n    const availableRight = windowRect.width - calendarRect.right;\n\n    let newOffset;\n    if (offset > 0) {\n      newOffset = Math.min(offset, availableRight);\n    } else {\n      newOffset = Math.min(Math.abs(offset), availableLeft) * -1;\n    }\n\n    const css = `\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${newOffset}px);\n      }\n    `;\n\n    if (this.#popoverPosStylesheet) {\n      this.#popoverPosStylesheet.replaceSync(css);\n    } else {\n      this.#popoverPosStylesheet = injectStyle(css, popover);\n    }\n  }\n\n  #getPopoverContent() {\n    const ele = document.createElement('span');\n\n    ele.innerHTML = `<descope-calendar></descope-calendar>`;\n\n    const calendar = ele.querySelector('descope-calendar');\n\n    calendar.addEventListener('date-submit', this.onCalendarSubmit.bind(this));\n    calendar.addEventListener('cancel', this.closePopover.bind(this));\n\n    return ele;\n  }\n\n  // the default vaadin behavior is to attach the overlay to the body when opened\n  // we do not want that because it's difficult to style the overlay in this way\n  // so we override it to open inside the shadow DOM\n  #overrideOverlaySettings() {\n    this.overlay._attachOverlay = () => this.overlay.bringToFront();\n    this.overlay._detachOverlay = () => {};\n    this.overlay._enterModalState = () => {};\n  }\n\n  onPopoverToggle() {\n    this.opened ? this.closePopover() : this.openPopover();\n  }\n\n  openPopover() {\n    if (this.disableCalendar) return;\n    this.setAttribute('opened', 'true');\n  }\n\n  closePopover() {\n    this.removeAttribute('opened');\n    this.inputElement.focus();\n  }\n\n  getCounterById(id) {\n    return this.dateCounters.find((dc) => dc.id === id);\n  }\n\n  onCalendarSubmit() {\n    if (!this.isReadOnly) {\n      if (!this.calendar.value) return;\n\n      const calendarDate = newDate(this.calendar.value);\n\n      this.value = dateToEpoch(calendarDate, this.isUtcTime);\n\n      this.getCounterById('year').replaceValue(calendarDate.getFullYear());\n      this.getCounterById('month').replaceValue(calendarDate.getMonth() + 1);\n      this.getCounterById('day').replaceValue(calendarDate.getDate());\n\n      this.#dispatchInput();\n    }\n\n    this.closePopover();\n  }\n\n  updateCalendarView() {\n    const validInputVal =\n      isValidEpoch(newDate(this.inputElement.value || '').getTime()) &&\n      formats[this.format].validate(this.inputElement.value);\n\n    if (this.displayValueEpoch || validInputVal) {\n      this.calendar.setAttribute(\n        'initial-value',\n        formatEpoch(this.displayValueEpoch || this.epoch, NATIVE_FORMAT)\n      );\n    } else {\n      this.calendar.clearValue();\n      this.calendar.setAttribute('preview', formatEpoch(getCurrentTime(), NATIVE_FORMAT));\n    }\n\n    forwardAttrs(this, this.calendar, {\n      includeAttrs: [\n        'st-host-direction',\n        'readonly',\n        'initial-month',\n        'initial-year',\n        'years-range',\n        'calendar-label-submit',\n        'calendar-label-cancel',\n        'calendar-months',\n        'calendar-weekdays',\n        'calendar-weekdays-short',\n      ],\n    });\n  }\n\n  // In mobile devices, there are cases were `pointerdown` is triggered\n  // instead of `click`.\n  onPointerDown(e) {\n    setTimeout(() => this.handleMouseCaretPositionChange(e), MOBILE_DEVICE_INTERACTION_TIMEOUT_MS);\n  }\n\n  onFocus() {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    // We need to wait for focus to end before we set selection\n    setTimeout(() => this.resetDisplay());\n  }\n\n  resetDisplay() {\n    if (!this.inputElement.value) {\n      this.inputElement.value = this.format;\n    }\n\n    // On focus select the first counter\n    this.selectFirstCounter();\n    // set selection on first counter\n    this.inputElement.setSelectionRange(0, this.sortedCounters[0].length);\n  }\n\n  onBlur() {\n    if (this.opened) {\n      return;\n    }\n\n    if (this.inputElement.value === this.format) {\n      this.clearInputEle();\n    }\n  }\n\n  clearInputEle() {\n    this.inputElement.value = '';\n  }\n\n  onFormatUpdate(format) {\n    if (Object.keys(formats).includes(format)) {\n      this.format = format;\n      this.updateFormatPattern();\n    }\n  }\n\n  updateFormatPattern() {\n    const format = this.getAttribute('format') || this.format || DEFAULT_FORMAT;\n    this.setAttribute('type', 'date');\n    this.setAttribute('pattern', formats[format].pattern);\n  }\n\n  parseDigits(value) {\n    this.activeCounter.add(value);\n\n    if (this.activeCounter.isFull) {\n      this.selectNextCounter();\n    }\n\n    // We wait for the digit to be parsed, and only then set the selection.\n    // Failing to do so results in unexpected \"jump\" of the screen in mobile devices.\n    this.setInputSelectionRange();\n  }\n\n  getCounterIdx(caretPos) {\n    const [counter1ln, counter2ln] = this.sortedCounters.map((dc) => dc.length);\n\n    const c1 = caretPos <= counter1ln;\n    const c2 = caretPos >= counter1ln && caretPos <= counter1ln + counter2ln + 1;\n    const c3 = caretPos >= counter1ln + counter2ln + 2;\n\n    return [c1, c2, c3].indexOf(true);\n  }\n\n  setSelectedCounterByCaretPosition(e) {\n    this.selectedCounterIdx = this.getCounterIdx(\n      // if triggered by touch event, target might not include `selectionStart`\n      // in that case we fall back to the inputElement's `selectionStart` value.\n      // Therefore, it is recommended to run this function with setTimeout,\n      // at least for mobile events.\n      e.target?.selectionStart || this.inputElement.selectionStart\n    );\n  }\n\n  selectFirstCounter() {\n    this.selectedCounterIdx = 0;\n  }\n\n  selectNextCounter() {\n    if (this.selectedCounterIdx < this.dateCounters.length) {\n      this.selectedCounterIdx = Math.min(this.selectedCounterIdx + 1, 2);\n    }\n  }\n\n  selectPrevCounter() {\n    if (this.selectedCounterIdx > 0) {\n      this.selectedCounterIdx = Math.min(this.selectedCounterIdx - 1, 1);\n    }\n  }\n\n  // Sets the text selection range in the input element based on the selected counter.\n  // The function calculates the starting position of the selection by summing the lengths\n  // of all counters before the currently selected counter (`selectedCounterIdx`).\n  // It then selects the entire length of the current counter in the input element.\n  setInputSelectionRange() {\n    // For preview/readonly state we don't have a caret or a caretIdx, so we skip setting input selection range\n    if (this.selectedCounterIdx < 0) {\n      return;\n    }\n\n    // We wait for before setting the selection, otherwise there's an\n    // unexpected \"jump\" of the screen in mobile devices.\n    setTimeout(() => {\n      const caretStart = this.sortedCounters\n        .slice(0, this.selectedCounterIdx)\n        .reduce((acc, counter) => acc + counter.length, this.selectedCounterIdx);\n\n      this.inputElement.setSelectionRange(\n        caretStart,\n        caretStart + this.sortedCounters[this.selectedCounterIdx].length\n      );\n    });\n  }\n\n  resetDateCounters() {\n    this.dateCounters.forEach((dc) => dc.clear());\n  }\n\n  // in case value is set from external source we need to update date counters\n  updateDateCounters(date) {\n    this.dateCounters.forEach((dc) => {\n      switch (dc.id) {\n        case counterConfig.MONTH.id:\n          dc.set(this.isUtcTime ? date.getUTCMonth() + 1 : date.getMonth() + 1);\n          break;\n        case counterConfig.YEAR.id:\n          dc.set(this.isUtcTime ? date.getUTCFullYear() : date.getFullYear());\n          break;\n        case counterConfig.DAY.id:\n          dc.set(this.isUtcTime ? date.getUTCDate() : date.getDate());\n          break;\n        default:\n          break;\n      }\n    });\n  }\n\n  handleKeyboard(e) {\n    if (e.metaKey || e.ctrlKey) {\n      if (e.key.toLowerCase() === 'x') {\n        this.onCut(e);\n      }\n\n      return;\n    }\n\n    this.handleSelectAll();\n\n    if (e.key === 'ArrowUp') {\n      this.activeCounter.inc();\n    } else if (e.key === 'ArrowDown') {\n      this.activeCounter.dec();\n    } else if (e.key === 'ArrowRight') {\n      this.selectNextCounter();\n    } else if (e.key === 'ArrowLeft') {\n      this.selectPrevCounter();\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  handleNavKeys(e) {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    if (this.opened) {\n      this.closePopover();\n    }\n\n    if (!this.activeCounter) return;\n\n    if (e.inputType === 'deleteContentBackward') {\n      this.handleBackspace();\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  handleBackspace() {\n    if (this.isSelectAll) {\n      this.resetToInitialState();\n      return;\n    }\n\n    const counter = this.activeCounter;\n\n    if (counter.isEmpty) {\n      this.selectPrevCounter();\n      this.setInputSelectionRange();\n    } else {\n      counter.set('');\n    }\n\n    // To support keyboards like SwiftKey, we need to re-render the counters display and selection,\n    // otherwise we get an unexpected behavior, where the format is deleted.\n    setTimeout(() => {\n      this.updateCountersDisplay();\n      this.setInputSelectionRange();\n    });\n  }\n\n  handleMouseCaretPositionChange(e) {\n    if (this.opened) {\n      return;\n    }\n\n    e.preventDefault();\n\n    this.setSelectedCounterByCaretPosition(e);\n    this.setInputSelectionRange();\n  }\n\n  onInitialValueChange(val) {\n    // if component already has a value don't re-set value\n    if (this.value) return;\n\n    // we need to wait for the text-field to init\n    setTimeout(() => {\n      if (Number.isNaN(parseInt(val, 10))) {\n        return;\n      }\n      this.value = Number(val);\n    });\n  }\n\n  togglePopoverAccess(visibility) {\n    if (visibility) {\n      this.popoverToggleButton.classList.remove('hidden');\n    } else {\n      this.popoverToggleButton.classList.add('hidden');\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue !== newValue) {\n      if (attrName === 'disable-calendar') {\n        this.togglePopoverAccess(newValue !== 'true');\n      }\n      if (dateFieldAttrs.includes(attrName)) {\n        if (newValue && attrName === 'format') {\n          this.onFormatUpdate(newValue);\n        }\n        if (attrName === 'initial-value') {\n          this.onInitialValueChange(newValue);\n        }\n      } else if (calendarAttrs.includes(attrName)) {\n        if (newValue) {\n          this.calendar?.setAttribute(attrName, newValue);\n        } else {\n          this.calendar?.removeAttribute(attrName);\n        }\n      }\n    }\n  }\n\n  // we want to validate the date supplied actually exists. For example: Feb 31 is not an actual date,\n  // but in JS when create a `new Date('1999-02-31') we get March 2nd 1999.\n  // To prevent this error from being submitted, we evaluate the\n  // date parts against their generated Date value.\n  isInvalidDate() {\n    const yearCounter = this.getCounterById('year');\n    const isYearOutOfRange =\n      yearCounter.numberValue > valRange.year.max || yearCounter.numberValue < valRange.year.min;\n\n    const isDateDisplayMismatch = Object.entries(this.getDateVals()).some(([key, val]) => {\n      const counter = this.getCounterById(key);\n      return !val || counter.numberValue !== val;\n    });\n\n    return isYearOutOfRange || isDateDisplayMismatch;\n  }\n\n  getValidity() {\n    if (this.isRequired && this.isCountersEmpty) {\n      return { valueMissing: true };\n    }\n\n    if (this.isCountersOutOfRange || this.isInvalidDate()) {\n      return { patternMismatch: true };\n    }\n\n    return {};\n  }\n\n  getDateVals() {\n    const ret = {\n      day: '',\n      month: '',\n      year: '',\n    };\n\n    if (Number.isNaN(this.epoch)) {\n      return ret;\n    }\n\n    try {\n      const date = new Date(this.epoch);\n\n      if (this.isUtcTime) {\n        ret.month = date.getUTCMonth() + 1;\n        ret.day = date.getUTCDate();\n        ret.year = date.getUTCFullYear();\n      } else {\n        ret.month = date.getMonth() + 1;\n        ret.day = date.getDate();\n        ret.year = date.getFullYear();\n      }\n    } catch (e) {}\n\n    return ret;\n  }\n\n  resetToInitialState() {\n    this.resetDateCounters();\n    this.selectFirstCounter();\n    this.resetDisplay();\n  }\n\n  onCut(e) {\n    e.preventDefault();\n\n    if (this.isSelectAll) {\n      this.#copyToClipboard(this.countersValue);\n      this.resetToInitialState();\n    } else {\n      this.#copyToClipboard(this.activeCounter.stringValue);\n      this.activeCounter.set('');\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  #copyToClipboard(value) {\n    try {\n      navigator.clipboard.writeText(value);\n    } catch (err) {\n      console.error('Failed to copy date value:', err);\n    }\n  }\n\n  onPaste(e) {\n    e.preventDefault();\n\n    const clipboardData = e.clipboardData || window.clipboardData;\n    const pastedData = clipboardData.getData('Text');\n\n    // try paste entire date if valid\n    const validDate = parseDateString(pastedData, this.format);\n\n    if (validDate) {\n      this.value = dateToEpoch(validDate, this.isUtcTime);\n      this.onDateCounterChange();\n\n      // select all\n      setTimeout(() => this.inputElement.setSelectionRange(0, this.inputElement.value.length));\n    } else {\n      const value = Number(pastedData);\n\n      // try paste in counter if possible\n      if (value && this.activeCounter.min <= value && this.activeCounter.max >= value) {\n        // use String to get rid of any zero padding\n        this.activeCounter.set(String(value));\n\n        setTimeout(() => this.setInputSelectionRange());\n      }\n    }\n  }\n}\n\nconst textVars = TextFieldClass.cssVarList;\nconst { host, input, inputEleRTL, toggleButton, overlay, backdrop, errorMessage } = {\n  host: { selector: () => ':host' },\n  input: { selector: () => 'descope-text-field' },\n  inputEleRTL: { selector: () => ':host([st-host-direction=\"rtl\"]) descope-text-field' },\n  toggleButton: { selector: () => '.toggle-calendar' },\n  overlay: { selector: 'vaadin-popover-overlay::part(overlay)' },\n  backdrop: { selector: 'vaadin-popover-overlay::part(backdrop)' },\n};\n\nexport const DateFieldClass = compose(\n  createStyleMixin({ componentNameOverride: getComponentName('input-wrapper') }),\n  createStyleMixin({\n    mappings: {\n      iconMargin: { ...toggleButton, property: 'margin-inline-end' },\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      textAlign: { ...input, property: 'text-align' },\n      rtlInputDirection: { ...inputEleRTL, property: textVars.inputDirection },\n      rtlInputAlignment: { ...inputEleRTL, property: textVars.inputTextAlign },\n      overlayGap: {\n        property: () => DateFieldClass.cssVarList.overlayGap,\n      },\n      overlayBackgroundColor: {\n        property: () => DateFieldClass.cssVarList.overlayBackgroundColor,\n      },\n      overlayPadding: {\n        property: () => DateFieldClass.cssVarList.overlayPadding,\n      },\n      overlayBoxShadow: { property: () => DateFieldClass.overlayBoxShadow },\n      overlayOutlineWidth: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineWidth,\n      },\n      overlayOutlineColor: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineColor,\n      },\n      overlayOutlineStyle: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineStyle,\n      },\n      errorMessageIcon: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIcon,\n      },\n      errorMessageIconSize: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconSize,\n      },\n      errorMessageIconPadding: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconPadding,\n      },\n      errorMessageIconRepeat: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconRepeat,\n      },\n      errorMessageIconPosition: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconPosition,\n      },\n      errorMessageFontSize: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageFontSize,\n      },\n      labelFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.labelFontWeight,\n      },\n      inputValueFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.inputValueFontWeight,\n      },\n      inputPlaceholderFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.inputPlaceholderFontWeight,\n      },\n      helperTextFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.helperTextFontWeight,\n      },\n      errorMessageFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageFontWeight,\n      },\n    },\n  }),\n  portalMixin({\n    name: 'overlay',\n    selector: '',\n    mappings: {\n      marginTop: { ...overlay, property: 'margin-top' },\n      backgroundColor: { ...overlay },\n      backdropBackgroundColor: { ...backdrop, property: 'background-color' },\n      backdropPointerEvents: { ...backdrop, property: 'pointer-events' },\n      padding: { ...overlay },\n      boxShadow: { ...overlay },\n      outlineWidth: { ...overlay },\n      outlineColor: { ...overlay },\n      outlineStyle: { ...overlay },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawDateFieldClass);\n","import '@vaadin/popover/src/vaadin-popover';\nimport './descope-calendar';\nimport '../descope-text-field';\n\nimport { componentName, DateFieldClass } from './DateFieldClass';\n\ncustomElements.define(componentName, DateFieldClass);\n\nexport { DateFieldClass, 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  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    { selector: () => ':host input:placeholder-shown', property: 'font-weight' },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: { ...errorMessage, property: 'padding-inline-start' },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: { ...errorMessage, property: 'background-position' },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n"],"names":["DateCounter","Object","freeze","constructor","id","min","max","placeholder","onChange","this","data","val","length","numberValue","Number","stringValue","join","padStart","isFull","isEmpty","toString","set","split","add","num","slice","del","filter","d","Boolean","clear","inc","gap","replaceValue","Math","dec","isInRange","setMin","setMax","componentName","BaseInputClass","createBaseInputClass","baseSelector","dateFieldAttrs","calendarAttrs","observedAttrs","textVars","TextFieldClass","cssVarList","host","input","inputEleRTL","toggleButton","overlay","backdrop","errorMessage","selector","DateFieldClass","componentNameOverride","mappings","iconMargin","property","hostWidth","hostDirection","textAlign","rtlInputDirection","inputDirection","rtlInputAlignment","inputTextAlign","overlayGap","overlayBackgroundColor","overlayPadding","overlayBoxShadow","overlayOutlineWidth","overlayOutlineColor","overlayOutlineStyle","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","name","marginTop","backgroundColor","backdropBackgroundColor","backdropPointerEvents","padding","boxShadow","outlineWidth","outlineColor","outlineStyle","epoch","format","selectedCounterIdx","updateCountersDisplay","inputElement","value","countersValue","updateValue","isCountersOutOfRange","resetEpoch","date","formats","getDate","updateEpoch","isUtcTime","onDateCounterChange","dateCounters","MONTH","bind","DAY","YEAR","observedAttributes","concat","super","attachShadow","mode","innerHTML","shadowRoot","querySelector","popoverToggleButton","validationTarget","opened","getAttribute","displayValueEpoch","getTime","sortedCounters","map","find","dc","activeCounter","baseElement","calendar","isRTL","computedStyleDirection","getComputedStyle","getPropertyValue","isInvalidDate","parseInt","isNaN","resetDateCounters","clearInputEle","updateDateCounters","Date","isCountersEmpty","every","some","disableCalendar","isSelectAll","inputEle","selectionStart","selectionEnd","reportValidity","dispatchEvent","Event","bubbles","updateInputDisplay","init","updateFormatPattern","initPopover","initInputElement","setTimeout","getValidity","checkValidity","addEventListener","onPopoverToggle","onFocus","onBlur","handleMouseCaretPositionChange","handleKeyboard","handleInput","onPointerDown","onPaste","includeAttrs","e","preventDefault","handleSelectAll","parseDigits","inputType","handleNavKeys","trigger","withBackdrop","renderer","stopPropagation","selectFirstCounter","root","firstChild","positionTarget","appendChild","closePopover","style","setProperty","updateCalendarView","popover","replaceSync","windowRect","document","body","getBoundingClientRect","inputRect","calendarRect","side","offset","availableLeft","left","availableRight","width","right","newOffset","abs","css","ele","createElement","onCalendarSubmit","_attachOverlay","bringToFront","_detachOverlay","_enterModalState","openPopover","setAttribute","removeAttribute","focus","getCounterById","isReadOnly","calendarDate","getFullYear","getMonth","validInputVal","validate","clearValue","resetDisplay","setSelectionRange","onFormatUpdate","keys","includes","pattern","selectNextCounter","setInputSelectionRange","getCounterIdx","caretPos","counter1ln","counter2ln","indexOf","setSelectedCounterByCaretPosition","target","selectPrevCounter","caretStart","reduce","acc","counter","forEach","getUTCMonth","getUTCFullYear","getUTCDate","metaKey","ctrlKey","key","toLowerCase","onCut","handleBackspace","resetToInitialState","onInitialValueChange","togglePopoverAccess","visibility","classList","remove","attributeChangedCallback","attrName","oldValue","newValue","yearCounter","isYearOutOfRange","year","isDateDisplayMismatch","entries","getDateVals","isRequired","valueMissing","patternMismatch","ret","day","month","navigator","clipboard","writeText","err","console","error","pastedData","clipboardData","window","getData","validDate","String","customElements","define","proxyProps","useProxyTargets","superclass","icon","renderCopyToClipboard","shouldRender","iconInitConfig","title","iconCopiedConfig","assign","slot","onLabelClick","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","label","requiredIndicator","inputField","inputMask","helperText","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","fontSize","fontFamily","labelFontSize","labelTextColor","hostMinWidth","inputBackgroundColor","errorMessageTextColor","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity"],"sourceRoot":""}
+{"version":3,"file":"descope-date-field-index-js.js","mappings":"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","sources":["webpack://@descope/web-components-ui/../components/descope-text-field/src/component/TextFieldClass.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/index.js","webpack://@descope/web-components-ui/../components/descope-text-field/src/component/textFieldMappings.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/DateCounterClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/DateFieldClass.js","webpack://@descope/web-components-ui/./src/components/descope-date-field/index.js"],"sourcesContent":["import {\n  createStyleMixin,\n  draggableMixin,\n  createProxy,\n  proxyInputMixin,\n  componentNameValidationMixin,\n} from '@descope-ui/common/components-mixins';\nimport { compose } from '@descope-ui/common/utils';\nimport { getComponentName } from '@descope-ui/common/components-helpers';\nimport {\n  inputFloatingLabelStyle,\n  resetInputLabelPosition,\n  resetInputOverrides,\n  useHostExternalPadding,\n} from '@descope-ui/common/theme-helpers';\nimport textFieldMappings from './textFieldMappings';\n\nexport const componentName = getComponentName('text-field');\n\nconst observedAttrs = ['type', 'label-type', 'copy-to-clipboard'];\n\nconst customMixin = (superclass) =>\n  class TextFieldClass extends superclass {\n    static get observedAttributes() {\n      return observedAttrs.concat(superclass.observedAttributes || []);\n    }\n\n    icon;\n\n    init() {\n      super.init?.();\n    }\n\n    renderCopyToClipboard(shouldRender) {\n      if (!shouldRender) {\n        this.icon?.remove();\n        return;\n      }\n\n      const iconInitConfig = {\n        icon: 'vaadin:copy-o',\n        title: 'Copy',\n        style: 'cursor: pointer',\n      };\n\n      const iconCopiedConfig = {\n        icon: 'vaadin:check-circle-o',\n        title: 'Copied',\n        style: 'cursor: initial',\n      };\n\n      this.icon = Object.assign(document.createElement('vaadin-icon'), {\n        slot: 'suffix',\n        ...iconInitConfig,\n      });\n\n      this.baseElement.appendChild(this.icon);\n      this.icon.addEventListener('click', () => {\n        navigator.clipboard.writeText(this.value);\n        Object.assign(this.icon, iconCopiedConfig);\n\n        // we want the icon to go back to the initial state after 5 seconds\n        setTimeout(() => {\n          Object.assign(this.icon, iconInitConfig);\n        }, 5000);\n      });\n    }\n\n    onLabelClick() {\n      this.focus();\n    }\n\n    attributeChangedCallback(attrName, oldVal, newVal) {\n      super.attributeChangeCallback?.(attrName, oldVal, newVal);\n\n      // Vaadin doesn't allow to change the input type attribute.\n      // We need the ability to do that, so we're overriding their\n      // behavior with their private API.\n      // When receiving a `type` attribute, we use their private API\n      // to set it on the input.\n      if (attrName === 'type') {\n        this.baseElement._setType(newVal);\n      }\n\n      if (oldVal !== newVal) {\n        if (attrName === 'label-type') {\n          if (newVal === 'floating') {\n            this.addEventListener('click', this.onLabelClick);\n          } else {\n            this.removeEventListener('click', this.onLabelClick);\n          }\n        } else if (attrName === 'copy-to-clipboard') {\n          this.renderCopyToClipboard(newVal === 'true');\n        }\n      }\n    }\n  };\n\nexport const TextFieldClass = compose(\n  createStyleMixin({\n    mappings: textFieldMappings,\n  }),\n  draggableMixin,\n  proxyInputMixin({\n    proxyProps: ['value', 'selectionStart', 'selectionEnd'],\n    useProxyTargets: true,\n  }),\n  componentNameValidationMixin,\n  customMixin,\n)(\n  createProxy({\n    slots: ['prefix', 'suffix'],\n    wrappedEleName: 'vaadin-text-field',\n    style: () => `\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${TextFieldClass.cssVarList.inputOutlineWidth}) + var(${\n          TextFieldClass.cssVarList.inputOutlineOffset\n        }));\n        box-sizing: border-box;\n\t\t\t}\n      :host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {\n        opacity: 1;\n      }\n\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-text-field[label-type=\"floating\"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n      ${resetInputLabelPosition('vaadin-text-field')}\n\t\t\t${useHostExternalPadding(TextFieldClass.cssVarList)}\n\t\t\t${resetInputOverrides('vaadin-text-field', TextFieldClass.cssVarList)}\n      ${inputFloatingLabelStyle()}\n\n      vaadin-text-field vaadin-icon {\n        align-self: center;\n      }\n\t\t`,\n    excludeAttrsSync: ['tabindex', 'style'],\n    componentName,\n  }),\n);\n","import '@vaadin/text-field';\nimport '@vaadin/icons';\nimport '@vaadin/icon';\n\nimport { componentName, TextFieldClass } from './TextFieldClass';\n\ncustomElements.define(componentName, TextFieldClass);\n\nexport { TextFieldClass, componentName };\n","const {\n  host,\n  label,\n  placeholder,\n  requiredIndicator,\n  inputField,\n  input,\n  inputMask,\n  helperText,\n  errorMessage,\n  disabledPlaceholder,\n  inputDisabled,\n  inputIcon,\n  externalInput,\n  externalInputDisabled,\n  externalPlaceholder,\n  externalDisabledPlaceholder,\n} = {\n  host: { selector: () => ':host' },\n  label: { selector: '::part(label)' },\n  requiredIndicator: {\n    selector: '[required]::part(required-indicator)::after',\n  },\n  placeholder: [\n    { selector: '> input:placeholder-shown' },\n    { selector: () => ':host::slotted(input:placeholder-shown)' },\n  ],\n  disabledPlaceholder: { selector: '> input:disabled::placeholder' },\n  inputField: { selector: '::part(input-field)' },\n  input: { selector: 'input' },\n  inputMask: { selector: '::part(input-field)::before' },\n  inputDisabled: { selector: 'input:disabled' },\n  helperText: { selector: '::part(helper-text)' },\n  errorMessage: { selector: '::part(error-message)' },\n  inputIcon: { selector: 'vaadin-icon' },\n  externalInput: { selector: () => '::slotted(input)' },\n  externalInputDisabled: { selector: () => '::slotted(input:disabled)' },\n  externalPlaceholder: { selector: () => '::slotted(input:placeholder-shown)' },\n  externalDisabledPlaceholder: {\n    selector: () => '::slotted(input:disabled::placeholder)',\n  },\n};\n\nexport default {\n  // we apply font-size also on the host so we can set its width with em\n  fontSize: [{}, host],\n  fontFamily: [label, inputField, helperText, errorMessage],\n\n  labelFontSize: { ...label, property: 'font-size' },\n  labelFontWeight: { ...label, property: 'font-weight' },\n\n  inputValueFontWeight: [\n    { ...input, property: 'font-weight' },\n    { ...externalInput, property: 'font-weight' },\n  ],\n  inputPlaceholderFontWeight: [\n    {\n      selector: () => ':host input:placeholder-shown',\n      property: 'font-weight',\n    },\n    { ...externalPlaceholder, property: 'font-weight' },\n  ],\n  helperTextFontWeight: { ...helperText, property: 'font-weight' },\n  errorMessageFontWeight: { ...errorMessage, property: 'font-weight' },\n\n  labelTextColor: [\n    { ...label, property: 'color' },\n    { ...requiredIndicator, property: 'color' },\n    { ...label, property: '-webkit-text-fill-color' },\n    { ...requiredIndicator, property: '-webkit-text-fill-color' },\n  ],\n\n  hostWidth: { ...host, property: 'width' },\n  hostMinWidth: { ...host, property: 'min-width' },\n  hostDirection: { ...host, property: 'direction' },\n  inputDirection: { ...input, property: 'direction' },\n\n  inputBackgroundColor: [\n    { ...inputField, property: 'background-color' },\n    { ...inputMask, property: 'background-color' },\n  ],\n\n  errorMessageTextColor: { ...errorMessage, property: 'color' },\n  errorMessageIcon: { ...errorMessage, property: 'background-image' },\n  errorMessageIconSize: { ...errorMessage, property: 'background-size' },\n  errorMessageIconPadding: {\n    ...errorMessage,\n    property: 'padding-inline-start',\n  },\n  errorMessageIconRepeat: { ...errorMessage, property: 'background-repeat' },\n  errorMessageIconPosition: {\n    ...errorMessage,\n    property: 'background-position',\n  },\n  errorMessageFontSize: { ...errorMessage, property: 'font-size' },\n\n  helperTextColor: { ...helperText, property: '-webkit-text-fill-color' },\n\n  inputValueTextColor: [\n    { ...inputField, property: 'color' },\n    { ...inputDisabled, property: '-webkit-text-fill-color' },\n    { ...externalInputDisabled, property: '-webkit-text-fill-color' },\n  ],\n  inputCaretTextColor: [\n    { ...input, property: 'caret-color' },\n    { ...externalInput, property: 'caret-color' },\n  ],\n\n  labelRequiredIndicator: { ...requiredIndicator, property: 'content' },\n\n  inputBorderColor: { ...inputField, property: 'border-color' },\n  inputBorderWidth: { ...inputField, property: 'border-width' },\n  inputBorderStyle: { ...inputField, property: 'border-style' },\n  inputBorderRadius: { ...inputField, property: 'border-radius' },\n\n  inputHeight: { ...inputField, property: 'height' },\n  inputHorizontalPadding: [\n    { ...input, property: 'padding-left' },\n    { ...input, property: 'padding-right' },\n    { ...externalInput, property: 'padding-left' },\n    { ...externalInput, property: 'padding-right' },\n  ],\n\n  inputOutlineColor: { ...inputField, property: 'outline-color' },\n  inputOutlineStyle: { ...inputField, property: 'outline-style' },\n  inputOutlineWidth: { ...inputField, property: 'outline-width' },\n  inputOutlineOffset: { ...inputField, property: 'outline-offset' },\n\n  textAlign: {},\n\n  inputTextAlign: [\n    { ...input, property: 'text-align' },\n    { ...externalInput, property: 'text-align' },\n  ],\n\n  inputPlaceholderColor: [\n    { selector: () => ':host input:placeholder-shown', property: 'color' },\n    { ...externalPlaceholder, property: 'color' },\n    { ...placeholder, property: 'color' },\n    { ...disabledPlaceholder, property: '-webkit-text-fill-color' },\n    { ...externalDisabledPlaceholder, property: '-webkit-text-fill-color' },\n  ],\n\n  labelPosition: { ...label, property: 'position' },\n  labelTopPosition: { ...label, property: 'top' },\n  labelHorizontalPosition: [\n    { ...label, property: 'left' },\n    { ...label, property: 'right' },\n  ],\n  inputTransformY: { ...label, property: 'transform' },\n  inputTransition: { ...label, property: 'transition' },\n  marginInlineStart: { ...label, property: 'margin-inline-start' },\n  placeholderOpacity: [\n    { selector: '> input:placeholder-shown', property: 'opacity' },\n    { ...externalPlaceholder, property: 'opacity' },\n  ],\n  inputVerticalAlignment: [\n    { ...inputField, property: 'align-items' },\n    { ...externalInput, property: 'align-items' },\n  ],\n  valueInputHeight: [\n    { ...input, property: 'height' },\n    { ...externalInput, property: 'height' },\n  ],\n  valueInputMarginBottom: [\n    { ...input, property: 'margin-bottom' },\n    { ...externalInput, property: 'margin-bottom' },\n  ],\n\n  inputIconOffset: [\n    { ...inputIcon, property: 'margin-right' },\n    { ...inputIcon, property: 'margin-left' },\n  ],\n  inputIconSize: { ...inputIcon, property: 'font-size' },\n  inputIconColor: { ...inputIcon, property: 'color' },\n  inputTextSecurity: [\n    { ...input, property: '-webkit-text-security' },\n    { ...input, property: 'text-security' },\n    { ...externalInput, property: '-webkit-text-security' },\n    { ...externalInput, property: 'text-security' },\n  ],\n};\n","// DateCounterClass allows us to add several counters to the input, and use them seperately.\n// For examele, we have a DayCounter, MonthCounter and YearCounter, which can each separately navigate\n// between different ranges.\nexport class DateCounter {\n  #data = Object.freeze([]);\n\n  constructor({ id, min, max, placeholder }, onChange) {\n    this.id = id;\n    this.min = min;\n    this.max = max;\n    this.placeholder = placeholder;\n    this.onChange = onChange;\n  }\n\n  get data() {\n    return this.#data;\n  }\n\n  set data(val) {\n    this.#data = Object.freeze(val);\n    this.onChange?.();\n  }\n\n  get #initialNumValue() {\n    return this.data.length ? this.numberValue : 0;\n  }\n\n  get numberValue() {\n    return Number(this.stringValue);\n  }\n\n  get stringValue() {\n    return (this.data.join('') || this.placeholder).padStart(this.length, '0');\n  }\n\n  get isFull() {\n    return this.numberValue * 10 > this.max || this.data.length === this.length;\n  }\n\n  get isEmpty() {\n    return this.stringValue === this.placeholder;\n  }\n\n  get length() {\n    return this.max.toString().length;\n  }\n\n  set(val) {\n    this.data = val.toString().split('');\n  }\n\n  add(num) {\n    // use local var to avoid triggering onChange\n    let { data } = this;\n\n    data = [...data, num];\n\n    // we need to re-evaluate the number value\n    const numVal = Number(data.join(''));\n\n    if (numVal > this.max) {\n      data = [num];\n    } else if (this.length < data.length) {\n      data = data.slice(1, data.length);\n    }\n\n    this.data = data;\n\n    return num;\n  }\n\n  del() {\n    if (!this.data.filter((d) => d !== '0').filter(Boolean).length) {\n      this.data = [];\n    } else {\n      this.data = this.data.slice(0, this.data.length - 1);\n    }\n  }\n\n  clear() {\n    this.data = [];\n  }\n\n  inc(gap) {\n    this.replaceValue(\n      this.#initialNumValue < this.max\n        ? Math.max(this.#initialNumValue + (gap || 1), this.min)\n        : this.min\n    );\n  }\n\n  dec(gap) {\n    this.replaceValue(\n      this.#initialNumValue > this.min\n        ? Math.min(this.#initialNumValue - (gap || 1), this.max)\n        : this.max\n    );\n  }\n\n  isInRange(val) {\n    return val >= this.min && val <= this.max;\n  }\n\n  replaceValue(val) {\n    if (this.isInRange(val)) {\n      this.data = val.toString().padStart(this.length, 0).split('');\n    }\n  }\n\n  setMin(val) {\n    this.min = Number(val);\n  }\n\n  setMax(val) {\n    this.max = Number(val);\n  }\n}\n","import { injectStyle } from '@descope-ui/common/components-helpers';\nimport { TextFieldClass } from '@descope-ui/descope-text-field/class';\nimport { createBaseInputClass } from '../../baseClasses/createBaseInputClass';\nimport {\n  createStyleMixin,\n  draggableMixin,\n  componentNameValidationMixin,\n  portalMixin,\n} from '../../mixins';\nimport { forwardAttrs, getComponentName } from '../../helpers/componentHelpers';\nimport { compose } from '../../helpers';\nimport {\n  isValidEpoch,\n  formatEpoch,\n  isNumber,\n  getCurrentTime,\n  overrideConstructedStylesheet,\n  dateToEpoch,\n  parseDateString,\n} from './helpers';\nimport { formats } from './formats';\nimport { calendarIcon } from './icons';\nimport {\n  counterConfig,\n  DEFAULT_FORMAT,\n  DIVIDER,\n  MOBILE_DEVICE_INTERACTION_TIMEOUT_MS,\n  NATIVE_FORMAT,\n  valRange,\n} from './consts';\nimport { DateCounter } from './DateCounterClass';\nimport { newDate } from './date-utils';\n\nexport const componentName = getComponentName('date-field');\n\n// we set baseSelector to `vaadin-popover` as a temporary hack, so our portalMixin will\n// be able to process this component's overlay. The whole process needs refactoring as soon as possible.\nconst BASE_SELECTOR = 'vaadin-popover';\nconst BaseInputClass = createBaseInputClass({ componentName, baseSelector: BASE_SELECTOR });\n\nconst dateFieldAttrs = [\n  'format',\n  'opened',\n  'initial-value',\n  'readonly',\n  'disable-calendar',\n  'utc-time',\n];\nconst calendarAttrs = ['years-range', 'calendar-months', 'calendar-weekdays'];\nconst observedAttrs = [...dateFieldAttrs, ...calendarAttrs];\n\nclass RawDateFieldClass extends BaseInputClass {\n  epoch = '';\n\n  format = DEFAULT_FORMAT;\n\n  selectedCounterIdx = 0;\n\n  updateCountersDisplay() {\n    this.inputElement.value = this.countersValue;\n  }\n\n  updateValue() {\n    if (this.isCountersOutOfRange) {\n      this.resetEpoch();\n    } else {\n      const date = formats[this.format].getDate(this.inputElement.value);\n      this.updateEpoch(dateToEpoch(date, this.isUtcTime));\n    }\n  }\n\n  onDateCounterChange = () => {\n    this.updateCountersDisplay();\n    this.updateValue();\n    // update validity\n    this.#dispatchInput();\n  };\n\n  updateEpoch(epoch) {\n    this.epoch = dateToEpoch(epoch, this.isUtcTime);\n  }\n\n  dateCounters = [\n    new DateCounter(counterConfig.MONTH, this.onDateCounterChange.bind(this)),\n    new DateCounter(counterConfig.DAY, this.onDateCounterChange.bind(this)),\n    new DateCounter(counterConfig.YEAR, this.onDateCounterChange.bind(this)),\n  ];\n\n  static get observedAttributes() {\n    return [].concat(BaseInputClass.observedAttributes || [], observedAttrs);\n  }\n\n  constructor() {\n    super();\n\n    this.attachShadow({ mode: 'open' }).innerHTML = `\n    <div>\n      <descope-text-field inputmode=\"numeric\">\n        <span slot=\"suffix\" class=\"toggle-calendar\">\n          ${calendarIcon}\n        </span>\n      </descope-text-field>\n      <vaadin-popover></vaadin-popover>\n    </div>\n    `;\n\n    injectStyle(\n      `\n      :host {\n        display: inline-block;\n        box-sizing: border-box;\n        user-select: none;\n        max-width: 100%;\n      }\n\n      :host ::slotted {\n        padding: 0;\n      }\n\n      .toggle-calendar {\n        cursor: pointer;\n        display: flex;\n        align-self: center;\n        z-index: 1;\n        height: 100%;\n        align-items: center;\n      }\n\n      :host([readonly=\"true\"]) .toggle-calendar {\n        pointer-events: none;\n      }\n\n      .hidden {\n        display: none;\n      }\n        `,\n      this\n    );\n\n    this.inputElement = this.shadowRoot.querySelector('descope-text-field');\n    this.popoverToggleButton = this.inputElement.querySelector('.toggle-calendar');\n  }\n\n  get validationTarget() {\n    return this.inputElement;\n  }\n\n  get opened() {\n    return this.getAttribute('opened') === 'true';\n  }\n\n  // returns the input's value as a epoch\n  get displayValueEpoch() {\n    const date = formats[this.format].getDate(this.inputElement.value);\n\n    if (!isValidEpoch(date?.getTime())) {\n      return null;\n    }\n\n    return date.getTime();\n  }\n\n  get sortedCounters() {\n    return this.format\n      .split(DIVIDER)\n      .map((placeholder) => this.dateCounters.find((dc) => dc.placeholder === placeholder));\n  }\n\n  get activeCounter() {\n    return this.sortedCounters[this.selectedCounterIdx];\n  }\n\n  get countersValue() {\n    return this.sortedCounters.map((dc) => dc.stringValue).join(DIVIDER);\n  }\n\n  get overlay() {\n    return this.baseElement.shadowRoot?.querySelector('vaadin-popover-overlay');\n  }\n\n  get backdrop() {\n    return this.overlay.shadowRoot?.querySelector('#backdrop');\n  }\n\n  get calendar() {\n    return this.overlay?.querySelector('descope-calendar');\n  }\n\n  get isRTL() {\n    const computedStyleDirection = getComputedStyle(this.baseElement).getPropertyValue('direction');\n\n    if (computedStyleDirection) {\n      return computedStyleDirection === 'rtl';\n    }\n\n    // Fallback: If for some reason computed style was not calculated in time, fallback to check on attribute\n    return this.getAttribute('st-host-direction') === 'rtl';\n  }\n\n  get value() {\n    if (this.isInvalidDate()) {\n      return '';\n    }\n    return this.epoch;\n  }\n\n  set value(val) {\n    const value = parseInt(val, 10);\n    if (!Number.isNaN(value)) {\n      this.updateEpoch(value);\n      this.updateDateCounters(new Date(value));\n    } else {\n      this.resetEpoch();\n      this.resetDateCounters();\n      this.clearInputEle();\n    }\n  }\n\n  resetEpoch() {\n    this.epoch = '';\n  }\n\n  get isCountersEmpty() {\n    return this.dateCounters.every((dc) => dc.isEmpty);\n  }\n\n  get isCountersOutOfRange() {\n    return this.dateCounters.some((dc) => !dc.isInRange(dc.numberValue));\n  }\n\n  get disableCalendar() {\n    return this.getAttribute('disable-calendar') === 'true';\n  }\n\n  get isUtcTime() {\n    return this.getAttribute('utc-time') === 'true';\n  }\n\n  get isSelectAll() {\n    const inputEle = this.inputElement.baseElement.inputElement;\n    return inputEle.value.length === inputEle.selectionStart + inputEle.selectionEnd;\n  }\n\n  reportValidity() {\n    this.inputElement.reportValidity();\n  }\n\n  #dispatchInput() {\n    this.inputElement.baseElement.dispatchEvent(new Event('input', { bubbles: true }));\n  }\n\n  updateInputDisplay() {\n    this.inputElement.value = formatEpoch(newDate(this.countersValue).getTime(), this.format);\n  }\n\n  init() {\n    super.init?.();\n\n    this.updateFormatPattern();\n    this.initPopover();\n    this.onDateCounterChange();\n    this.initInputElement();\n\n    setTimeout(() => {\n      this.#overrideOverlaySettings();\n    }, 0);\n  }\n\n  initInputElement() {\n    this.inputElement.getValidity = this.getValidity.bind(this);\n    this.inputElement.baseElement.checkValidity = this.checkValidity.bind(this);\n\n    this.popoverToggleButton.addEventListener('click', this.onPopoverToggle.bind(this));\n\n    this.inputElement.addEventListener('focus', this.onFocus.bind(this));\n    this.inputElement.addEventListener('blur', this.onBlur.bind(this));\n    this.inputElement.addEventListener('click', this.handleMouseCaretPositionChange.bind(this));\n    this.inputElement.addEventListener('keydown', this.handleKeyboard.bind(this));\n    this.inputElement.addEventListener('beforeinput', this.handleInput.bind(this));\n    this.inputElement.addEventListener('pointerdown', this.onPointerDown.bind(this));\n    this.inputElement.addEventListener('paste', this.onPaste.bind(this));\n\n    forwardAttrs(this, this.inputElement, {\n      includeAttrs: [\n        'label',\n        'label-type',\n        'placeholder',\n        'disabled',\n        'readonly',\n        'bordered',\n        'required',\n        'full-width',\n        'st-host-direction',\n        'pattern',\n        'bordered',\n        'data-errormessage-value-missing',\n        'data-errormessage-pattern-mismatch',\n        'data-errormessage-range-underflow',\n        'data-errormessage-range-overflow',\n        'st-error-message-icon',\n        'st-error-message-icon-size',\n        'st-error-message-icon-padding',\n      ],\n    });\n  }\n\n  handleInput(e) {\n    e.preventDefault();\n\n    this.handleSelectAll();\n\n    if (e.data && isNumber(e.data)) {\n      this.parseDigits(e.data);\n      this.updateCountersDisplay();\n    } else if (e.inputType) {\n      this.handleNavKeys(e);\n    }\n  }\n\n  initPopover() {\n    this.baseElement.trigger = ['click'];\n    this.baseElement.withBackdrop = true;\n    this.baseElement.renderer = this.#popoverRenderer.bind(this);\n\n    // block popover events from focusing/blurring the text-field\n    this.baseElement.addEventListener('click', (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n    });\n  }\n\n  handleSelectAll() {\n    if (this.isSelectAll) {\n      this.selectFirstCounter();\n    }\n  }\n\n  #popoverPosStylesheet;\n\n  #popoverRenderer(root) {\n    // popoverRenderer should run only once, when the popover is first rendering.\n    if (!root.firstChild) {\n      this.overlay.positionTarget = this.shadowRoot.querySelector('.toggle-calendar');\n\n      root.appendChild(this.#getPopoverContent());\n\n      // override vaadin's constructed stylesheet which hides the host element\n      overrideConstructedStylesheet(this.baseElement);\n\n      this.backdrop.addEventListener('click', this.closePopover.bind(this));\n    }\n\n    // Hide overlay before adjusting position to prevent flickering\n    root.style.setProperty('visibility', 'hidden');\n\n    // Wait until overlay is ready\n    setTimeout(() => {\n      this.#adjustPopoverPosition(root);\n\n      // Show adjusted overlay\n      root.style.setProperty('visibility', 'visible');\n      this.updateCalendarView(root);\n    }, 100);\n  }\n\n  #adjustPopoverPosition() {\n    const popover = this.shadowRoot.querySelector('vaadin-popover').shadowRoot;\n\n    // Reset any previous transform so getBoundingClientRect measures the natural position\n    this.#popoverPosStylesheet?.replaceSync(\n      `vaadin-popover-overlay::part(overlay) { transform: none; }`\n    );\n\n    const windowRect = document.body.getBoundingClientRect();\n    const inputRect = this.getBoundingClientRect();\n    const calendarRect = this.calendar.getBoundingClientRect();\n\n    const side = this.isRTL ? 'right' : 'left';\n    const offset = inputRect[side] - calendarRect[side];\n    const availableLeft = calendarRect.left;\n    const availableRight = windowRect.width - calendarRect.right;\n\n    let newOffset;\n    if (offset > 0) {\n      newOffset = Math.min(offset, availableRight);\n    } else {\n      newOffset = Math.min(Math.abs(offset), availableLeft) * -1;\n    }\n\n    const css = `\n      vaadin-popover-overlay::part(overlay) {\n        transform: translateX(${newOffset}px);\n      }\n    `;\n\n    if (this.#popoverPosStylesheet) {\n      this.#popoverPosStylesheet.replaceSync(css);\n    } else {\n      this.#popoverPosStylesheet = injectStyle(css, popover);\n    }\n  }\n\n  #getPopoverContent() {\n    const ele = document.createElement('span');\n\n    ele.innerHTML = `<descope-calendar></descope-calendar>`;\n\n    const calendar = ele.querySelector('descope-calendar');\n\n    calendar.addEventListener('date-submit', this.onCalendarSubmit.bind(this));\n    calendar.addEventListener('cancel', this.closePopover.bind(this));\n\n    return ele;\n  }\n\n  // the default vaadin behavior is to attach the overlay to the body when opened\n  // we do not want that because it's difficult to style the overlay in this way\n  // so we override it to open inside the shadow DOM\n  #overrideOverlaySettings() {\n    this.overlay._attachOverlay = () => this.overlay.bringToFront();\n    this.overlay._detachOverlay = () => {};\n    this.overlay._enterModalState = () => {};\n  }\n\n  onPopoverToggle() {\n    this.opened ? this.closePopover() : this.openPopover();\n  }\n\n  openPopover() {\n    if (this.disableCalendar) return;\n    this.setAttribute('opened', 'true');\n  }\n\n  closePopover() {\n    this.removeAttribute('opened');\n    this.inputElement.focus();\n  }\n\n  getCounterById(id) {\n    return this.dateCounters.find((dc) => dc.id === id);\n  }\n\n  onCalendarSubmit() {\n    if (!this.isReadOnly) {\n      if (!this.calendar.value) return;\n\n      const calendarDate = newDate(this.calendar.value);\n\n      this.value = dateToEpoch(calendarDate, this.isUtcTime);\n\n      this.getCounterById('year').replaceValue(calendarDate.getFullYear());\n      this.getCounterById('month').replaceValue(calendarDate.getMonth() + 1);\n      this.getCounterById('day').replaceValue(calendarDate.getDate());\n\n      this.#dispatchInput();\n    }\n\n    this.closePopover();\n  }\n\n  updateCalendarView() {\n    const validInputVal =\n      isValidEpoch(newDate(this.inputElement.value || '').getTime()) &&\n      formats[this.format].validate(this.inputElement.value);\n\n    if (this.displayValueEpoch || validInputVal) {\n      this.calendar.setAttribute(\n        'initial-value',\n        formatEpoch(this.displayValueEpoch || this.epoch, NATIVE_FORMAT)\n      );\n    } else {\n      this.calendar.clearValue();\n      this.calendar.setAttribute('preview', formatEpoch(getCurrentTime(), NATIVE_FORMAT));\n    }\n\n    forwardAttrs(this, this.calendar, {\n      includeAttrs: [\n        'st-host-direction',\n        'readonly',\n        'initial-month',\n        'initial-year',\n        'years-range',\n        'calendar-label-submit',\n        'calendar-label-cancel',\n        'calendar-months',\n        'calendar-weekdays',\n        'calendar-weekdays-short',\n      ],\n    });\n  }\n\n  // In mobile devices, there are cases were `pointerdown` is triggered\n  // instead of `click`.\n  onPointerDown(e) {\n    setTimeout(() => this.handleMouseCaretPositionChange(e), MOBILE_DEVICE_INTERACTION_TIMEOUT_MS);\n  }\n\n  onFocus() {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    // We need to wait for focus to end before we set selection\n    setTimeout(() => this.resetDisplay());\n  }\n\n  resetDisplay() {\n    if (!this.inputElement.value) {\n      this.inputElement.value = this.format;\n    }\n\n    // On focus select the first counter\n    this.selectFirstCounter();\n    // set selection on first counter\n    this.inputElement.setSelectionRange(0, this.sortedCounters[0].length);\n  }\n\n  onBlur() {\n    if (this.opened) {\n      return;\n    }\n\n    if (this.inputElement.value === this.format) {\n      this.clearInputEle();\n    }\n  }\n\n  clearInputEle() {\n    this.inputElement.value = '';\n  }\n\n  onFormatUpdate(format) {\n    if (Object.keys(formats).includes(format)) {\n      this.format = format;\n      this.updateFormatPattern();\n    }\n  }\n\n  updateFormatPattern() {\n    const format = this.getAttribute('format') || this.format || DEFAULT_FORMAT;\n    this.setAttribute('type', 'date');\n    this.setAttribute('pattern', formats[format].pattern);\n  }\n\n  parseDigits(value) {\n    this.activeCounter.add(value);\n\n    if (this.activeCounter.isFull) {\n      this.selectNextCounter();\n    }\n\n    // We wait for the digit to be parsed, and only then set the selection.\n    // Failing to do so results in unexpected \"jump\" of the screen in mobile devices.\n    this.setInputSelectionRange();\n  }\n\n  getCounterIdx(caretPos) {\n    const [counter1ln, counter2ln] = this.sortedCounters.map((dc) => dc.length);\n\n    const c1 = caretPos <= counter1ln;\n    const c2 = caretPos >= counter1ln && caretPos <= counter1ln + counter2ln + 1;\n    const c3 = caretPos >= counter1ln + counter2ln + 2;\n\n    return [c1, c2, c3].indexOf(true);\n  }\n\n  setSelectedCounterByCaretPosition(e) {\n    this.selectedCounterIdx = this.getCounterIdx(\n      // if triggered by touch event, target might not include `selectionStart`\n      // in that case we fall back to the inputElement's `selectionStart` value.\n      // Therefore, it is recommended to run this function with setTimeout,\n      // at least for mobile events.\n      e.target?.selectionStart || this.inputElement.selectionStart\n    );\n  }\n\n  selectFirstCounter() {\n    this.selectedCounterIdx = 0;\n  }\n\n  selectNextCounter() {\n    if (this.selectedCounterIdx < this.dateCounters.length) {\n      this.selectedCounterIdx = Math.min(this.selectedCounterIdx + 1, 2);\n    }\n  }\n\n  selectPrevCounter() {\n    if (this.selectedCounterIdx > 0) {\n      this.selectedCounterIdx = Math.min(this.selectedCounterIdx - 1, 1);\n    }\n  }\n\n  // Sets the text selection range in the input element based on the selected counter.\n  // The function calculates the starting position of the selection by summing the lengths\n  // of all counters before the currently selected counter (`selectedCounterIdx`).\n  // It then selects the entire length of the current counter in the input element.\n  setInputSelectionRange() {\n    // For preview/readonly state we don't have a caret or a caretIdx, so we skip setting input selection range\n    if (this.selectedCounterIdx < 0) {\n      return;\n    }\n\n    // We wait for before setting the selection, otherwise there's an\n    // unexpected \"jump\" of the screen in mobile devices.\n    setTimeout(() => {\n      const caretStart = this.sortedCounters\n        .slice(0, this.selectedCounterIdx)\n        .reduce((acc, counter) => acc + counter.length, this.selectedCounterIdx);\n\n      this.inputElement.setSelectionRange(\n        caretStart,\n        caretStart + this.sortedCounters[this.selectedCounterIdx].length\n      );\n    });\n  }\n\n  resetDateCounters() {\n    this.dateCounters.forEach((dc) => dc.clear());\n  }\n\n  // in case value is set from external source we need to update date counters\n  updateDateCounters(date) {\n    this.dateCounters.forEach((dc) => {\n      switch (dc.id) {\n        case counterConfig.MONTH.id:\n          dc.set(this.isUtcTime ? date.getUTCMonth() + 1 : date.getMonth() + 1);\n          break;\n        case counterConfig.YEAR.id:\n          dc.set(this.isUtcTime ? date.getUTCFullYear() : date.getFullYear());\n          break;\n        case counterConfig.DAY.id:\n          dc.set(this.isUtcTime ? date.getUTCDate() : date.getDate());\n          break;\n        default:\n          break;\n      }\n    });\n  }\n\n  handleKeyboard(e) {\n    if (e.metaKey || e.ctrlKey) {\n      if (e.key.toLowerCase() === 'x') {\n        this.onCut(e);\n      }\n\n      return;\n    }\n\n    this.handleSelectAll();\n\n    if (e.key === 'ArrowUp') {\n      this.activeCounter.inc();\n    } else if (e.key === 'ArrowDown') {\n      this.activeCounter.dec();\n    } else if (e.key === 'ArrowRight') {\n      this.selectNextCounter();\n    } else if (e.key === 'ArrowLeft') {\n      this.selectPrevCounter();\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  handleNavKeys(e) {\n    if (this.isReadOnly) {\n      return;\n    }\n\n    if (this.opened) {\n      this.closePopover();\n    }\n\n    if (!this.activeCounter) return;\n\n    if (e.inputType === 'deleteContentBackward') {\n      this.handleBackspace();\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  handleBackspace() {\n    if (this.isSelectAll) {\n      this.resetToInitialState();\n      return;\n    }\n\n    const counter = this.activeCounter;\n\n    if (counter.isEmpty) {\n      this.selectPrevCounter();\n      this.setInputSelectionRange();\n    } else {\n      counter.set('');\n    }\n\n    // To support keyboards like SwiftKey, we need to re-render the counters display and selection,\n    // otherwise we get an unexpected behavior, where the format is deleted.\n    setTimeout(() => {\n      this.updateCountersDisplay();\n      this.setInputSelectionRange();\n    });\n  }\n\n  handleMouseCaretPositionChange(e) {\n    if (this.opened) {\n      return;\n    }\n\n    e.preventDefault();\n\n    this.setSelectedCounterByCaretPosition(e);\n    this.setInputSelectionRange();\n  }\n\n  onInitialValueChange(val) {\n    // if component already has a value don't re-set value\n    if (this.value) return;\n\n    // we need to wait for the text-field to init\n    setTimeout(() => {\n      if (Number.isNaN(parseInt(val, 10))) {\n        return;\n      }\n      this.value = Number(val);\n    });\n  }\n\n  togglePopoverAccess(visibility) {\n    if (visibility) {\n      this.popoverToggleButton.classList.remove('hidden');\n    } else {\n      this.popoverToggleButton.classList.add('hidden');\n    }\n  }\n\n  attributeChangedCallback(attrName, oldValue, newValue) {\n    super.attributeChangedCallback?.(attrName, oldValue, newValue);\n\n    if (oldValue !== newValue) {\n      if (attrName === 'disable-calendar') {\n        this.togglePopoverAccess(newValue !== 'true');\n      }\n      if (dateFieldAttrs.includes(attrName)) {\n        if (newValue && attrName === 'format') {\n          this.onFormatUpdate(newValue);\n        }\n        if (attrName === 'initial-value') {\n          this.onInitialValueChange(newValue);\n        }\n      } else if (calendarAttrs.includes(attrName)) {\n        if (newValue) {\n          this.calendar?.setAttribute(attrName, newValue);\n        } else {\n          this.calendar?.removeAttribute(attrName);\n        }\n      }\n    }\n  }\n\n  // we want to validate the date supplied actually exists. For example: Feb 31 is not an actual date,\n  // but in JS when create a `new Date('1999-02-31') we get March 2nd 1999.\n  // To prevent this error from being submitted, we evaluate the\n  // date parts against their generated Date value.\n  isInvalidDate() {\n    const yearCounter = this.getCounterById('year');\n    const isYearOutOfRange =\n      yearCounter.numberValue > valRange.year.max || yearCounter.numberValue < valRange.year.min;\n\n    const isDateDisplayMismatch = Object.entries(this.getDateVals()).some(([key, val]) => {\n      const counter = this.getCounterById(key);\n      return !val || counter.numberValue !== val;\n    });\n\n    return isYearOutOfRange || isDateDisplayMismatch;\n  }\n\n  getValidity() {\n    if (this.isRequired && this.isCountersEmpty) {\n      return { valueMissing: true };\n    }\n\n    if (this.isCountersOutOfRange || this.isInvalidDate()) {\n      return { patternMismatch: true };\n    }\n\n    return {};\n  }\n\n  getDateVals() {\n    const ret = {\n      day: '',\n      month: '',\n      year: '',\n    };\n\n    if (Number.isNaN(this.epoch)) {\n      return ret;\n    }\n\n    try {\n      const date = new Date(this.epoch);\n\n      if (this.isUtcTime) {\n        ret.month = date.getUTCMonth() + 1;\n        ret.day = date.getUTCDate();\n        ret.year = date.getUTCFullYear();\n      } else {\n        ret.month = date.getMonth() + 1;\n        ret.day = date.getDate();\n        ret.year = date.getFullYear();\n      }\n    } catch (e) {}\n\n    return ret;\n  }\n\n  resetToInitialState() {\n    this.resetDateCounters();\n    this.selectFirstCounter();\n    this.resetDisplay();\n  }\n\n  onCut(e) {\n    e.preventDefault();\n\n    if (this.isSelectAll) {\n      this.#copyToClipboard(this.countersValue);\n      this.resetToInitialState();\n    } else {\n      this.#copyToClipboard(this.activeCounter.stringValue);\n      this.activeCounter.set('');\n    }\n\n    this.setInputSelectionRange();\n  }\n\n  #copyToClipboard(value) {\n    try {\n      navigator.clipboard.writeText(value);\n    } catch (err) {\n      console.error('Failed to copy date value:', err);\n    }\n  }\n\n  onPaste(e) {\n    e.preventDefault();\n\n    const clipboardData = e.clipboardData || window.clipboardData;\n    const pastedData = clipboardData.getData('Text');\n\n    // try paste entire date if valid\n    const validDate = parseDateString(pastedData, this.format);\n\n    if (validDate) {\n      this.value = dateToEpoch(validDate, this.isUtcTime);\n      this.onDateCounterChange();\n\n      // select all\n      setTimeout(() => this.inputElement.setSelectionRange(0, this.inputElement.value.length));\n    } else {\n      const value = Number(pastedData);\n\n      // try paste in counter if possible\n      if (value && this.activeCounter.min <= value && this.activeCounter.max >= value) {\n        // use String to get rid of any zero padding\n        this.activeCounter.set(String(value));\n\n        setTimeout(() => this.setInputSelectionRange());\n      }\n    }\n  }\n}\n\nconst textVars = TextFieldClass.cssVarList;\nconst { host, input, inputEleRTL, toggleButton, overlay, backdrop, errorMessage } = {\n  host: { selector: () => ':host' },\n  input: { selector: () => 'descope-text-field' },\n  inputEleRTL: { selector: () => ':host([st-host-direction=\"rtl\"]) descope-text-field' },\n  toggleButton: { selector: () => '.toggle-calendar' },\n  overlay: { selector: 'vaadin-popover-overlay::part(overlay)' },\n  backdrop: { selector: 'vaadin-popover-overlay::part(backdrop)' },\n};\n\nexport const DateFieldClass = compose(\n  createStyleMixin({ componentNameOverride: getComponentName('input-wrapper') }),\n  createStyleMixin({\n    mappings: {\n      iconMargin: { ...toggleButton, property: 'margin-inline-end' },\n      hostWidth: { ...host, property: 'width' },\n      hostDirection: { ...host, property: 'direction' },\n      textAlign: { ...input, property: 'text-align' },\n      rtlInputDirection: { ...inputEleRTL, property: textVars.inputDirection },\n      rtlInputAlignment: { ...inputEleRTL, property: textVars.inputTextAlign },\n      overlayGap: {\n        property: () => DateFieldClass.cssVarList.overlayGap,\n      },\n      overlayBackgroundColor: {\n        property: () => DateFieldClass.cssVarList.overlayBackgroundColor,\n      },\n      overlayPadding: {\n        property: () => DateFieldClass.cssVarList.overlayPadding,\n      },\n      overlayBoxShadow: { property: () => DateFieldClass.overlayBoxShadow },\n      overlayOutlineWidth: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineWidth,\n      },\n      overlayOutlineColor: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineColor,\n      },\n      overlayOutlineStyle: {\n        property: () => DateFieldClass.cssVarList.overlayOutlineStyle,\n      },\n      errorMessageIcon: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIcon,\n      },\n      errorMessageIconSize: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconSize,\n      },\n      errorMessageIconPadding: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconPadding,\n      },\n      errorMessageIconRepeat: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconRepeat,\n      },\n      errorMessageIconPosition: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageIconPosition,\n      },\n      errorMessageFontSize: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageFontSize,\n      },\n      labelFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.labelFontWeight,\n      },\n      inputValueFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.inputValueFontWeight,\n      },\n      inputPlaceholderFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.inputPlaceholderFontWeight,\n      },\n      helperTextFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.helperTextFontWeight,\n      },\n      errorMessageFontWeight: {\n        selector: TextFieldClass.componentName,\n        property: TextFieldClass.cssVarList.errorMessageFontWeight,\n      },\n    },\n  }),\n  portalMixin({\n    name: 'overlay',\n    selector: '',\n    mappings: {\n      marginTop: { ...overlay, property: 'margin-top' },\n      backgroundColor: { ...overlay },\n      backdropBackgroundColor: { ...backdrop, property: 'background-color' },\n      backdropPointerEvents: { ...backdrop, property: 'pointer-events' },\n      padding: { ...overlay },\n      boxShadow: { ...overlay },\n      outlineWidth: { ...overlay },\n      outlineColor: { ...overlay },\n      outlineStyle: { ...overlay },\n    },\n  }),\n  draggableMixin,\n  componentNameValidationMixin\n)(RawDateFieldClass);\n","import '@vaadin/popover/src/vaadin-popover';\nimport './descope-calendar';\nimport '@descope-ui/descope-text-field';\n\nimport { componentName, DateFieldClass } from './DateFieldClass';\n\ncustomElements.define(componentName, DateFieldClass);\n\nexport { DateFieldClass, componentName };\n"],"names":["componentName","observedAttrs","TextFieldClass","mappings","proxyProps","useProxyTargets","superclass","observedAttributes","concat","icon","init","super","renderCopyToClipboard","shouldRender","this","remove","iconInitConfig","title","style","iconCopiedConfig","Object","assign","document","createElement","slot","baseElement","appendChild","addEventListener","navigator","clipboard","writeText","value","setTimeout","onLabelClick","focus","attributeChangedCallback","attrName","oldVal","newVal","attributeChangeCallback","_setType","removeEventListener","slots","wrappedEleName","cssVarList","inputOutlineWidth","inputOutlineOffset","excludeAttrsSync","customElements","define","host","label","placeholder","requiredIndicator","inputField","input","inputMask","helperText","errorMessage","disabledPlaceholder","inputDisabled","inputIcon","externalInput","externalInputDisabled","externalPlaceholder","externalDisabledPlaceholder","selector","fontSize","fontFamily","labelFontSize","property","labelFontWeight","inputValueFontWeight","inputPlaceholderFontWeight","helperTextFontWeight","errorMessageFontWeight","labelTextColor","hostWidth","hostMinWidth","hostDirection","inputDirection","inputBackgroundColor","errorMessageTextColor","errorMessageIcon","errorMessageIconSize","errorMessageIconPadding","errorMessageIconRepeat","errorMessageIconPosition","errorMessageFontSize","helperTextColor","inputValueTextColor","inputCaretTextColor","labelRequiredIndicator","inputBorderColor","inputBorderWidth","inputBorderStyle","inputBorderRadius","inputHeight","inputHorizontalPadding","inputOutlineColor","inputOutlineStyle","textAlign","inputTextAlign","inputPlaceholderColor","labelPosition","labelTopPosition","labelHorizontalPosition","inputTransformY","inputTransition","marginInlineStart","placeholderOpacity","inputVerticalAlignment","valueInputHeight","valueInputMarginBottom","inputIconOffset","inputIconSize","inputIconColor","inputTextSecurity","DateCounter","freeze","constructor","id","min","max","onChange","data","val","length","numberValue","Number","stringValue","join","padStart","isFull","isEmpty","toString","set","split","add","num","slice","del","filter","d","Boolean","clear","inc","gap","replaceValue","Math","dec","isInRange","setMin","setMax","BaseInputClass","createBaseInputClass","baseSelector","dateFieldAttrs","calendarAttrs","textVars","inputEleRTL","toggleButton","overlay","backdrop","DateFieldClass","componentNameOverride","iconMargin","rtlInputDirection","rtlInputAlignment","overlayGap","overlayBackgroundColor","overlayPadding","overlayBoxShadow","overlayOutlineWidth","overlayOutlineColor","overlayOutlineStyle","name","marginTop","backgroundColor","backdropBackgroundColor","backdropPointerEvents","padding","boxShadow","outlineWidth","outlineColor","outlineStyle","epoch","format","selectedCounterIdx","updateCountersDisplay","inputElement","countersValue","updateValue","isCountersOutOfRange","resetEpoch","date","formats","getDate","updateEpoch","isUtcTime","onDateCounterChange","dateCounters","MONTH","bind","DAY","YEAR","attachShadow","mode","innerHTML","shadowRoot","querySelector","popoverToggleButton","validationTarget","opened","getAttribute","displayValueEpoch","getTime","sortedCounters","map","find","dc","activeCounter","calendar","isRTL","computedStyleDirection","getComputedStyle","getPropertyValue","isInvalidDate","parseInt","isNaN","resetDateCounters","clearInputEle","updateDateCounters","Date","isCountersEmpty","every","some","disableCalendar","isSelectAll","inputEle","selectionStart","selectionEnd","reportValidity","dispatchEvent","Event","bubbles","updateInputDisplay","updateFormatPattern","initPopover","initInputElement","getValidity","checkValidity","onPopoverToggle","onFocus","onBlur","handleMouseCaretPositionChange","handleKeyboard","handleInput","onPointerDown","onPaste","includeAttrs","e","preventDefault","handleSelectAll","parseDigits","inputType","handleNavKeys","trigger","withBackdrop","renderer","stopPropagation","selectFirstCounter","root","firstChild","positionTarget","closePopover","setProperty","updateCalendarView","popover","replaceSync","windowRect","body","getBoundingClientRect","inputRect","calendarRect","side","offset","availableLeft","left","availableRight","width","right","newOffset","abs","css","ele","onCalendarSubmit","_attachOverlay","bringToFront","_detachOverlay","_enterModalState","openPopover","setAttribute","removeAttribute","getCounterById","isReadOnly","calendarDate","getFullYear","getMonth","validInputVal","validate","clearValue","resetDisplay","setSelectionRange","onFormatUpdate","keys","includes","pattern","selectNextCounter","setInputSelectionRange","getCounterIdx","caretPos","counter1ln","counter2ln","indexOf","setSelectedCounterByCaretPosition","target","selectPrevCounter","caretStart","reduce","acc","counter","forEach","getUTCMonth","getUTCFullYear","getUTCDate","metaKey","ctrlKey","key","toLowerCase","onCut","handleBackspace","resetToInitialState","onInitialValueChange","togglePopoverAccess","visibility","classList","oldValue","newValue","yearCounter","isYearOutOfRange","year","isDateDisplayMismatch","entries","getDateVals","isRequired","valueMissing","patternMismatch","ret","day","month","err","console","error","pastedData","clipboardData","window","getData","validDate","String"],"sourceRoot":""}

package/dist/umd/descope-email-field-index-js.js

@@ -1,5 +1,5 @@
 /*! For license information please see descope-email-field-index-js.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4838,5695],{54316(t,e,r){r.r(e),r.d(e,{EmailFieldClass:()=>m,componentName:()=>g}),r(52733);var o=r(47642),i=r(87550);const l=i.AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4838,5695],{47656(t,e,r){r.d(e,{A:()=>x});const{host:o,label:i,placeholder:l,requiredIndicator:n,inputField:a,input:p,inputMask:s,helperText:d,errorMessage:u,disabledPlaceholder:c,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:m,externalPlaceholder:f,externalDisabledPlaceholder:b}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},x={fontSize:[{},o],fontFamily:[i,a,d,u],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},inputValueFontWeight:[{...p,property:"font-weight"},{...g,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...f,property:"font-weight"}],helperTextFontWeight:{...d,property:"font-weight"},errorMessageFontWeight:{...u,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...n,property:"color"},{...i,property:"-webkit-text-fill-color"},{...n,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...p,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...s,property:"background-color"}],errorMessageTextColor:{...u,property:"color"},errorMessageIcon:{...u,property:"background-image"},errorMessageIconSize:{...u,property:"background-size"},errorMessageIconPadding:{...u,property:"padding-inline-start"},errorMessageIconRepeat:{...u,property:"background-repeat"},errorMessageIconPosition:{...u,property:"background-position"},errorMessageFontSize:{...u,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...n,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...g,property:"padding-left"},{...g,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...p,property:"text-align"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...l,property:"color"},{...c,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...p,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...p,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"},inputTextSecurity:[{...p,property:"-webkit-text-security"},{...p,property:"text-security"},{...g,property:"-webkit-text-security"},{...g,property:"text-security"}]}},54316(t,e,r){r.r(e),r.d(e,{EmailFieldClass:()=>m,componentName:()=>g}),r(52733);var o=r(47642),i=r(87550);const l=i.AH`
   :host([dir='rtl']) [part='input-field'] ::slotted(input) {
     --_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
   }
@@ -16,7 +16,7 @@
     direction: rtl;
     text-align: left;
   }
-`;(0,i.SF)("vaadin-email-field",p,{moduleId:"vaadin-email-field-styles"});class s extends a.A{static get is(){return"vaadin-email-field"}constructor(){super(),this._setType("email"),this.pattern="^([a-zA-Z0-9_\\.\\-+])+@[a-zA-Z0-9\\-.]+\\.[a-zA-Z0-9\\-]{2,}$"}ready(){super.ready(),this.inputElement&&(this.inputElement.autocapitalize="off")}}(0,n.X)(s);var d=r(79365),u=r(6424),c=r(9696),h=r(97810),y=r(73551);const g=(0,h.xE)("email-field"),m=(0,c.Zz)((0,d.RF)({mappings:u.A}),d.VO,(0,d.RV)({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),(0,d.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),d.tQ,t=>class extends t{init(){super.init?.(),this.baseElement.setAttribute("pattern","^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$"),this.getAttribute("autocomplete")||this.setAttribute("autocomplete","username"),this.createExternalInput()}})((0,d.tz)({slots:["","suffix"],wrappedEleName:"vaadin-email-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${m.cssVarList.inputOutlineWidth}) + var(${m.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${(0,y.$J)("vaadin-email-field")}\n\t\t\t${(0,y.cy)(m.cssVarList)}\n\t\t\t${(0,y.LJ)("vaadin-email-field",m.cssVarList)}\n      ${(0,y.Kl)()}\n\n      vaadin-email-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:g}));customElements.define(g,m)},6424(t,e,r){r.d(e,{A:()=>x});const{host:o,label:i,placeholder:l,requiredIndicator:n,inputField:a,input:p,inputMask:s,helperText:d,errorMessage:u,disabledPlaceholder:c,inputDisabled:h,inputIcon:y,externalInput:g,externalInputDisabled:m,externalPlaceholder:f,externalDisabledPlaceholder:b}={host:{selector:()=>":host"},label:{selector:"::part(label)"},requiredIndicator:{selector:"[required]::part(required-indicator)::after"},placeholder:[{selector:"> input:placeholder-shown"},{selector:()=>":host::slotted(input:placeholder-shown)"}],disabledPlaceholder:{selector:"> input:disabled::placeholder"},inputField:{selector:"::part(input-field)"},input:{selector:"input"},inputMask:{selector:"::part(input-field)::before"},inputDisabled:{selector:"input:disabled"},helperText:{selector:"::part(helper-text)"},errorMessage:{selector:"::part(error-message)"},inputIcon:{selector:"vaadin-icon"},externalInput:{selector:()=>"::slotted(input)"},externalInputDisabled:{selector:()=>"::slotted(input:disabled)"},externalPlaceholder:{selector:()=>"::slotted(input:placeholder-shown)"},externalDisabledPlaceholder:{selector:()=>"::slotted(input:disabled::placeholder)"}},x={fontSize:[{},o],fontFamily:[i,a,d,u],labelFontSize:{...i,property:"font-size"},labelFontWeight:{...i,property:"font-weight"},inputValueFontWeight:[{...p,property:"font-weight"},{...g,property:"font-weight"}],inputPlaceholderFontWeight:[{selector:()=>":host input:placeholder-shown",property:"font-weight"},{...f,property:"font-weight"}],helperTextFontWeight:{...d,property:"font-weight"},errorMessageFontWeight:{...u,property:"font-weight"},labelTextColor:[{...i,property:"color"},{...n,property:"color"},{...i,property:"-webkit-text-fill-color"},{...n,property:"-webkit-text-fill-color"}],hostWidth:{...o,property:"width"},hostMinWidth:{...o,property:"min-width"},hostDirection:{...o,property:"direction"},inputDirection:{...p,property:"direction"},inputBackgroundColor:[{...a,property:"background-color"},{...s,property:"background-color"}],errorMessageTextColor:{...u,property:"color"},errorMessageIcon:{...u,property:"background-image"},errorMessageIconSize:{...u,property:"background-size"},errorMessageIconPadding:{...u,property:"padding-inline-start"},errorMessageIconRepeat:{...u,property:"background-repeat"},errorMessageIconPosition:{...u,property:"background-position"},errorMessageFontSize:{...u,property:"font-size"},helperTextColor:{...d,property:"-webkit-text-fill-color"},inputValueTextColor:[{...a,property:"color"},{...h,property:"-webkit-text-fill-color"},{...m,property:"-webkit-text-fill-color"}],inputCaretTextColor:[{...p,property:"caret-color"},{...g,property:"caret-color"}],labelRequiredIndicator:{...n,property:"content"},inputBorderColor:{...a,property:"border-color"},inputBorderWidth:{...a,property:"border-width"},inputBorderStyle:{...a,property:"border-style"},inputBorderRadius:{...a,property:"border-radius"},inputHeight:{...a,property:"height"},inputHorizontalPadding:[{...p,property:"padding-left"},{...p,property:"padding-right"},{...g,property:"padding-left"},{...g,property:"padding-right"}],inputOutlineColor:{...a,property:"outline-color"},inputOutlineStyle:{...a,property:"outline-style"},inputOutlineWidth:{...a,property:"outline-width"},inputOutlineOffset:{...a,property:"outline-offset"},textAlign:{},inputTextAlign:[{...p,property:"text-align"},{...g,property:"text-align"}],inputPlaceholderColor:[{selector:()=>":host input:placeholder-shown",property:"color"},{...f,property:"color"},{...l,property:"color"},{...c,property:"-webkit-text-fill-color"},{...b,property:"-webkit-text-fill-color"}],labelPosition:{...i,property:"position"},labelTopPosition:{...i,property:"top"},labelHorizontalPosition:[{...i,property:"left"},{...i,property:"right"}],inputTransformY:{...i,property:"transform"},inputTransition:{...i,property:"transition"},marginInlineStart:{...i,property:"margin-inline-start"},placeholderOpacity:[{selector:"> input:placeholder-shown",property:"opacity"},{...f,property:"opacity"}],inputVerticalAlignment:[{...a,property:"align-items"},{...g,property:"align-items"}],valueInputHeight:[{...p,property:"height"},{...g,property:"height"}],valueInputMarginBottom:[{...p,property:"margin-bottom"},{...g,property:"margin-bottom"}],inputIconOffset:[{...y,property:"margin-right"},{...y,property:"margin-left"}],inputIconSize:{...y,property:"font-size"},inputIconColor:{...y,property:"color"},inputTextSecurity:[{...p,property:"-webkit-text-security"},{...p,property:"text-security"},{...g,property:"-webkit-text-security"},{...g,property:"text-security"}]}},18330(t,e,r){r.d(e,{f:()=>i});var o=r(44099);class i extends o.r{constructor(t,e){super(t,"input","input",{initializer:(t,r)=>{r.value&&(t.value=r.value),r.type&&t.setAttribute("type",r.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},37436(t,e,r){r.d(e,{a:()=>i});var o=r(44218);const i=t=>class extends((0,o.R)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},27136(t,e,r){r.d(e,{A:()=>h}),r(86689);var o=r(13256),i=r(82901),l=r(72562),n=r(81488),a=r(86314),p=r(87550),s=r(18330),d=r(37436),u=r(37720);const c=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new s.f(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new u.q(this.inputElement,this._labelController))}};(0,p.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(c((0,p.cp)((0,l.q)(o.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return o.qy`
+`;(0,i.SF)("vaadin-email-field",p,{moduleId:"vaadin-email-field-styles"});class s extends a.A{static get is(){return"vaadin-email-field"}constructor(){super(),this._setType("email"),this.pattern="^([a-zA-Z0-9_\\.\\-+])+@[a-zA-Z0-9\\-.]+\\.[a-zA-Z0-9\\-]{2,}$"}ready(){super.ready(),this.inputElement&&(this.inputElement.autocapitalize="off")}}(0,n.X)(s);var d=r(47656),u=r(79365),c=r(9696),h=r(97810),y=r(73551);const g=(0,h.xE)("email-field"),m=(0,c.Zz)((0,u.RF)({mappings:d.A}),u.VO,(0,u.RV)({inputType:"email",inputName:"email",autocompleteType:"username",includeAttrs:["disabled","readonly","pattern"]}),(0,u.OZ)({proxyProps:["value","selectionStart"],useProxyTargets:!0}),u.tQ,t=>class extends t{init(){super.init?.(),this.baseElement.setAttribute("pattern","^[\\w\\.\\%\\+\\-']+@[\\w\\.\\-]+\\.[A-Za-z]{2,}$"),this.getAttribute("autocomplete")||this.setAttribute("autocomplete","username"),this.createExternalInput()}})((0,u.tz)({slots:["","suffix"],wrappedEleName:"vaadin-email-field",style:()=>`\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tpadding: calc(var(${m.cssVarList.inputOutlineWidth}) + var(${m.cssVarList.inputOutlineOffset}));\n        box-sizing: border-box;\n\t\t\t}\n      ${(0,y.$J)("vaadin-email-field")}\n\t\t\t${(0,y.cy)(m.cssVarList)}\n\t\t\t${(0,y.LJ)("vaadin-email-field",m.cssVarList)}\n      ${(0,y.Kl)()}\n\n      vaadin-email-field[label-type="floating"]:not([focused])[readonly] > input:placeholder-shown {\n        opacity: 0;\n      }\n      vaadin-email-field[label-type="floating"]:not([focused])[disabled] > input:placeholder-shown {\n        opacity: 0;\n      }\n\n      :host ::slotted(*) {\n        -webkit-mask-image: none;\n      }\n\n      vaadin-email-field[external-input="true"] > input:not(:placeholder-shown) {\n        opacity: 0;\n      }\n\t\t`,excludeAttrsSync:["tabindex","style"],componentName:g}));customElements.define(g,m)},18330(t,e,r){r.d(e,{f:()=>i});var o=r(44099);class i extends o.r{constructor(t,e){super(t,"input","input",{initializer:(t,r)=>{r.value&&(t.value=r.value),r.type&&t.setAttribute("type",r.type),t.id=this.defaultId,"function"==typeof e&&e(t)},useUniqueId:!0})}}},37436(t,e,r){r.d(e,{a:()=>i});var o=r(44218);const i=t=>class extends((0,o.R)(t)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(t){this.__dataValue=t}_inputElementChanged(t){super._inputElementChanged(t),t&&(t.value&&t.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),t.value=""),this.value&&(t.value=this.value))}_setFocused(t){super._setFocused(t),!t&&document.hasFocus()&&this.validate()}_onInput(t){super._onInput(t),this.invalid&&this.validate()}_valueChanged(t,e){super._valueChanged(t,e),void 0!==e&&this.invalid&&this.validate()}}},27136(t,e,r){r.d(e,{A:()=>h}),r(86689);var o=r(13256),i=r(82901),l=r(72562),n=r(81488),a=r(86314),p=r(87550),s=r(18330),d=r(37436),u=r(37720);const c=t=>class extends((0,d.a)(t)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new s.f(this,t=>{this._setInputElement(t),this._setFocusElement(t),this.stateTarget=t,this.ariaTarget=t})),this.addController(new u.q(this.inputElement,this._labelController))}};(0,p.SF)("vaadin-text-field",a.k,{moduleId:"vaadin-text-field-styles"});class h extends(c((0,p.cp)((0,l.q)(o.Pu)))){static get is(){return"vaadin-text-field"}static get template(){return o.qy`
       <style>
         [part='input-field'] {
           flex-grow: 0;