@tylertech/forge 3.0.0-next.11 → 3.0.0-next.13

package/dist/esm/chunks/{chunk.AEKOP3XT.js.map → chunk.V24M62MC.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/date-range-picker/date-range-picker-constants.ts", "../../src/date-range-picker/date-range-picker-adapter.ts", "../../src/date-range-picker/date-range-picker-foundation.ts", "../../src/date-range-picker/date-range-picker.ts", "../../src/date-range-picker/date-range-picker-component-delegate.ts", "../../src/date-range-picker/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}date-range-picker`;\n\nexport class DatePickerRange implements IDatePickerRange {\n  public from?: Date | string | null;\n  public to?: Date | string | null;\n  constructor(range?: IDatePickerRange) {\n    if (range) {\n      this.from = range.from;\n      this.to = range.to;\n    }\n  }\n\n  public copy(): DatePickerRange {\n    return new DatePickerRange(this);\n  }\n}\n\nexport interface IDatePickerRange {\n  from?: Date | string | null;\n  to?: Date | string | null;\n}\n\nconst observedAttributes = {\n  FROM: 'from',\n  TO: 'to',\n  END_VALUE: 'end-value'\n};\n\nconst selectors = {\n  INPUT: 'input'\n};\n\nconst events = {\n  CHANGE: `${elementName}-change`,\n  OPEN: `${elementName}-open`,\n  CLOSE: `${elementName}-close`,\n  INPUT: `${elementName}-input`\n};\n\nexport const DATE_RANGE_PICKER_CONSTANTS = {\n  elementName,\n  selectors,\n  events,\n  observedAttributes\n};\n\n\nexport interface IDateRangePickerChangeEventData extends DatePickerRange {}\n", "import { emitEvent, listenOwnProperty, getActiveElement } from '@tylertech/forge-core';\nimport { CalendarDropdown, ICalendarDropdownPopupConfig } from '../calendar/calendar-dropdown';\nimport { DateInputMask, IDateInputMaskOptions } from '../core';\nimport { BaseDatePickerAdapter, IBaseDatePickerAdapter } from '../date-picker/base/base-date-picker-adapter';\nimport { IDatePickerCalendarDropdownConfig } from '../date-picker/base/base-date-picker-constants';\nimport { createToggleElement } from '../date-picker/base/base-date-picker-utils';\nimport { DateRangePickerComponent, IDateRangePickerComponent } from './date-range-picker';\nimport { DATE_RANGE_PICKER_CONSTANTS } from './date-range-picker-constants';\n\nexport interface IDateRangePickerAdapter extends IBaseDatePickerAdapter {\n  initializeToMask(toOptions: IDateInputMaskOptions): void;\n  addToInputListener(type: string, listener: (event: Event) => void): void;\n  removeToInputListener(type: string, listener: (event: Event) => void): void;\n  setToInputValueChangedListener(context: any, listener: (value: any) => void): void;\n  getToInputValue(): string;\n  setToInputValue(value: string, emitEvents: boolean): void;\n  emitInputEvent(type: string, data?: any): void;\n  emitToInputEvent(type: string, data?: any): void;\n  tryFocusInput(): void;\n  tryBlurInput(): void;\n  selectToInputText(): void;\n  destroyToMask(): void;\n}\n\nexport class DateRangePickerAdapter extends BaseDatePickerAdapter<IDateRangePickerComponent> implements IDateRangePickerAdapter {\n  private _fromInputElement: HTMLInputElement;\n  private _toInputElement: HTMLInputElement;\n  private _toInputMask: DateInputMask | undefined;\n  private _fromInputMask: DateInputMask | undefined;\n  private _dropdownIdentifier: string;\n  private _toValueChangeListener: (() => void) | undefined;\n\n  constructor(component: DateRangePickerComponent) {\n    super(component);\n    this._dropdownIdentifier = `forge-date-range-picker-${this._identifier}`;\n  }\n\n  protected _initializeInput(): void {\n    this._fromInputElement = this._component.querySelectorAll(DATE_RANGE_PICKER_CONSTANTS.selectors.INPUT)[0] as HTMLInputElement;\n    this._toInputElement = this._component.querySelectorAll(DATE_RANGE_PICKER_CONSTANTS.selectors.INPUT)[1] as HTMLInputElement;\n\n    if (!this._fromInputElement || !this._fromInputElement) {\n      throw new Error(`The ${DATE_RANGE_PICKER_CONSTANTS.elementName} requires two inputs`);\n    }\n  }\n\n  protected _initializeCalendarDropdown(): void {\n    const targetElement = this._getDefaultTargetElement();\n    this._calendarDropdown = new CalendarDropdown(targetElement, this._dropdownIdentifier);\n  }\n\n  public override initializeMask(fromOptions: IDateInputMaskOptions): void {\n    this._fromInputMask?.destroy();\n    this._fromInputMask = new DateInputMask(this._fromInputElement, fromOptions);\n  }\n\n  public override destroyMask(): void {\n    this._fromInputMask?.destroy();\n    this._fromInputMask = undefined;\n  }\n\n  public initializeToMask(toOptions: IDateInputMaskOptions): void {\n    this._toInputMask?.destroy();\n    this._toInputMask = new DateInputMask(this._toInputElement, toOptions);\n  }\n\n  public destroyToMask(): void {\n    this._toInputMask?.destroy();\n    this._toInputMask = undefined;\n  }\n\n  public override destroy(): void {\n    super.destroy();\n    this._destroyToValueChangeListener();\n  }\n\n  private _destroyToValueChangeListener(): void {\n    if (typeof this._toValueChangeListener === 'function') {\n      this._toValueChangeListener();\n    }\n  }\n\n  public initializeAccessibility(): void {\n    this._applyToInputs(input => input.setAttribute('autocomplete', 'off'));\n    this._applyToInputs(input => input.setAttribute('autocorrect', 'off'));\n    this._applyToInputs(input => input.setAttribute('autocapitalize', 'off'));\n    this._applyToInputs(input => input.setAttribute('spellcheck', 'false'));\n    this._applyToInputs(input => input.setAttribute('role', 'combobox'));\n    this._applyToInputs(input => input.setAttribute('aria-live', 'assertive'));\n    this._applyToInputs(input => input.setAttribute('aria-atomic', 'true'));\n    this._applyToInputs(input => input.setAttribute('aria-haspopup', 'true'));\n    this._applyToInputs(input => input.setAttribute('aria-expanded', 'false'));\n    this._applyToInputs(input => input.setAttribute('aria-owns', this._dropdownIdentifier));\n  }\n\n  public addInputListener(type: string, listener: (event: Event) => void, capture?: boolean): void {\n    this._fromInputElement?.addEventListener(type, listener, { capture });\n  }\n\n  public addToInputListener(type: string, listener: (event: Event) => void, capture?: boolean): void {\n    this._toInputElement?.addEventListener(type, listener, { capture });\n  }\n\n  public removeInputListener(type: string, listener: (event: Event) => void): void {\n    this._fromInputElement?.removeEventListener(type, listener);\n  }\n  \n  public removeToInputListener(type: string, listener: (event: Event) => void): void {\n    this._toInputElement?.removeEventListener(type, listener);\n  }\n\n  public setInputValueChangedListener(context: any, listener: (value: any) => void): void {\n    if (this._valueChangeListeners.length) {\n      this.destroyValueChangeListener();\n    }\n    const destroyListenerCb = listenOwnProperty(context, this._fromInputElement, 'value', listener);\n    this._valueChangeListeners.push(destroyListenerCb);\n  }\n\n  public setToInputValueChangedListener(context: any, listener: (value: any) => void): void {\n    this._destroyToValueChangeListener();\n    this._toValueChangeListener = listenOwnProperty(context, this._toInputElement, 'value', listener);\n  }\n\n  public hasInputElement(): boolean {\n    return !!this._fromInputElement && !!this._toInputElement;\n  }\n\n  public override attachCalendar(calendarConfig: IDatePickerCalendarDropdownConfig<Date | null>, dropdownConfig?: ICalendarDropdownPopupConfig): void {\n    super.attachCalendar(calendarConfig, dropdownConfig);\n    this._fromInputElement.setAttribute('aria-expanded', 'true');\n  }\n\n  public override detachCalendar(): void {\n    super.detachCalendar();\n    if (this._fromInputElement) {\n      this._fromInputElement.setAttribute('aria-expanded', 'false');\n      this._fromInputElement.removeAttribute('aria-activedescendant');\n    }\n  }\n\n  public setActiveDescendant(id: string): void {\n    this._fromInputElement.setAttribute('aria-activedescendant', id);\n  }\n\n  public setInputValue(value: string, emitEvents: boolean): void {\n    if (this._fromInputElement.value === value) {\n      return;\n    }\n\n    this._fromInputElement.value = value;\n    \n    if (this._fromInputMask) {\n      this._fromInputMask.updateMask();\n    }\n\n    if (emitEvents) {\n      this._fromInputElement.dispatchEvent(new Event('change'));\n      this._fromInputElement.dispatchEvent(new Event('input'));;\n    }\n  }\n\n  public setToInputValue(value: string, emitEvents: boolean): void {\n    if (this._toInputElement.value === value) {\n      return;\n    }\n\n    this._toInputElement.value = value;\n    \n    if (this._toInputMask) {\n      this._toInputMask.updateMask();\n    }\n    \n    if (emitEvents) {\n      this._toInputElement.dispatchEvent(new Event('change'));\n      this._toInputElement.dispatchEvent(new Event('input'));\n    }\n  }\n\n  public isInputDisabled(): boolean {\n    return this._fromInputElement.disabled;\n  }\n\n  public isInputFocused(target?: EventTarget | null): boolean {\n    if (target && this._toInputElement === target || this._fromInputElement === target) {\n      return true;\n    }\n    const activeEl = getActiveElement(this._component.ownerDocument);\n    return this._toInputElement === activeEl || this._fromInputElement === activeEl;\n  }\n\n  public getInputValue(): string {\n    return this._fromInputElement.value;\n  }\n\n  public getToInputValue(): string {\n    return this._toInputElement.value;\n  }\n\n  public setDisabled(isDisabled: boolean): void {\n    this._fromInputElement.disabled = isDisabled;\n    this._toInputElement.disabled = isDisabled;\n\n    this._toInputElement.setAttribute('aria-disabled', isDisabled.toString());\n    this._fromInputElement.setAttribute('aria-disabled', isDisabled.toString());\n\n    if (this._toggleElement) {\n      this._toggleElement.setAttribute('aria-disabled', isDisabled.toString());\n      if (this._toggleElement.hasOwnProperty('disabled')) {\n        (this._toggleElement as HTMLButtonElement).disabled = isDisabled;\n      }\n    }\n  }\n\n  public emitInputEvent(type: string, data?: any): void {\n    emitEvent(this._fromInputElement, type, data);\n  }\n\n  public emitToInputEvent(type: string, data?: any): void {\n    emitEvent(this._toInputElement, type, data);\n  }\n\n  protected override _createToggleElement(): HTMLElement {\n    return createToggleElement('date_range');\n  }\n\n  public tryFocusInput(): void {\n    this._fromInputElement.focus();\n  }\n\n  public tryBlurInput(): void {\n    this._fromInputElement.blur();\n  }\n\n  public selectInputText(): void {\n    this._fromInputElement.select();\n  }\n\n  public selectToInputText(): void {\n    this._toInputElement.select();\n  }\n\n  private _applyToInputs(action: (input: HTMLInputElement) => void): void {\n    [this._fromInputElement, this._toInputElement].forEach(action);\n  }\n}\n", "import { isDate, isValidDate, Platform } from '@tylertech/forge-core';\nimport { CalendarMode, DateRange, ICalendarDateSelectEventData } from '../calendar';\nimport { isSameDate } from '../core/utils/date-utils';\nimport { IDateInputMaskOptions } from '../core/mask/date-input-mask';\nimport { BaseDatePickerFoundation, IBaseDatePickerFoundation } from '../date-picker/base/base-date-picker-foundation';\nimport { IDateRangePickerAdapter } from './date-range-picker-adapter';\nimport { DatePickerRange, DATE_RANGE_PICKER_CONSTANTS, IDatePickerRange, IDateRangePickerChangeEventData } from './date-range-picker-constants';\n\nexport interface IDateRangePickerFoundation extends IBaseDatePickerFoundation<IDatePickerRange> {\n  from: Date | string | null | undefined;\n  to: Date | string | null | undefined;\n}\n\nexport class DateRangePickerFoundation extends BaseDatePickerFoundation<IDateRangePickerAdapter, IDatePickerRange> implements IDateRangePickerFoundation {\n  protected _mode: CalendarMode = 'range';\n  private _from?: Date | null = null;\n  private _to?: Date | null = null;\n  private _toInputListener: (evt: Event) => void;\n  private _toInputKeydownListener: (evt: KeyboardEvent) => void;\n  private _toInputFocusListener: (evt: FocusEvent) => void;\n  private _toInputBlurListener: (evt: FocusEvent) => void;\n  private _toInputValueChangedListener: (value: string) => void;\n\n  constructor(adapter: IDateRangePickerAdapter) {\n    super(adapter);\n    this._toInputListener = evt => this._onToInput(evt);\n    this._toInputValueChangedListener = value => this._onToInputValueChanged(value);\n    this._toInputKeydownListener = evt => this._onInputKeydown(evt);\n    this._toInputFocusListener = evt => this._onToInputFocus();\n    this._toInputBlurListener = evt => this._onToInputBlur(evt);\n  }\n\n  protected _initializeState(): void {\n    this._applyToMask();\n\n    if (!this._from) {\n      this._from = this._coerceDateValue(this._adapter.getInputValue());\n    }\n    if (!this._to) {\n      this._to = this._coerceDateValue(this._adapter.getToInputValue());\n    }\n  }\n\n  protected override _initializeListeners(): void {\n    super._initializeListeners();\n    this._adapter.addToInputListener('keydown', this._toInputKeydownListener);\n    this._adapter.addToInputListener('focus', this._toInputFocusListener);\n    this._adapter.addToInputListener('blur', this._toInputBlurListener);\n  }\n\n  protected override _initializeValueChangedListeners(): void {\n    super._initializeValueChangedListeners();\n    this._adapter.setToInputValueChangedListener(this, this._toInputValueChangedListener);\n  }\n\n  protected override _setInputChangeListeners(): void {\n    super._setInputChangeListeners();\n    this._adapter.addToInputListener('input', this._toInputListener);\n  }\n\n  protected override _removeInputChangeListeners(): void {\n    super._removeInputChangeListeners();\n    this._adapter.removeToInputListener('input', this._toInputListener);\n  }\n\n  protected override _openCalendar(emitOpenEvent?: boolean): void {\n    this._formatToInputValue();\n    super._openCalendar(emitOpenEvent);\n\n    const currentValue = this._getCurrentValue();\n    if (!!currentValue?.to) {\n      this._adapter.goToCalendarDate(new Date(currentValue.to));\n    } else if (!!currentValue?.from) {\n      this._adapter.goToCalendarDate(new Date(currentValue.from));\n    }\n  }\n\n  protected _emitChangeEvent(value: DateRange | null | undefined, force?: boolean): boolean {\n    const typedStartValue = this._getTypedValue((value && value.from) || null);\n    const typedEndValue = this._getTypedValue((value && value.to) || null);\n    const detail: IDateRangePickerChangeEventData = new DatePickerRange({ from: typedStartValue, to: typedEndValue });\n    const wasCancelled = !this._adapter.emitHostEvent(DATE_RANGE_PICKER_CONSTANTS.events.CHANGE, detail, true, !force);\n    if (!wasCancelled) {\n      this._setValue(this._coerceDateValue((value && value.from) || null));\n      this._setToValue(this._coerceDateValue((value && value.to) || null));\n      return true;\n    }\n    return false;\n  }\n\n  protected _emitOpenEvent(): void {\n    this._adapter.emitHostEvent(DATE_RANGE_PICKER_CONSTANTS.events.OPEN, undefined, false);\n  }\n\n  protected _emitCloseEvent(): void {\n    this._adapter.emitHostEvent(DATE_RANGE_PICKER_CONSTANTS.events.CLOSE, undefined, false);\n  }\n  \n  protected _onToday(): void {\n    const today = new Date();\n    const range = this._open ? new DateRange({ from: this._from || today, to: this._to || undefined }) : new DateRange({ from: today });\n    if (!this._isDateRangeAcceptable(range)) {\n      return;\n    }\n    this.value = range;\n    this._onDateSelected({ date: today, range, selected: true, type: 'date' });\n    this._adapter.setCalendarActiveDate(today);\n  }\n\n  protected _onClear(): void {\n    this._onDateSelected({ date: null, range: new DateRange(), selected: false, type: 'date' });\n    this._closeCalendar(true);\n  }\n\n  protected _getCurrentValue(): IDatePickerRange | null | undefined {\n    return this._value;\n  }\n\n  private _applyToMask(): void {\n    if (this._masked) {\n      this._initializeToMask();\n    } else {\n      this._adapter.destroyToMask();\n      this._formatToInputValue();\n    }\n  }\n\n  private _formatToInputValue(): void {\n    const inputValue = this._adapter.getToInputValue();\n    if (inputValue) {\n      const parsedDate = this._parseDateString(inputValue);\n      if (isValidDate(parsedDate) && this._isDateValueAcceptable(parsedDate)) {\n        const formattedDate = this._formatDate(parsedDate);\n        if (formattedDate) {\n          this._adapter.setToInputValue(formattedDate, this._notifyInputValueChanges);\n        }\n      } else {\n        if (!this._allowInvalidDate) {\n          this._adapter.setToInputValue('', this._notifyInputValueChanges);\n        }\n      }\n    }\n  }\n\n  protected _setFormattedInputValue(suppressValueChanges?: boolean): void {\n    let formattedDate = this._formatDate(this._from);\n    if (!formattedDate && !this._allowInvalidDate) {\n      formattedDate = '';\n    }\n    this._adapter.setInputValue(formattedDate, suppressValueChanges ? false : this._notifyInputValueChanges);\n  }\n\n  private _setFormattedToInputValue(suppressValueChanges?: boolean): void {\n    let formattedDate = this._formatDate(this._to);\n    if (!formattedDate && !this._allowInvalidDate) {\n      formattedDate = '';\n    }\n    this._adapter.setToInputValue(formattedDate, suppressValueChanges ? false : this._notifyInputValueChanges);\n  }\n\n  protected _isDateRangeAcceptable(value?: DateRange | null | undefined): boolean {\n    if (!value?.to) {\n      return true;\n    }\n\n    const passesMinDate = (): boolean => this._isDateValueAcceptable(value.from);\n    const passesMaxDate = (): boolean => this._isDateValueAcceptable(value.to);\n    const passesDateRange = (): boolean => value?.from && value?.to ? value.from.getTime() <= value.to.getTime() : true;\n\n    return passesMinDate() && passesMaxDate() && passesDateRange();\n  }\n\n  protected _setValue(value: Date | null | undefined): void {\n    if (this._isDateValueAcceptable(value)) {\n      this._from = value || null;\n      if (!this._value) {\n        this._value = { from: this._from, to: this._to };\n      } else {\n        this._value.from = this._from;\n      }\n    }\n  }\n\n  private _setToValue(value: Date | null | undefined): void {\n    if (this._isDateValueAcceptable(value)) {\n      this._to = value || null;\n      if (!this._value) {\n        this._value = { from: this._from, to: this._to };\n      } else {\n        this._value.to = this._to;\n      }\n    }\n  }\n\n  protected _onDateSelected(event: ICalendarDateSelectEventData): void {\n    const value = event.range;\n\n    if (event.rangeSelectionState === 'to') {\n      this._closeCalendar(true);\n    }\n\n    if (!this._emitChangeEvent(value ?? null)) {\n      return;\n    }\n\n    const formattedFromValue = this._formatDate((value && value.from) || null);\n    const formattedToValue = this._formatDate((value && value.to) || null);\n    this._adapter.setInputValue(formattedFromValue, this._notifyInputValueChanges);\n    this._adapter.setToInputValue(formattedToValue, this._notifyInputValueChanges);\n    this._formatInputValue();\n    this._formatToInputValue();\n\n    this._from = (value && value.from) || null;\n    this._to = (value && value.to) || null;\n\n    if (!Platform.isMobile) {\n      if (formattedToValue) {\n        this._adapter.selectToInputText();\n      } else {\n        this._adapter.selectInputText();\n      }\n    }\n  }\n\n  protected override _applyMin(): void {\n    if (this._from && !this._isDateValueAcceptable(this._from)) {\n      this._emitChangeEvent(new DateRange({ to: this._to || undefined }), true);\n      this._setFormattedInputValue();\n    }\n    if (this._to && !this._isDateValueAcceptable(this._to)) {\n      this._emitChangeEvent(new DateRange({ from: this._from || undefined }), true);\n      this._setFormattedToInputValue();\n    }\n    super._applyMin();\n  }\n\n  protected override _applyMax(): void {\n    if (this._from && !this._isDateValueAcceptable(this._from)) {\n      this._emitChangeEvent(new DateRange({ to: this._to || undefined }), true);\n      this._setFormattedInputValue();\n    }\n    if (this._to && !this._isDateValueAcceptable(this._to)) {\n      this._emitChangeEvent(new DateRange({ from: this._from || undefined }), true);\n      this._setFormattedToInputValue();\n    }\n    super._applyMax();\n  }\n\n  protected _initializeToMask(): void {\n    if (!this._masked) {\n      return;\n    }\n\n    const options: IDateInputMaskOptions = {\n      showMaskFormat: this._showMaskFormat && this._adapter.isInputFocused(),\n      pattern: this._maskFormat,\n      onChange: (value: string) => this._handleToInput(value)\n    };\n\n    if (this._prepareMaskCallback) {\n      options.prepareCallback = (value, masked, flags, maskInstance) => {\n        return this._prepareMaskCallback.call(null, value, masked, flags, maskInstance);\n      };\n    }\n\n    this._adapter.initializeToMask(options);\n  }\n\n  protected _applyDisabledDates(): void {\n    if (this._from && !this._isDateValueAcceptable(this._from)) {\n      this._emitChangeEvent(new DateRange({ to: this._to || undefined }), true);\n      this._setFormattedInputValue();\n    }\n    if (this._to && !this._isDateValueAcceptable(this._to)) {\n      this._emitChangeEvent(new DateRange({ from: this._from || undefined }), true);\n      this._setFormattedToInputValue();\n    }\n  }\n\n  protected _applyDisabledDaysOfWeek(): void {\n    if (this._from && !this._isDateValueAcceptable(this._from)) {\n      this._emitChangeEvent(null, true);\n      this._setFormattedInputValue();\n    }\n    if (this._to && !this._isDateValueAcceptable(this._to)) {\n      this._emitChangeEvent(null, true);\n      this._setFormattedToInputValue();\n    }\n  }\n\n  private _onToInput(evt: Event): void {\n    this._handleInput(this._adapter.getInputValue());\n  }\n\n  protected _handleInput(value: string): void {\n    const sanitizedValue = this._getSanitizedDateString(value);\n    const date = this._coerceDateValue(sanitizedValue);\n    if (this._masked) {\n      this._adapter.emitInputEvent(DATE_RANGE_PICKER_CONSTANTS.events.INPUT, sanitizedValue);\n    }\n    if (!isSameDate(date, this._from) && this._isDateValueAcceptable(date)) {\n      this._emitChangeEvent(new DateRange({ from: date || undefined, to: this._to || undefined }));\n    }\n  }\n\n  private _handleToInput(value: string): void {\n    const sanitizedValue = this._getSanitizedDateString(value);\n    const date = this._coerceDateValue(sanitizedValue);\n    if (this._masked) {\n      this._adapter.emitToInputEvent(DATE_RANGE_PICKER_CONSTANTS.events.INPUT, sanitizedValue);\n    }\n    if (!isSameDate(date, this._to) && this._isDateValueAcceptable(date)) {\n      this._emitChangeEvent(new DateRange({ from: this._from || undefined, to: date || undefined }));\n    }\n  }\n\n  private _onToInputFocus(): void {\n    this._adapter.selectToInputText();\n    if (this.masked && this._showMaskFormat) {\n      this._initializeMask();\n      this._initializeToMask();\n    }\n  }\n\n  private _onToInputBlur(evt: FocusEvent): void {\n    if (this._masked && !this._adapter.isInputFocused(evt.relatedTarget)) {\n      this._initializeMask();\n      this._initializeToMask();\n    }\n\n    this._formatToInputValue();\n\n    if (this._open) {\n      this._closeCalendar(true);\n    }\n  }\n\n  protected override _onInputFocus(evt: FocusEvent): void {\n    this._adapter.selectInputText();\n    if (this.masked && this._showMaskFormat) {\n      this._initializeMask();\n      this._initializeToMask();\n    }\n  }\n\n  protected override _onInputBlur(evt: FocusEvent): void {\n    if (this.masked && !this._adapter.isInputFocused(evt.relatedTarget)) {\n      this._initializeMask();\n      this._initializeToMask();\n    }\n\n    this._formatInputValue();\n\n    if (this._open && !this._adapter.isInputFocused(evt.relatedTarget)) {\n      this._closeCalendar(true);\n    }\n  }\n\n  protected _onInputValueChanged(value: string): void {\n    if (this._masked) {\n      return;\n    }\n    const sanitizedValue = this._getSanitizedDateString(value);\n    const date = this._coerceDateValue(sanitizedValue);\n    if (!isSameDate(date, this._from)) {\n      this.from = date;\n      this._emitChangeEvent(new DateRange({ from: date || undefined, to: this._to || undefined }));\n    }\n  }\n\n  private _onToInputValueChanged(value: string): void {\n    if (this._masked) {\n      return;\n    }\n    const sanitizedValue = this._getSanitizedDateString(value);\n    const date = this._coerceDateValue(sanitizedValue);\n    if (!isSameDate(date, this._to)) {\n      this.to = date;\n      this._emitChangeEvent(new DateRange({ from: this._from || undefined, to: date || undefined }));\n    }\n  }\n\n  public get value(): IDatePickerRange | null | undefined {\n    return { from: this.from, to: this.to };\n  }\n  public set value(value: IDatePickerRange | null | undefined) {\n    if (!value) {\n      value = { from: null, to: null };\n    }\n\n    if (value.from === undefined) {\n      value.from = null;\n    }\n\n    if (value.to === undefined) {\n      value.to = null;\n    }\n\n    this.from = value.from;\n    this.to = value.to;\n\n    this._value = { from: this.from, to: this.to };\n  }\n\n  public get from(): Date | string | null | undefined {\n    const date = this._getTypedValue(this._from);\n\n    if (!date) {\n      return null;\n    }\n\n    if (isDate(date)) {\n      return new Date(date.getTime());\n    }\n\n    return date;\n  }\n  public set from(value: Date | string | null | undefined) {\n    if (this._from !== value) {\n      this._setValue(this._coerceDateValue(value));\n      if (this._isInitialized) {\n        this._setFormattedInputValue();\n        if (this._open) {\n          this._adapter.setCalendarValue(new DateRange({ from: this._coerceDateValue(value) || undefined, to: this._coerceDateValue(this._to) || undefined }));\n        }\n      }\n    }\n  }\n\n  public get to(): Date | string | null | undefined {\n    const date = this._getTypedValue(this._to);\n\n    if (!date) {\n      return null;\n    }\n\n    if (isDate(date)) {\n      return new Date(date.getTime());\n    }\n\n    return date;\n  }\n  public set to(value: Date | string | null | undefined) {\n    if (this._to !== value) {\n      this._setToValue(this._coerceDateValue(value));\n      if (this._isInitialized) {\n        this._setFormattedToInputValue();\n        if (this._open) {\n          this._adapter.setCalendarValue(new DateRange({ to: this._coerceDateValue(value) || undefined, from: this._coerceDateValue(this._from) || undefined }));\n        }\n      }\n    }\n  }\n}\n", "import { attachShadowTemplate, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconDateRange } from '@tylertech/tyler-icons/standard';\nimport { CalendarComponent } from '../calendar';\nimport { BaseDatePickerComponent, IBaseDatePickerComponent } from '../date-picker/base/base-date-picker';\nimport { BASE_DATE_PICKER_CONSTANTS } from '../date-picker/base/base-date-picker-constants';\nimport { IconComponent, IconRegistry } from '../icon';\nimport { IconButtonComponent } from '../icon-button';\nimport { PopupComponent } from '../popup';\nimport { DateRangePickerAdapter } from './date-range-picker-adapter';\nimport { DATE_RANGE_PICKER_CONSTANTS, IDatePickerRange, IDateRangePickerChangeEventData } from './date-range-picker-constants';\nimport { DateRangePickerFoundation } from './date-range-picker-foundation';\n\nconst template = '<template><slot></slot></template>';\nconst styles = ':host{display:block}:host([hidden]){display:none}';\n\nexport interface IDateRangePickerComponent extends IBaseDatePickerComponent<IDatePickerRange> {\n  from: Date | string | null | undefined;\n  to: Date | string | null | undefined;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-date-range-picker': IDateRangePickerComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-date-range-picker-change': CustomEvent<IDateRangePickerChangeEventData>;\n    'forge-date-range-picker-open': CustomEvent<void>;\n    'forge-date-range-picker-close': CustomEvent<void>;\n    'forge-date-range-picker-input': CustomEvent<string>;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-date-range-picker>` element.\n * \n * @tag forge-date-range-picker\n */\n@CustomElement({\n  name: DATE_RANGE_PICKER_CONSTANTS.elementName,\n  dependencies: [\n    PopupComponent,\n    CalendarComponent,\n    IconButtonComponent,\n    IconComponent\n  ]\n})\nexport class DateRangePickerComponent extends BaseDatePickerComponent<IDatePickerRange, IDatePickerRange, DateRangePickerFoundation> implements IDateRangePickerComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      ...Object.values(BASE_DATE_PICKER_CONSTANTS.observedAttributes),\n      DATE_RANGE_PICKER_CONSTANTS.observedAttributes.FROM,\n      DATE_RANGE_PICKER_CONSTANTS.observedAttributes.TO\n    ];\n  }\n\n  constructor() {\n    super();\n    IconRegistry.define(tylIconDateRange);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new DateRangePickerFoundation(new DateRangePickerAdapter(this));\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case DATE_RANGE_PICKER_CONSTANTS.observedAttributes.FROM:\n        this.from = newValue;\n        return;\n      case DATE_RANGE_PICKER_CONSTANTS.observedAttributes.TO:\n        this.to = newValue;\n        return;\n    }\n    super.attributeChangedCallback(name, oldValue, newValue);\n  }\n\n  /** Gets/sets the \"from\" date range value. */\n  @FoundationProperty()\n  public declare from: Date | string | null | undefined;\n\n  /** Gets/sets the \"to\" date range value. */\n  @FoundationProperty()\n  public declare to: Date | string | null | undefined;\n}\n", "import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions, IBaseComponentDelegateConfig } from '../core/delegates';\nimport { FieldDensityType } from '../field/field-constants';\nimport { ITextFieldComponent, TEXT_FIELD_CONSTANTS } from '../text-field';\nimport { IDateRangePickerComponent } from './date-range-picker';\nimport { DATE_RANGE_PICKER_CONSTANTS, IDateRangePickerChangeEventData } from './date-range-picker-constants';\n\nexport type DateRangePickerComponentDelegateProps = Partial<IDateRangePickerComponent>;\nexport interface IDateRangePickerComponentDelegateOptions extends IFormFieldComponentDelegateOptions {\n  useDropdownIcon?: boolean;\n  fromPlaceholder?: string;\n  toPlaceholder?: string;\n  label?: string;\n  required?: boolean;\n  density?: FieldDensityType;\n}\nexport interface IDateRangePickerComponentDelegateConfig extends IBaseComponentDelegateConfig<IDateRangePickerComponent, IDateRangePickerComponentDelegateOptions> {}\n\nexport class DateRangeComponentDelegate extends FormFieldComponentDelegate<IDateRangePickerComponent, IDateRangePickerComponentDelegateOptions> {\n  private _textField: ITextFieldComponent;\n  private _fromInput: HTMLInputElement;\n  private _toInput: HTMLInputElement;\n\n  constructor(config?: IDateRangePickerComponentDelegateConfig) {\n    super(config);\n  }\n\n  protected _build(): IDateRangePickerComponent {\n    const dateRangePicker = document.createElement(DATE_RANGE_PICKER_CONSTANTS.elementName) as IDateRangePickerComponent;\n    this._attachTextField(dateRangePicker);\n    return dateRangePicker;\n  }\n\n  public get fromInput(): HTMLInputElement {\n    return this._textField.querySelector(`input[${TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT}-0]`) as HTMLInputElement;\n  }\n\n  public get toInput(): HTMLInputElement {\n    return this._textField.querySelector(`input[${TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT}-1]`) as HTMLInputElement;\n  }\n\n  public get textField(): ITextFieldComponent {\n    return this._textField;\n  }\n\n  public get value(): any {\n    return this._element.value;\n  }\n  public set value(value: any) {\n    this._element.value = value;\n  }\n\n  public get disabled(): boolean {\n    return this._element.disabled;\n  }\n  public set disabled(value: boolean) {\n    this._element.disabled = value;\n  }\n\n  public get invalid(): boolean {\n    return this._textField.invalid || false;\n  }\n  public set invalid(value: boolean) {\n    this._textField.invalid = value;\n  }\n\n  public onChange(listener: (value: IDateRangePickerChangeEventData) => void): void {\n    this._element.addEventListener(DATE_RANGE_PICKER_CONSTANTS.events.CHANGE, (evt: CustomEvent<IDateRangePickerChangeEventData>) => listener(evt.detail));\n  }\n\n  public onFocus(listener: (evt: FocusEvent) => void): void {\n    this._element.addEventListener('focusin', (evt: FocusEvent) => {\n      const isFocusWithin = !this._element.contains(evt.relatedTarget as Node);\n      if (isFocusWithin) {\n        listener(evt);\n      }\n    });\n  }\n\n  public onBlur(listener: (evt: FocusEvent) => void): void {\n    this._element.addEventListener('focusout', (evt: FocusEvent) => {\n      const isFocusOutside = !this._element.contains(evt.relatedTarget as Node);\n      if (isFocusOutside) {\n        listener(evt);\n      }\n    });\n  }\n\n  private _attachTextField(dateRangePicker: IDateRangePickerComponent): void {\n    this._textField = document.createElement(TEXT_FIELD_CONSTANTS.elementName);\n\n    if (this._config.options?.required) {\n      this._textField.required = true;\n    }\n    if (this._config.options?.density) {\n      this._textField.density = this._config.options.density;\n    }\n\n    this._fromInput = document.createElement('input');\n    this._fromInput.type = 'text';\n    this._fromInput.placeholder = this._config.options?.fromPlaceholder || 'From';\n    this._textField.appendChild(this._fromInput);\n\n    this._toInput = document.createElement('input');\n    this._toInput.type = 'text';\n    this._toInput.placeholder = this._config.options?.toPlaceholder || 'To';\n    this._textField.appendChild(this._toInput);\n\n    const label = document.createElement('label');\n    label.textContent = this._config.options?.label || 'Choose date range';\n    this._textField.appendChild(label);\n\n    dateRangePicker.appendChild(this._textField);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { DateRangePickerComponent } from './date-range-picker';\n\nexport * from './date-range-picker';\nexport * from './date-range-picker-adapter';\nexport * from './date-range-picker-constants';\nexport * from './date-range-picker-foundation';\nexport * from './date-range-picker-component-delegate';\n\nexport function defineDateRangePickerComponent(): void {\n  defineCustomElement(DateRangePickerComponent);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}date-range-picker`;\n\nexport class DatePickerRange implements IDatePickerRange {\n  public from?: Date | string | null;\n  public to?: Date | string | null;\n  constructor(range?: IDatePickerRange) {\n    if (range) {\n      this.from = range.from;\n      this.to = range.to;\n    }\n  }\n\n  public copy(): DatePickerRange {\n    return new DatePickerRange(this);\n  }\n}\n\nexport interface IDatePickerRange {\n  from?: Date | string | null;\n  to?: Date | string | null;\n}\n\nconst observedAttributes = {\n  FROM: 'from',\n  TO: 'to',\n  END_VALUE: 'end-value'\n};\n\nconst selectors = {\n  INPUT: 'input'\n};\n\nconst events = {\n  CHANGE: `${elementName}-change`,\n  OPEN: `${elementName}-open`,\n  CLOSE: `${elementName}-close`,\n  INPUT: `${elementName}-input`\n};\n\nexport const DATE_RANGE_PICKER_CONSTANTS = {\n  elementName,\n  selectors,\n  events,\n  observedAttributes\n};\n\n\nexport interface IDateRangePickerChangeEventData extends DatePickerRange {}\n", "import { emitEvent, listenOwnProperty, getActiveElement } from '@tylertech/forge-core';\nimport { CalendarDropdown, ICalendarDropdownPopupConfig } from '../calendar/calendar-dropdown';\nimport { DateInputMask, IDateInputMaskOptions } from '../core';\nimport { BaseDatePickerAdapter, IBaseDatePickerAdapter } from '../date-picker/base/base-date-picker-adapter';\nimport { IDatePickerCalendarDropdownConfig } from '../date-picker/base/base-date-picker-constants';\nimport { createToggleElement } from '../date-picker/base/base-date-picker-utils';\nimport { DateRangePickerComponent, IDateRangePickerComponent } from './date-range-picker';\nimport { DATE_RANGE_PICKER_CONSTANTS } from './date-range-picker-constants';\n\nexport interface IDateRangePickerAdapter extends IBaseDatePickerAdapter {\n  initializeToMask(toOptions: IDateInputMaskOptions): void;\n  addToInputListener(type: string, listener: (event: Event) => void): void;\n  removeToInputListener(type: string, listener: (event: Event) => void): void;\n  setToInputValueChangedListener(context: any, listener: (value: any) => void): void;\n  getToInputValue(): string;\n  setToInputValue(value: string, emitEvents: boolean): void;\n  emitInputEvent(type: string, data?: any): void;\n  emitToInputEvent(type: string, data?: any): void;\n  tryFocusInput(): void;\n  tryBlurInput(): void;\n  selectToInputText(): void;\n  destroyToMask(): void;\n}\n\nexport class DateRangePickerAdapter extends BaseDatePickerAdapter<IDateRangePickerComponent> implements IDateRangePickerAdapter {\n  private _fromInputElement: HTMLInputElement;\n  private _toInputElement: HTMLInputElement;\n  private _toInputMask: DateInputMask | undefined;\n  private _fromInputMask: DateInputMask | undefined;\n  private _dropdownIdentifier: string;\n  private _toValueChangeListener: (() => void) | undefined;\n\n  constructor(component: DateRangePickerComponent) {\n    super(component);\n    this._dropdownIdentifier = `forge-date-range-picker-${this._identifier}`;\n  }\n\n  protected _initializeInput(): void {\n    this._fromInputElement = this._component.querySelectorAll(DATE_RANGE_PICKER_CONSTANTS.selectors.INPUT)[0] as HTMLInputElement;\n    this._toInputElement = this._component.querySelectorAll(DATE_RANGE_PICKER_CONSTANTS.selectors.INPUT)[1] as HTMLInputElement;\n\n    if (!this._fromInputElement || !this._fromInputElement) {\n      throw new Error(`The ${DATE_RANGE_PICKER_CONSTANTS.elementName} requires two inputs`);\n    }\n  }\n\n  protected _initializeCalendarDropdown(): void {\n    const targetElement = this._getDefaultTargetElement();\n    this._calendarDropdown = new CalendarDropdown(targetElement, this._dropdownIdentifier);\n  }\n\n  public override initializeMask(fromOptions: IDateInputMaskOptions): void {\n    this._fromInputMask?.destroy();\n    this._fromInputMask = new DateInputMask(this._fromInputElement, fromOptions);\n  }\n\n  public override destroyMask(): void {\n    this._fromInputMask?.destroy();\n    this._fromInputMask = undefined;\n  }\n\n  public initializeToMask(toOptions: IDateInputMaskOptions): void {\n    this._toInputMask?.destroy();\n    this._toInputMask = new DateInputMask(this._toInputElement, toOptions);\n  }\n\n  public destroyToMask(): void {\n    this._toInputMask?.destroy();\n    this._toInputMask = undefined;\n  }\n\n  public override destroy(): void {\n    super.destroy();\n    this._destroyToValueChangeListener();\n  }\n\n  private _destroyToValueChangeListener(): void {\n    if (typeof this._toValueChangeListener === 'function') {\n      this._toValueChangeListener();\n    }\n  }\n\n  public initializeAccessibility(): void {\n    this._applyToInputs(input => input.setAttribute('autocomplete', 'off'));\n    this._applyToInputs(input => input.setAttribute('autocorrect', 'off'));\n    this._applyToInputs(input => input.setAttribute('autocapitalize', 'off'));\n    this._applyToInputs(input => input.setAttribute('spellcheck', 'false'));\n    this._applyToInputs(input => input.setAttribute('role', 'combobox'));\n    this._applyToInputs(input => input.setAttribute('aria-live', 'assertive'));\n    this._applyToInputs(input => input.setAttribute('aria-atomic', 'true'));\n    this._applyToInputs(input => input.setAttribute('aria-haspopup', 'true'));\n    this._applyToInputs(input => input.setAttribute('aria-expanded', 'false'));\n    this._applyToInputs(input => input.setAttribute('aria-owns', this._dropdownIdentifier));\n  }\n\n  public addInputListener(type: string, listener: (event: Event) => void, capture?: boolean): void {\n    this._fromInputElement?.addEventListener(type, listener, { capture });\n  }\n\n  public addToInputListener(type: string, listener: (event: Event) => void, capture?: boolean): void {\n    this._toInputElement?.addEventListener(type, listener, { capture });\n  }\n\n  public removeInputListener(type: string, listener: (event: Event) => void): void {\n    this._fromInputElement?.removeEventListener(type, listener);\n  }\n  \n  public removeToInputListener(type: string, listener: (event: Event) => void): void {\n    this._toInputElement?.removeEventListener(type, listener);\n  }\n\n  public setInputValueChangedListener(context: any, listener: (value: any) => void): void {\n    if (this._valueChangeListeners.length) {\n      this.destroyValueChangeListener();\n    }\n    const destroyListenerCb = listenOwnProperty(context, this._fromInputElement, 'value', listener);\n    this._valueChangeListeners.push(destroyListenerCb);\n  }\n\n  public setToInputValueChangedListener(context: any, listener: (value: any) => void): void {\n    this._destroyToValueChangeListener();\n    this._toValueChangeListener = listenOwnProperty(context, this._toInputElement, 'value', listener);\n  }\n\n  public hasInputElement(): boolean {\n    return !!this._fromInputElement && !!this._toInputElement;\n  }\n\n  public override attachCalendar(calendarConfig: IDatePickerCalendarDropdownConfig<Date | null>, dropdownConfig?: ICalendarDropdownPopupConfig): void {\n    super.attachCalendar(calendarConfig, dropdownConfig);\n    this._fromInputElement.setAttribute('aria-expanded', 'true');\n  }\n\n  public override detachCalendar(): void {\n    super.detachCalendar();\n    if (this._fromInputElement) {\n      this._fromInputElement.setAttribute('aria-expanded', 'false');\n      this._fromInputElement.removeAttribute('aria-activedescendant');\n    }\n  }\n\n  public setActiveDescendant(id: string): void {\n    this._fromInputElement.setAttribute('aria-activedescendant', id);\n  }\n\n  public setInputValue(value: string, emitEvents: boolean): void {\n    if (this._fromInputElement.value === value) {\n      return;\n    }\n\n    this._fromInputElement.value = value;\n    \n    if (this._fromInputMask) {\n      this._fromInputMask.updateMask();\n    }\n\n    if (emitEvents) {\n      this._fromInputElement.dispatchEvent(new Event('change'));\n      this._fromInputElement.dispatchEvent(new Event('input'));;\n    }\n  }\n\n  public setToInputValue(value: string, emitEvents: boolean): void {\n    if (this._toInputElement.value === value) {\n      return;\n    }\n\n    this._toInputElement.value = value;\n    \n    if (this._toInputMask) {\n      this._toInputMask.updateMask();\n    }\n    \n    if (emitEvents) {\n      this._toInputElement.dispatchEvent(new Event('change'));\n      this._toInputElement.dispatchEvent(new Event('input'));\n    }\n  }\n\n  public isInputDisabled(): boolean {\n    return this._fromInputElement.disabled;\n  }\n\n  public isInputFocused(target?: EventTarget | null): boolean {\n    if (target && this._toInputElement === target || this._fromInputElement === target) {\n      return true;\n    }\n    const activeEl = getActiveElement(this._component.ownerDocument);\n    return this._toInputElement === activeEl || this._fromInputElement === activeEl;\n  }\n\n  public getInputValue(): string {\n    return this._fromInputElement.value;\n  }\n\n  public getToInputValue(): string {\n    return this._toInputElement.value;\n  }\n\n  public setDisabled(isDisabled: boolean): void {\n    this._fromInputElement.disabled = isDisabled;\n    this._toInputElement.disabled = isDisabled;\n\n    this._toInputElement.setAttribute('aria-disabled', isDisabled.toString());\n    this._fromInputElement.setAttribute('aria-disabled', isDisabled.toString());\n\n    if (this._toggleElement) {\n      this._toggleElement.setAttribute('aria-disabled', isDisabled.toString());\n      if (this._toggleElement.hasOwnProperty('disabled')) {\n        (this._toggleElement as HTMLButtonElement).disabled = isDisabled;\n      }\n    }\n  }\n\n  public emitInputEvent(type: string, data?: any): void {\n    emitEvent(this._fromInputElement, type, data);\n  }\n\n  public emitToInputEvent(type: string, data?: any): void {\n    emitEvent(this._toInputElement, type, data);\n  }\n\n  protected override _createToggleElement(): HTMLElement {\n    return createToggleElement('date_range');\n  }\n\n  public tryFocusInput(): void {\n    this._fromInputElement.focus();\n  }\n\n  public tryBlurInput(): void {\n    this._fromInputElement.blur();\n  }\n\n  public selectInputText(): void {\n    this._fromInputElement.select();\n  }\n\n  public selectToInputText(): void {\n    this._toInputElement.select();\n  }\n\n  private _applyToInputs(action: (input: HTMLInputElement) => void): void {\n    [this._fromInputElement, this._toInputElement].forEach(action);\n  }\n}\n", "import { isDate, isValidDate, Platform } from '@tylertech/forge-core';\nimport { CalendarMode, DateRange, ICalendarDateSelectEventData } from '../calendar';\nimport { isSameDate } from '../core/utils/date-utils';\nimport { IDateInputMaskOptions } from '../core/mask/date-input-mask';\nimport { BaseDatePickerFoundation, IBaseDatePickerFoundation } from '../date-picker/base/base-date-picker-foundation';\nimport { IDateRangePickerAdapter } from './date-range-picker-adapter';\nimport { DatePickerRange, DATE_RANGE_PICKER_CONSTANTS, IDatePickerRange, IDateRangePickerChangeEventData } from './date-range-picker-constants';\n\nexport interface IDateRangePickerFoundation extends IBaseDatePickerFoundation<IDatePickerRange> {\n  from: Date | string | null | undefined;\n  to: Date | string | null | undefined;\n}\n\nexport class DateRangePickerFoundation extends BaseDatePickerFoundation<IDateRangePickerAdapter, IDatePickerRange> implements IDateRangePickerFoundation {\n  protected _mode: CalendarMode = 'range';\n  private _from?: Date | null = null;\n  private _to?: Date | null = null;\n  private _toInputListener: (evt: Event) => void;\n  private _toInputKeydownListener: (evt: KeyboardEvent) => void;\n  private _toInputFocusListener: (evt: FocusEvent) => void;\n  private _toInputBlurListener: (evt: FocusEvent) => void;\n  private _toInputValueChangedListener: (value: string) => void;\n\n  constructor(adapter: IDateRangePickerAdapter) {\n    super(adapter);\n    this._toInputListener = evt => this._onToInput(evt);\n    this._toInputValueChangedListener = value => this._onToInputValueChanged(value);\n    this._toInputKeydownListener = evt => this._onInputKeydown(evt);\n    this._toInputFocusListener = evt => this._onToInputFocus();\n    this._toInputBlurListener = evt => this._onToInputBlur(evt);\n  }\n\n  protected _initializeState(): void {\n    this._applyToMask();\n\n    if (!this._from) {\n      this._from = this._coerceDateValue(this._adapter.getInputValue());\n    }\n    if (!this._to) {\n      this._to = this._coerceDateValue(this._adapter.getToInputValue());\n    }\n  }\n\n  protected override _initializeListeners(): void {\n    super._initializeListeners();\n    this._adapter.addToInputListener('keydown', this._toInputKeydownListener);\n    this._adapter.addToInputListener('focus', this._toInputFocusListener);\n    this._adapter.addToInputListener('blur', this._toInputBlurListener);\n  }\n\n  protected override _initializeValueChangedListeners(): void {\n    super._initializeValueChangedListeners();\n    this._adapter.setToInputValueChangedListener(this, this._toInputValueChangedListener);\n  }\n\n  protected override _setInputChangeListeners(): void {\n    super._setInputChangeListeners();\n    this._adapter.addToInputListener('input', this._toInputListener);\n  }\n\n  protected override _removeInputChangeListeners(): void {\n    super._removeInputChangeListeners();\n    this._adapter.removeToInputListener('input', this._toInputListener);\n  }\n\n  protected override _openCalendar(emitOpenEvent?: boolean): void {\n    this._formatToInputValue();\n    super._openCalendar(emitOpenEvent);\n\n    const currentValue = this._getCurrentValue();\n    if (!!currentValue?.to) {\n      this._adapter.goToCalendarDate(new Date(currentValue.to));\n    } else if (!!currentValue?.from) {\n      this._adapter.goToCalendarDate(new Date(currentValue.from));\n    }\n  }\n\n  protected _emitChangeEvent(value: DateRange | null | undefined, force?: boolean): boolean {\n    const typedStartValue = this._getTypedValue((value && value.from) || null);\n    const typedEndValue = this._getTypedValue((value && value.to) || null);\n    const detail: IDateRangePickerChangeEventData = new DatePickerRange({ from: typedStartValue, to: typedEndValue });\n    const wasCancelled = !this._adapter.emitHostEvent(DATE_RANGE_PICKER_CONSTANTS.events.CHANGE, detail, true, !force);\n    if (!wasCancelled) {\n      this._setValue(this._coerceDateValue((value && value.from) || null));\n      this._setToValue(this._coerceDateValue((value && value.to) || null));\n      return true;\n    }\n    return false;\n  }\n\n  protected _emitOpenEvent(): void {\n    this._adapter.emitHostEvent(DATE_RANGE_PICKER_CONSTANTS.events.OPEN, undefined, false);\n  }\n\n  protected _emitCloseEvent(): void {\n    this._adapter.emitHostEvent(DATE_RANGE_PICKER_CONSTANTS.events.CLOSE, undefined, false);\n  }\n  \n  protected _onToday(): void {\n    const today = new Date();\n    const range = this._open ? new DateRange({ from: this._from || today, to: this._to || undefined }) : new DateRange({ from: today });\n    if (!this._isDateRangeAcceptable(range)) {\n      return;\n    }\n    this.value = range;\n    this._onDateSelected({ date: today, range, selected: true, type: 'date' });\n    this._adapter.setCalendarActiveDate(today);\n  }\n\n  protected _onClear(): void {\n    this._onDateSelected({ date: null, range: new DateRange(), selected: false, type: 'date' });\n    this._closeCalendar(true);\n  }\n\n  protected _getCurrentValue(): IDatePickerRange | null | undefined {\n    return this._value;\n  }\n\n  private _applyToMask(): void {\n    if (this._masked) {\n      this._initializeToMask();\n    } else {\n      this._adapter.destroyToMask();\n      this._formatToInputValue();\n    }\n  }\n\n  private _formatToInputValue(): void {\n    const inputValue = this._adapter.getToInputValue();\n    if (inputValue) {\n      const parsedDate = this._parseDateString(inputValue);\n      if (isValidDate(parsedDate) && this._isDateValueAcceptable(parsedDate)) {\n        const formattedDate = this._formatDate(parsedDate);\n        if (formattedDate) {\n          this._adapter.setToInputValue(formattedDate, this._notifyInputValueChanges);\n        }\n      } else {\n        if (!this._allowInvalidDate) {\n          this._adapter.setToInputValue('', this._notifyInputValueChanges);\n        }\n      }\n    }\n  }\n\n  protected _setFormattedInputValue(suppressValueChanges?: boolean): void {\n    let formattedDate = this._formatDate(this._from);\n    if (!formattedDate && !this._allowInvalidDate) {\n      formattedDate = '';\n    }\n    this._adapter.setInputValue(formattedDate, suppressValueChanges ? false : this._notifyInputValueChanges);\n  }\n\n  private _setFormattedToInputValue(suppressValueChanges?: boolean): void {\n    let formattedDate = this._formatDate(this._to);\n    if (!formattedDate && !this._allowInvalidDate) {\n      formattedDate = '';\n    }\n    this._adapter.setToInputValue(formattedDate, suppressValueChanges ? false : this._notifyInputValueChanges);\n  }\n\n  protected _isDateRangeAcceptable(value?: DateRange | null | undefined): boolean {\n    if (!value?.to) {\n      return true;\n    }\n\n    const passesMinDate = (): boolean => this._isDateValueAcceptable(value.from);\n    const passesMaxDate = (): boolean => this._isDateValueAcceptable(value.to);\n    const passesDateRange = (): boolean => value?.from && value?.to ? value.from.getTime() <= value.to.getTime() : true;\n\n    return passesMinDate() && passesMaxDate() && passesDateRange();\n  }\n\n  protected _setValue(value: Date | null | undefined): void {\n    if (this._isDateValueAcceptable(value)) {\n      this._from = value || null;\n      if (!this._value) {\n        this._value = { from: this._from, to: this._to };\n      } else {\n        this._value.from = this._from;\n      }\n    }\n  }\n\n  private _setToValue(value: Date | null | undefined): void {\n    if (this._isDateValueAcceptable(value)) {\n      this._to = value || null;\n      if (!this._value) {\n        this._value = { from: this._from, to: this._to };\n      } else {\n        this._value.to = this._to;\n      }\n    }\n  }\n\n  protected _onDateSelected(event: ICalendarDateSelectEventData): void {\n    const value = event.range;\n\n    if (event.rangeSelectionState === 'to') {\n      this._closeCalendar(true);\n    }\n\n    if (!this._emitChangeEvent(value ?? null)) {\n      return;\n    }\n\n    const formattedFromValue = this._formatDate((value && value.from) || null);\n    const formattedToValue = this._formatDate((value && value.to) || null);\n    this._adapter.setInputValue(formattedFromValue, this._notifyInputValueChanges);\n    this._adapter.setToInputValue(formattedToValue, this._notifyInputValueChanges);\n    this._formatInputValue();\n    this._formatToInputValue();\n\n    this._from = (value && value.from) || null;\n    this._to = (value && value.to) || null;\n\n    if (!Platform.isMobile) {\n      if (formattedToValue) {\n        this._adapter.selectToInputText();\n      } else {\n        this._adapter.selectInputText();\n      }\n    }\n  }\n\n  protected override _applyMin(): void {\n    if (this._from && !this._isDateValueAcceptable(this._from)) {\n      this._emitChangeEvent(new DateRange({ to: this._to || undefined }), true);\n      this._setFormattedInputValue();\n    }\n    if (this._to && !this._isDateValueAcceptable(this._to)) {\n      this._emitChangeEvent(new DateRange({ from: this._from || undefined }), true);\n      this._setFormattedToInputValue();\n    }\n    super._applyMin();\n  }\n\n  protected override _applyMax(): void {\n    if (this._from && !this._isDateValueAcceptable(this._from)) {\n      this._emitChangeEvent(new DateRange({ to: this._to || undefined }), true);\n      this._setFormattedInputValue();\n    }\n    if (this._to && !this._isDateValueAcceptable(this._to)) {\n      this._emitChangeEvent(new DateRange({ from: this._from || undefined }), true);\n      this._setFormattedToInputValue();\n    }\n    super._applyMax();\n  }\n\n  protected _initializeToMask(): void {\n    if (!this._masked) {\n      return;\n    }\n\n    const options: IDateInputMaskOptions = {\n      showMaskFormat: this._showMaskFormat && this._adapter.isInputFocused(),\n      pattern: this._maskFormat,\n      onChange: (value: string) => this._handleToInput(value)\n    };\n\n    if (this._prepareMaskCallback) {\n      options.prepareCallback = (value, masked, flags, maskInstance) => {\n        return this._prepareMaskCallback.call(null, value, masked, flags, maskInstance);\n      };\n    }\n\n    this._adapter.initializeToMask(options);\n  }\n\n  protected _applyDisabledDates(): void {\n    if (this._from && !this._isDateValueAcceptable(this._from)) {\n      this._emitChangeEvent(new DateRange({ to: this._to || undefined }), true);\n      this._setFormattedInputValue();\n    }\n    if (this._to && !this._isDateValueAcceptable(this._to)) {\n      this._emitChangeEvent(new DateRange({ from: this._from || undefined }), true);\n      this._setFormattedToInputValue();\n    }\n  }\n\n  protected _applyDisabledDaysOfWeek(): void {\n    if (this._from && !this._isDateValueAcceptable(this._from)) {\n      this._emitChangeEvent(null, true);\n      this._setFormattedInputValue();\n    }\n    if (this._to && !this._isDateValueAcceptable(this._to)) {\n      this._emitChangeEvent(null, true);\n      this._setFormattedToInputValue();\n    }\n  }\n\n  private _onToInput(evt: Event): void {\n    this._handleInput(this._adapter.getInputValue());\n  }\n\n  protected _handleInput(value: string): void {\n    const sanitizedValue = this._getSanitizedDateString(value);\n    const date = this._coerceDateValue(sanitizedValue);\n    if (this._masked) {\n      this._adapter.emitInputEvent(DATE_RANGE_PICKER_CONSTANTS.events.INPUT, sanitizedValue);\n    }\n    if (!isSameDate(date, this._from) && this._isDateValueAcceptable(date)) {\n      this._emitChangeEvent(new DateRange({ from: date || undefined, to: this._to || undefined }));\n    }\n  }\n\n  private _handleToInput(value: string): void {\n    const sanitizedValue = this._getSanitizedDateString(value);\n    const date = this._coerceDateValue(sanitizedValue);\n    if (this._masked) {\n      this._adapter.emitToInputEvent(DATE_RANGE_PICKER_CONSTANTS.events.INPUT, sanitizedValue);\n    }\n    if (!isSameDate(date, this._to) && this._isDateValueAcceptable(date)) {\n      this._emitChangeEvent(new DateRange({ from: this._from || undefined, to: date || undefined }));\n    }\n  }\n\n  private _onToInputFocus(): void {\n    if (this.masked && this._showMaskFormat) {\n      this._initializeMask();\n      this._initializeToMask();\n    }\n    this._adapter.selectToInputText();\n  }\n\n  private _onToInputBlur(evt: FocusEvent): void {\n    if (this._masked && !this._adapter.isInputFocused(evt.relatedTarget)) {\n      this._initializeMask();\n      this._initializeToMask();\n    }\n\n    this._formatToInputValue();\n\n    if (this._open) {\n      this._closeCalendar(true);\n    }\n  }\n\n  protected override _onInputFocus(evt: FocusEvent): void {\n    if (this.masked && this._showMaskFormat) {\n      this._initializeMask();\n      this._initializeToMask();\n    }\n    this._adapter.selectInputText();\n  }\n\n  protected override _onInputBlur(evt: FocusEvent): void {\n    if (this.masked && !this._adapter.isInputFocused(evt.relatedTarget)) {\n      this._initializeMask();\n      this._initializeToMask();\n    }\n\n    this._formatInputValue();\n\n    if (this._open && !this._adapter.isInputFocused(evt.relatedTarget)) {\n      this._closeCalendar(true);\n    }\n  }\n\n  protected _onInputValueChanged(value: string): void {\n    if (this._masked) {\n      return;\n    }\n    const sanitizedValue = this._getSanitizedDateString(value);\n    const date = this._coerceDateValue(sanitizedValue);\n    if (!isSameDate(date, this._from)) {\n      this.from = date;\n      this._emitChangeEvent(new DateRange({ from: date || undefined, to: this._to || undefined }));\n    }\n  }\n\n  private _onToInputValueChanged(value: string): void {\n    if (this._masked) {\n      return;\n    }\n    const sanitizedValue = this._getSanitizedDateString(value);\n    const date = this._coerceDateValue(sanitizedValue);\n    if (!isSameDate(date, this._to)) {\n      this.to = date;\n      this._emitChangeEvent(new DateRange({ from: this._from || undefined, to: date || undefined }));\n    }\n  }\n\n  public get value(): IDatePickerRange | null | undefined {\n    return { from: this.from, to: this.to };\n  }\n  public set value(value: IDatePickerRange | null | undefined) {\n    if (!value) {\n      value = { from: null, to: null };\n    }\n\n    if (value.from === undefined) {\n      value.from = null;\n    }\n\n    if (value.to === undefined) {\n      value.to = null;\n    }\n\n    this.from = value.from;\n    this.to = value.to;\n\n    this._value = { from: this.from, to: this.to };\n  }\n\n  public get from(): Date | string | null | undefined {\n    const date = this._getTypedValue(this._from);\n\n    if (!date) {\n      return null;\n    }\n\n    if (isDate(date)) {\n      return new Date(date.getTime());\n    }\n\n    return date;\n  }\n  public set from(value: Date | string | null | undefined) {\n    if (this._from !== value) {\n      this._setValue(this._coerceDateValue(value));\n      if (this._isInitialized) {\n        this._setFormattedInputValue();\n        if (this._open) {\n          this._adapter.setCalendarValue(new DateRange({ from: this._coerceDateValue(value) || undefined, to: this._coerceDateValue(this._to) || undefined }));\n        }\n      }\n    }\n  }\n\n  public get to(): Date | string | null | undefined {\n    const date = this._getTypedValue(this._to);\n\n    if (!date) {\n      return null;\n    }\n\n    if (isDate(date)) {\n      return new Date(date.getTime());\n    }\n\n    return date;\n  }\n  public set to(value: Date | string | null | undefined) {\n    if (this._to !== value) {\n      this._setToValue(this._coerceDateValue(value));\n      if (this._isInitialized) {\n        this._setFormattedToInputValue();\n        if (this._open) {\n          this._adapter.setCalendarValue(new DateRange({ to: this._coerceDateValue(value) || undefined, from: this._coerceDateValue(this._from) || undefined }));\n        }\n      }\n    }\n  }\n}\n", "import { attachShadowTemplate, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconDateRange } from '@tylertech/tyler-icons/standard';\nimport { CalendarComponent } from '../calendar';\nimport { BaseDatePickerComponent, IBaseDatePickerComponent } from '../date-picker/base/base-date-picker';\nimport { BASE_DATE_PICKER_CONSTANTS } from '../date-picker/base/base-date-picker-constants';\nimport { IconComponent, IconRegistry } from '../icon';\nimport { IconButtonComponent } from '../icon-button';\nimport { PopupComponent } from '../popup';\nimport { DateRangePickerAdapter } from './date-range-picker-adapter';\nimport { DATE_RANGE_PICKER_CONSTANTS, IDatePickerRange, IDateRangePickerChangeEventData } from './date-range-picker-constants';\nimport { DateRangePickerFoundation } from './date-range-picker-foundation';\n\nconst template = '<template><slot></slot></template>';\nconst styles = ':host{display:block}:host([hidden]){display:none}';\n\nexport interface IDateRangePickerComponent extends IBaseDatePickerComponent<IDatePickerRange> {\n  from: Date | string | null | undefined;\n  to: Date | string | null | undefined;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-date-range-picker': IDateRangePickerComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-date-range-picker-change': CustomEvent<IDateRangePickerChangeEventData>;\n    'forge-date-range-picker-open': CustomEvent<void>;\n    'forge-date-range-picker-close': CustomEvent<void>;\n    'forge-date-range-picker-input': CustomEvent<string>;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-date-range-picker>` element.\n * \n * @tag forge-date-range-picker\n */\n@CustomElement({\n  name: DATE_RANGE_PICKER_CONSTANTS.elementName,\n  dependencies: [\n    PopupComponent,\n    CalendarComponent,\n    IconButtonComponent,\n    IconComponent\n  ]\n})\nexport class DateRangePickerComponent extends BaseDatePickerComponent<IDatePickerRange, IDatePickerRange, DateRangePickerFoundation> implements IDateRangePickerComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      ...Object.values(BASE_DATE_PICKER_CONSTANTS.observedAttributes),\n      DATE_RANGE_PICKER_CONSTANTS.observedAttributes.FROM,\n      DATE_RANGE_PICKER_CONSTANTS.observedAttributes.TO\n    ];\n  }\n\n  constructor() {\n    super();\n    IconRegistry.define(tylIconDateRange);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new DateRangePickerFoundation(new DateRangePickerAdapter(this));\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case DATE_RANGE_PICKER_CONSTANTS.observedAttributes.FROM:\n        this.from = newValue;\n        return;\n      case DATE_RANGE_PICKER_CONSTANTS.observedAttributes.TO:\n        this.to = newValue;\n        return;\n    }\n    super.attributeChangedCallback(name, oldValue, newValue);\n  }\n\n  /** Gets/sets the \"from\" date range value. */\n  @FoundationProperty()\n  public declare from: Date | string | null | undefined;\n\n  /** Gets/sets the \"to\" date range value. */\n  @FoundationProperty()\n  public declare to: Date | string | null | undefined;\n}\n", "import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions, IBaseComponentDelegateConfig } from '../core/delegates';\nimport { FieldDensityType } from '../field/field-constants';\nimport { ITextFieldComponent, TEXT_FIELD_CONSTANTS } from '../text-field';\nimport { IDateRangePickerComponent } from './date-range-picker';\nimport { DATE_RANGE_PICKER_CONSTANTS, IDateRangePickerChangeEventData } from './date-range-picker-constants';\n\nexport type DateRangePickerComponentDelegateProps = Partial<IDateRangePickerComponent>;\nexport interface IDateRangePickerComponentDelegateOptions extends IFormFieldComponentDelegateOptions {\n  useDropdownIcon?: boolean;\n  fromPlaceholder?: string;\n  toPlaceholder?: string;\n  label?: string;\n  required?: boolean;\n  density?: FieldDensityType;\n}\nexport interface IDateRangePickerComponentDelegateConfig extends IBaseComponentDelegateConfig<IDateRangePickerComponent, IDateRangePickerComponentDelegateOptions> {}\n\nexport class DateRangeComponentDelegate extends FormFieldComponentDelegate<IDateRangePickerComponent, IDateRangePickerComponentDelegateOptions> {\n  private _textField: ITextFieldComponent;\n  private _fromInput: HTMLInputElement;\n  private _toInput: HTMLInputElement;\n\n  constructor(config?: IDateRangePickerComponentDelegateConfig) {\n    super(config);\n  }\n\n  protected _build(): IDateRangePickerComponent {\n    const dateRangePicker = document.createElement(DATE_RANGE_PICKER_CONSTANTS.elementName) as IDateRangePickerComponent;\n    this._attachTextField(dateRangePicker);\n    return dateRangePicker;\n  }\n\n  public get fromInput(): HTMLInputElement {\n    return this._textField.querySelector(`input[${TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT}-0]`) as HTMLInputElement;\n  }\n\n  public get toInput(): HTMLInputElement {\n    return this._textField.querySelector(`input[${TEXT_FIELD_CONSTANTS.attributes.MULTI_INPUT}-1]`) as HTMLInputElement;\n  }\n\n  public get textField(): ITextFieldComponent {\n    return this._textField;\n  }\n\n  public get value(): any {\n    return this._element.value;\n  }\n  public set value(value: any) {\n    this._element.value = value;\n  }\n\n  public get disabled(): boolean {\n    return this._element.disabled;\n  }\n  public set disabled(value: boolean) {\n    this._element.disabled = value;\n  }\n\n  public get invalid(): boolean {\n    return this._textField.invalid || false;\n  }\n  public set invalid(value: boolean) {\n    this._textField.invalid = value;\n  }\n\n  public onChange(listener: (value: IDateRangePickerChangeEventData) => void): void {\n    this._element.addEventListener(DATE_RANGE_PICKER_CONSTANTS.events.CHANGE, (evt: CustomEvent<IDateRangePickerChangeEventData>) => listener(evt.detail));\n  }\n\n  public onFocus(listener: (evt: FocusEvent) => void): void {\n    this._element.addEventListener('focusin', (evt: FocusEvent) => {\n      const isFocusWithin = !this._element.contains(evt.relatedTarget as Node);\n      if (isFocusWithin) {\n        listener(evt);\n      }\n    });\n  }\n\n  public onBlur(listener: (evt: FocusEvent) => void): void {\n    this._element.addEventListener('focusout', (evt: FocusEvent) => {\n      const isFocusOutside = !this._element.contains(evt.relatedTarget as Node);\n      if (isFocusOutside) {\n        listener(evt);\n      }\n    });\n  }\n\n  private _attachTextField(dateRangePicker: IDateRangePickerComponent): void {\n    this._textField = document.createElement(TEXT_FIELD_CONSTANTS.elementName);\n\n    if (this._config.options?.required) {\n      this._textField.required = true;\n    }\n    if (this._config.options?.density) {\n      this._textField.density = this._config.options.density;\n    }\n\n    this._fromInput = document.createElement('input');\n    this._fromInput.type = 'text';\n    this._fromInput.placeholder = this._config.options?.fromPlaceholder || 'From';\n    this._textField.appendChild(this._fromInput);\n\n    this._toInput = document.createElement('input');\n    this._toInput.type = 'text';\n    this._toInput.placeholder = this._config.options?.toPlaceholder || 'To';\n    this._textField.appendChild(this._toInput);\n\n    const label = document.createElement('label');\n    label.textContent = this._config.options?.label || 'Choose date range';\n    this._textField.appendChild(label);\n\n    dateRangePicker.appendChild(this._textField);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { DateRangePickerComponent } from './date-range-picker';\n\nexport * from './date-range-picker';\nexport * from './date-range-picker-adapter';\nexport * from './date-range-picker-constants';\nexport * from './date-range-picker-foundation';\nexport * from './date-range-picker-component-delegate';\n\nexport function defineDateRangePickerComponent(): void {\n  defineCustomElement(DateRangePickerComponent);\n}\n"],
+  "mappings": "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",
   "names": ["elementName", "COMPONENT_NAME_PREFIX", "DatePickerRange", "_DatePickerRange", "range", "observedAttributes", "selectors", "events", "DATE_RANGE_PICKER_CONSTANTS", "DateRangePickerAdapter", "BaseDatePickerAdapter", "component", "DATE_RANGE_PICKER_CONSTANTS", "targetElement", "CalendarDropdown", "fromOptions", "_a", "DateInputMask", "toOptions", "input", "type", "listener", "capture", "context", "destroyListenerCb", "listenOwnProperty", "calendarConfig", "dropdownConfig", "id", "value", "emitEvents", "target", "activeEl", "getActiveElement", "isDisabled", "data", "emitEvent", "createToggleElement", "action", "DateRangePickerFoundation", "BaseDatePickerFoundation", "adapter", "evt", "value", "emitOpenEvent", "currentValue", "force", "typedStartValue", "typedEndValue", "detail", "DatePickerRange", "DATE_RANGE_PICKER_CONSTANTS", "today", "range", "DateRange", "inputValue", "parsedDate", "isValidDate", "formattedDate", "suppressValueChanges", "passesMinDate", "passesMaxDate", "passesDateRange", "event", "formattedFromValue", "formattedToValue", "Platform", "options", "masked", "flags", "maskInstance", "sanitizedValue", "date", "isSameDate", "isDate", "template", "styles", "DateRangePickerComponent", "BaseDatePickerComponent", "IconRegistry", "tylIconDateRange", "attachShadowTemplate", "DateRangePickerFoundation", "DateRangePickerAdapter", "BASE_DATE_PICKER_CONSTANTS", "DATE_RANGE_PICKER_CONSTANTS", "name", "oldValue", "newValue", "__decorateClass", "FoundationProperty", "CustomElement", "PopupComponent", "CalendarComponent", "IconButtonComponent", "IconComponent", "DateRangeComponentDelegate", "FormFieldComponentDelegate", "config", "dateRangePicker", "DATE_RANGE_PICKER_CONSTANTS", "TEXT_FIELD_CONSTANTS", "value", "listener", "evt", "_a", "_b", "_c", "_d", "_e", "label", "defineDateRangePickerComponent", "defineCustomElement", "DateRangePickerComponent"]
 }

package/dist/esm/chunks/chunk.VFKHRAWD.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{b as C,j as x}from"./chunk.YA3RDJCV.js";import{a as S}from"./chunk.HSI7B43D.js";import{a as u}from"./chunk.NVUMRW44.js";import{a as T,b as I}from"./chunk.36F2GVWS.js";import{e as y,f as b,k as A}from"./chunk.JAWV5Y5T.js";import{k as L}from"./chunk.J2M2MXP2.js";import{a as g,d as h}from"./chunk.M3QDAYD2.js";var F=`${I}state-layer`,Y={TARGET:"target",DISABLED:"disabled"},$=g({},Y),V={SURFACE:".forge-state-layer"},W={HOVERED:"forge-state-layer--hovered",PRESSED:"forge-state-layer--pressed"},s={elementName:F,attributes:$,selectors:V,classes:W},d=class n{constructor(e,t){this.x=e;this.y=t}static fromPointerEvent(e){return new n(e.pageX,e.pageY)}},P=150,N=450,f=225,M=.2,D=10,R=75,H=.35,O="::after",w="forwards",k="cubic-bezier(0.2, 0, 0, 1)",B=(r=>(r[r.INACTIVE=0]="INACTIVE",r[r.TOUCH_DELAY=1]="TOUCH_DELAY",r[r.HOLDING=2]="HOLDING",r[r.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK",r))(B||{});function G(n){let{height:e,width:t}=n.getBoundingClientRect(),i=Math.max(e,t),r=Math.max(H*i,R),a=Math.floor(i*M),_=`${(Math.sqrt(t**2+e**2)+D+r)/a}`,c=`${a}px`;return{rippleScale:_,rippleSize:c,initialSize:a}}function U(n,e,t){let{height:i,width:r}=n.getBoundingClientRect(),a={x:(r-e)/2,y:(i-e)/2},o;return X(t)?o=K(n,t):o={x:r/2,y:i/2},o={x:o.x-e/2,y:o.y-e/2},{startPoint:o,endPoint:a}}function K(n,e){let{scrollX:t,scrollY:i}=window,{left:r,top:a}=n.getBoundingClientRect(),o=t+r,p=i+a,{x:_,y:c}=e;return{x:_-o,y:c-p}}function z(n,e,t){let{height:i,width:r}=n.getBoundingClientRect();return e>=0&&e<=r&&t>=0&&t<=i}function X(n){return n&&(n instanceof d||["x","y"].every(e=>e in n))}var m=class extends S{constructor(t){super(t);this._targetElement=null;this._surfaceElement=b(t,s.selectors.SURFACE)}destroy(){typeof this._destroyDeferListener=="function"&&(this._destroyDeferListener(),this._destroyDeferListener=void 0),this._targetElement=null}async deferInitialization(t){if(!this._targetElement)return;let{userInteraction:i,destroy:r}=C(this._targetElement);this._destroyDeferListener=r;let a=await i;t(a.type==="pointerenter"?a:void 0)}addTargetListener(t,i){var r;(r=this._targetElement)==null||r.addEventListener(t,i)}removeTargetListener(t,i){var r;(r=this._targetElement)==null||r.removeEventListener(t,i)}setHovered(t){this._surfaceElement.classList.toggle(s.classes.HOVERED,t)}setPressed(t){this._surfaceElement.classList.toggle(s.classes.PRESSED,t)}getTargetElement(){return this._targetElement}setTargetElement(t){this._targetElement=t}trySetTarget(t){this._targetElement=x(this._component,t)}startAnimation(t){var E;if(!this._surfaceElement)return;this.setPressed(!0),(E=this._rippleAnimation)==null||E.cancel();let{rippleSize:i,rippleScale:r,initialSize:a}=G(this._component),{startPoint:o,endPoint:p}=U(this._component,a,t),_=`${o.x}px, ${o.y}px`,c=`${p.x}px, ${p.y}px`;this._rippleAnimation=this._surfaceElement.animate({top:[0,0],left:[0,0],height:[i,i],width:[i,i],transform:[`translate(${_}) scale(1)`,`translate(${c}) scale(${r})`]},{pseudoElement:O,duration:N,easing:k,fill:w})}async endAnimation(){var r;let t=this._rippleAnimation,i=(r=t==null?void 0:t.currentTime)!=null?r:1/0;if(i>=f){this.setPressed(!1);return}await new Promise(a=>{setTimeout(a,f-i)}),this._rippleAnimation===t&&this.setPressed(!1)}inBounds(t,i){return z(this._component,t,i)}};var v=class{constructor(e){this._adapter=e;this._target=null;this._disabled=!1;this._attached=!1;this._deferred=!0;this._pointerState=0;this._checkBoundsAfterContextMenu=!1;this._pointerEnterListener=t=>this._onPointerEnter(t),this._pointerLeaveListener=t=>this._onPointerLeave(t),this._pointerDownListener=t=>this._onPointerDown(t),this._pointerUpListener=t=>this._onPointerUp(t),this._pointerCancelListener=t=>this._onPointerCancel(t),this._clickListener=()=>this._onClick(),this._contextmenuListener=()=>this._onContextmenu()}initialize(){this._adapter.trySetTarget(this._target),this._deferInitialization()}disconnect(){this._pointerStartEvent=void 0,this._pointerState=0,this._adapter.setHovered(!1),this._adapter.setPressed(!1),this._removeListeners(),this._adapter.destroy()}playAnimation(e){this._adapter.startAnimation(e),this._endAnimation()}_deferInitialization(){this._adapter.deferInitialization(this._onDeferredInitialize.bind(this))}_applyListeners(){this._disabled||(this._adapter.addTargetListener("pointerenter",this._pointerEnterListener),this._adapter.addTargetListener("pointerleave",this._pointerLeaveListener),this._adapter.addTargetListener("pointerdown",this._pointerDownListener),this._adapter.addTargetListener("pointerup",this._pointerUpListener),this._adapter.addTargetListener("pointercancel",this._pointerCancelListener),this._adapter.addTargetListener("click",this._clickListener),this._adapter.addTargetListener("contextmenu",this._contextmenuListener),this._attached=!0)}_removeListeners(){this._adapter.removeTargetListener("pointerenter",this._pointerEnterListener),this._adapter.removeTargetListener("pointerleave",this._pointerLeaveListener),this._adapter.removeTargetListener("pointerdown",this._pointerDownListener),this._adapter.removeTargetListener("pointerup",this._pointerUpListener),this._adapter.removeTargetListener("pointercancel",this._pointerCancelListener),this._adapter.removeTargetListener("click",this._clickListener),this._adapter.removeTargetListener("contextmenu",this._contextmenuListener),this._attached=!1}_onDeferredInitialize(e){this._applyListeners(),(e==null?void 0:e.type)==="pointerenter"&&this._pointerEnterListener(e),this._deferred=!1}_onPointerEnter(e){this._canHandleEvent(e)&&this._adapter.setHovered(!0)}_onPointerLeave(e){this._canHandleEvent(e)&&(this._adapter.setHovered(!1),this._pointerState!==0&&this._adapter.endAnimation())}async _onPointerDown(e){if(this._pointerStartEvent=e,!!this._canHandleEvent(e)){if(!this._isTouch(e.pointerType)){this._pointerState=3,this._startAnimation(e);return}this._checkBoundsAfterContextMenu&&!this._adapter.inBounds(e.x,e.y)||(this._checkBoundsAfterContextMenu=!1,this._pointerState=1,await new Promise(t=>setTimeout(t,P)),this._pointerState===1&&(this._pointerState=2,this._startAnimation(e)))}}_onPointerUp(e){if(this._canHandleEvent(e)){if(this._pointerState===2){this._pointerState=3;return}if(this._pointerState===1){this._pointerState=3,this._startAnimation(this._pointerStartEvent);return}}}_onClick(){if(!this._disabled){if(this._pointerState===3){this._endAnimation();return}this._pointerState===0&&(this._startAnimation(this._pointerStartEvent),this._endAnimation())}}_onPointerCancel(e){this._canHandleEvent(e)&&this._endAnimation()}_onContextmenu(){this._disabled||(this._checkBoundsAfterContextMenu=!0,this._adapter.endAnimation())}_startAnimation(e){let t=e?d.fromPointerEvent(e):void 0;this._adapter.startAnimation(t)}_endAnimation(){this._pointerState=0,this._adapter.endAnimation(),this._pointerStartEvent=void 0}_canHandleEvent({type:e,isPrimary:t,buttons:i,pointerType:r,pointerId:a}){if(this._disabled||!t||this._pointerStartEvent&&this._pointerStartEvent.pointerId!==a)return!1;if(e==="pointerenter"||e==="pointerleave")return!this._isTouch(r);let o=i===1;return this._isTouch(r)||o}_isTouch(e){return e==="touch"}get isAttached(){return this._attached}get targetElement(){return this._adapter.getTargetElement()}set targetElement(e){this._attached?this._removeListeners():(this._adapter.destroy(),this._deferred=!1),this._adapter.setTargetElement(e),this._deferred||this._deferInitialization()}get target(){return this._adapter.getHostAttribute(s.attributes.TARGET)}set target(e){this._target!==e&&(this._target=e,this._adapter.isConnected&&(this._attached?this._removeListeners():(this._adapter.destroy(),this._deferred=!1),this._adapter.trySetTarget(e),this._deferred||this._deferInitialization()),this._adapter.toggleHostAttribute(s.attributes.TARGET,!!this._target,this._target))}get disabled(){return this._disabled}set disabled(e){e=!!e,this._disabled!==e&&(this._disabled=e,this._adapter.isConnected&&(this._disabled?this._removeListeners():this._deferred||this._deferInitialization()),this._adapter.toggleHostAttribute(s.attributes.DISABLED,this._disabled))}};var Z='<template><div class="forge-state-layer" part="surface"></div></template>',q=':host{border-radius:inherit;position:absolute;inset:0;overflow:hidden;display:-webkit-box;display:flex;margin:auto;pointer-events:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host([disabled]){display:none}.forge-state-layer{--_state-layer-color:var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));--_state-layer-hover-color:var(--forge-state-layer-hover-color, var(--_state-layer-color));--_state-layer-hover-opacity:var(--forge-state-layer-hover-opacity, 0.08);--_state-layer-pressed-color:var(--forge-state-layer-pressed-color, var(--_state-layer-color));--_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.12);--_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 15ms);--_state-layer-pressed-duration:var(--forge-state-layer-pressed-duration, 105ms);--_state-layer-animation-duration:var(--forge-state-layer-animation-duration, 375ms)}.forge-state-layer::after,.forge-state-layer::before{content:"";opacity:0;position:absolute}.forge-state-layer::before{background-color:var(--_state-layer-hover-color);inset:0;-webkit-transition:opacity var(--_state-layer-hover-duration) linear,background-color var(--_state-layer-hover-duration) linear;transition:opacity var(--_state-layer-hover-duration) linear,background-color var(--_state-layer-hover-duration) linear}.forge-state-layer::after{background:radial-gradient(closest-side,var(--_state-layer-pressed-color) max(100% - 70px,65%),transparent 100%);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity var(--_state-layer-animation-duration) linear;transition:opacity var(--_state-layer-animation-duration) linear}.forge-state-layer--hovered::before{background-color:var(--_state-layer-hover-color);opacity:var(--_state-layer-hover-opacity)}.forge-state-layer--pressed::after{opacity:var(--_state-layer-pressed-opacity);-webkit-transition-duration:var(--_state-layer-pressed-duration);transition-duration:var(--_state-layer-pressed-duration)}@media screen and (forced-colors:active){:host{display:none}}',l=class extends A{constructor(){super();y(this,Z,q),this._foundation=new v(new m(this))}static get observedAttributes(){return[s.attributes.TARGET,s.attributes.DISABLED]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,i,r){switch(t){case s.attributes.TARGET:this.target=r;break;case s.attributes.DISABLED:this.disabled=L(r);break}}playAnimation(t){this._foundation.playAnimation(t)}};h([u()],l.prototype,"targetElement",2),h([u()],l.prototype,"target",2),h([u()],l.prototype,"disabled",2),l=h([T({name:s.elementName})],l);export{s as a,d as b,P as c,N as d,f as e,M as f,D as g,R as h,H as i,O as j,w as k,k as l,B as m,m as n,v as o,l as p};
+//# sourceMappingURL=chunk.VFKHRAWD.js.map

package/dist/esm/chunks/chunk.VFKHRAWD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/state-layer/state-layer-constants.ts", "../../src/state-layer/state-layer-utils.ts", "../../src/state-layer/state-layer-adapter.ts", "../../src/state-layer/state-layer-foundation.ts", "../../src/state-layer/state-layer.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName = `${COMPONENT_NAME_PREFIX}state-layer`;\n\nconst observedAttributes = {\n  TARGET: 'target',\n  DISABLED: 'disabled'\n};\n\nconst attributes = {\n  ...observedAttributes\n};\n\nconst selectors = {\n  SURFACE: '.forge-state-layer'\n};\n\nconst classes = {\n  HOVERED: 'forge-state-layer--hovered',\n  PRESSED: 'forge-state-layer--pressed'\n};\n\nexport const STATE_LAYER_CONSTANTS = {\n  elementName,\n  attributes,\n  selectors,\n  classes\n};\n\nexport class StateLayerCoords {\n  constructor(public x: number, public y: number) {}\n\n  public static fromPointerEvent(event: PointerEvent): StateLayerCoords {\n    return new StateLayerCoords(event.pageX, event.pageY);\n  }\n}\n\nexport const TOUCH_DELAY_MS = 150;\nexport const PRESS_GROW_MS = 450;\nexport const MINIMUM_PRESS_MS = 225;\nexport const INITIAL_ORIGIN_SCALE = 0.2;\nexport const PADDING = 10;\nexport const SOFT_EDGE_MINIMUM_SIZE = 75;\nexport const SOFT_EDGE_CONTAINER_RATIO = 0.35;\nexport const PRESS_PSEUDO = '::after';\nexport const ANIMATION_FILL = 'forwards';\nexport const EASING = 'cubic-bezier(0.2, 0, 0, 1)';\n\n/**\n * Interaction states for the state layer.\n *\n * On Touch:\n *  - `INACTIVE -> TOUCH_DELAY -> WAITING_FOR_CLICK -> INACTIVE`\n *  - `INACTIVE -> TOUCH_DELAY -> HOLDING -> WAITING_FOR_CLICK -> INACTIVE`\n *\n * On Mouse or Pen:\n *   - `INACTIVE -> WAITING_FOR_CLICK -> INACTIVE`\n */\nexport enum PointerState {\n  /**\n   * Initial state of the control, no touch in progress.\n   *\n   * Transitions:\n   *   - on touch down: transition to `TOUCH_DELAY`.\n   *   - on mouse down: transition to `WAITING_FOR_CLICK`.\n   */\n  INACTIVE,\n  /**\n   * Touch down has been received, waiting to determine if it's a swipe or\n   * scroll.\n   *\n   * Transitions:\n   *   - on touch up: begin press; transition to `WAITING_FOR_CLICK`.\n   *   - on cancel: transition to `INACTIVE`.\n   *   - after `TOUCH_DELAY_MS`: begin press; transition to `HOLDING`.\n   */\n  TOUCH_DELAY,\n  /**\n   * A touch has been deemed to be a press\n   *\n   * Transitions:\n   *  - on up: transition to `WAITING_FOR_CLICK`.\n   */\n  HOLDING,\n  /**\n   * The user touch has finished, transition into rest state.\n   *\n   * Transitions:\n   *   - on click end press; transition to `INACTIVE`.\n   */\n  WAITING_FOR_CLICK\n}\n", "import { INITIAL_ORIGIN_SCALE, PADDING, SOFT_EDGE_CONTAINER_RATIO, SOFT_EDGE_MINIMUM_SIZE, StateLayerCoords } from './state-layer-constants';\n\nexport function calcRippleSize(hostEl: HTMLElement): { rippleScale: string; rippleSize: string; initialSize: number } {\n  const { height, width } = hostEl.getBoundingClientRect();\n  const maxDim = Math.max(height, width);\n  const softEdgeSize = Math.max(SOFT_EDGE_CONTAINER_RATIO * maxDim, SOFT_EDGE_MINIMUM_SIZE);\n  const initialSize = Math.floor(maxDim * INITIAL_ORIGIN_SCALE);\n  const hypotenuse = Math.sqrt(width ** 2 + height ** 2);\n  const maxRadius = hypotenuse + PADDING;\n  const rippleScale = `${(maxRadius + softEdgeSize) / initialSize}`;\n  const rippleSize = `${initialSize}px`;\n  return { rippleScale, rippleSize, initialSize };\n}\n\nexport function  getTranslationCoordinates(hostEl: HTMLElement, initialSize: number, coords?: StateLayerCoords): { startPoint: { x: number; y: number }; endPoint: { x: number; y: number } } {\n  const { height, width } = hostEl.getBoundingClientRect();\n  const endPoint = {\n    x: (width - initialSize) / 2,\n    y: (height - initialSize) / 2\n  };\n\n  let startPoint;\n  if (isValidCoords(coords)) {\n    startPoint = toNormalizedCoords(hostEl, coords);\n  } else {\n    startPoint = {\n      x: width / 2,\n      y: height / 2\n    };\n  }\n\n  startPoint = {\n    x: startPoint.x - (initialSize / 2),\n    y: startPoint.y - (initialSize / 2)\n  };\n\n  return { startPoint, endPoint };\n}\n\nexport function toNormalizedCoords(hostEl: HTMLElement, coords: StateLayerCoords): { x: number; y: number } {\n  const { scrollX, scrollY } = window;\n  const { left, top } = hostEl.getBoundingClientRect();\n  const documentX = scrollX + left;\n  const documentY = scrollY + top;\n  const { x, y } = coords;\n  return { x: x - documentX, y: y - documentY };\n}\n\nexport function isInBounds(hostEl: HTMLElement, x: number, y: number): boolean {\n  const { height, width } = hostEl.getBoundingClientRect();\n  return x >= 0 && x <= width && y >= 0 && y <= height;\n}\n\nfunction isValidCoords(value: any): value is StateLayerCoords {\n  return value && (value instanceof StateLayerCoords || ['x', 'y'].every(key => key in value));\n}\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { locateTargetHeuristic, createUserInteractionListener } from '../core/utils/utils';\nimport { IStateLayerComponent } from './state-layer';\nimport { ANIMATION_FILL, EASING, MINIMUM_PRESS_MS, PRESS_GROW_MS, PRESS_PSEUDO, StateLayerCoords, STATE_LAYER_CONSTANTS } from './state-layer-constants';\nimport { calcRippleSize, getTranslationCoordinates, isInBounds } from './state-layer-utils';\n\nexport interface IStateLayerAdapter extends IBaseAdapter {\n  destroy(): void;\n  deferInitialization(listener: (evt?: PointerEvent) => void): void;\n  getTargetElement(): HTMLElement | null;\n  setTargetElement(el: HTMLElement | null): void;\n  trySetTarget(value?: string | null): void;\n  addTargetListener(type: string, listener: EventListener): void;\n  removeTargetListener(type: string, listener: EventListener): void;\n  setHovered(hovered: boolean): void;\n  setPressed(pressed: boolean): void;\n  startAnimation(coords?: StateLayerCoords): void;\n  endAnimation(): Promise<void>;\n  inBounds(x: number, y: number): boolean;\n}\n\nexport class StateLayerAdapter extends BaseAdapter<IStateLayerComponent> implements IStateLayerAdapter {\n  private readonly _surfaceElement: HTMLElement;\n  private _targetElement: HTMLElement | null = null;\n  private _rippleAnimation: Animation | undefined;\n  private _destroyDeferListener: (() => void) | undefined;\n\n  constructor(component: IStateLayerComponent) {\n    super(component);\n    this._surfaceElement = getShadowElement(component, STATE_LAYER_CONSTANTS.selectors.SURFACE);\n  }\n\n  public destroy(): void {\n    if (typeof this._destroyDeferListener === 'function') {\n      this._destroyDeferListener();\n      this._destroyDeferListener = undefined;\n    }\n    this._targetElement = null;\n  }\n\n  public async deferInitialization(listener: (evt?: PointerEvent) => void): Promise<void> {\n    if (!this._targetElement) {\n      return;\n    }\n    const { userInteraction, destroy } = createUserInteractionListener(this._targetElement);\n    this._destroyDeferListener = destroy;\n    const evt = await userInteraction;\n    listener(evt.type === 'pointerenter' ? evt as PointerEvent : undefined);\n  }\n\n  public addTargetListener(type: string, listener: EventListener): void {\n    this._targetElement?.addEventListener(type, listener);\n  }\n\n  public removeTargetListener(type: string, listener: EventListener): void {\n    this._targetElement?.removeEventListener(type, listener);\n  }\n\n  public setHovered(hovered: boolean): void {\n    this._surfaceElement.classList.toggle(STATE_LAYER_CONSTANTS.classes.HOVERED, hovered);\n  }\n  \n  public setPressed(pressed: boolean): void {\n    this._surfaceElement.classList.toggle(STATE_LAYER_CONSTANTS.classes.PRESSED, pressed);\n  }\n\n  public getTargetElement(): HTMLElement | null {\n    return this._targetElement;\n  }\n\n  public setTargetElement(el: HTMLElement | null): void {\n    this._targetElement = el;\n  }\n\n  public trySetTarget(value?: string | null): void {\n    this._targetElement = locateTargetHeuristic(this._component, value);\n  }\n\n  public startAnimation(coords?: StateLayerCoords): void {\n    if (!this._surfaceElement) {\n      return;\n    }\n\n    this.setPressed(true);\n    this._rippleAnimation?.cancel();\n\n    const { rippleSize, rippleScale, initialSize } = calcRippleSize(this._component);\n    const { startPoint, endPoint } = getTranslationCoordinates(this._component, initialSize, coords);\n    const translateStart = `${startPoint.x}px, ${startPoint.y}px`;\n    const translateEnd = `${endPoint.x}px, ${endPoint.y}px`;\n\n    this._rippleAnimation = this._surfaceElement.animate(\n      {\n        top: [0, 0],\n        left: [0, 0],\n        height: [rippleSize, rippleSize],\n        width: [rippleSize, rippleSize],\n        transform: [\n          `translate(${translateStart}) scale(1)`,\n          `translate(${translateEnd}) scale(${rippleScale})`\n        ]\n      },\n      {\n        pseudoElement: PRESS_PSEUDO,\n        duration: PRESS_GROW_MS,\n        easing: EASING,\n        fill: ANIMATION_FILL\n      });\n  }\n\n  public async endAnimation(): Promise<void> {\n    const animation = this._rippleAnimation;\n    const pressAnimationPlayState = animation?.currentTime ?? Infinity;\n\n    if (pressAnimationPlayState >= MINIMUM_PRESS_MS) {\n      this.setPressed(false);\n      return;\n    }\n\n    await new Promise(resolve => {\n      setTimeout(resolve, MINIMUM_PRESS_MS - pressAnimationPlayState);\n    });\n\n    if (this._rippleAnimation !== animation) {\n      return;\n    }\n\n    this.setPressed(false);\n  }\n\n  public inBounds(x: number, y: number): boolean {\n    return isInBounds(this._component, x, y);\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IStateLayerAdapter } from './state-layer-adapter';\nimport { PointerState, StateLayerCoords, STATE_LAYER_CONSTANTS, TOUCH_DELAY_MS } from './state-layer-constants';\n\nexport interface IStateLayerFoundation extends ICustomElementFoundation {\n  targetElement: HTMLElement | null;\n  target: string | null;\n  disabled: boolean;\n  playAnimation(coords?: StateLayerCoords): void;\n}\n\nexport class StateLayerFoundation implements IStateLayerFoundation {\n  // State\n  private _target: string | null = null;\n  private _disabled = false;\n  private _attached = false;\n  private _deferred = true;\n  private _pointerStartEvent: PointerEvent | undefined;\n  private _pointerState: PointerState = PointerState.INACTIVE;\n  private _checkBoundsAfterContextMenu = false;\n\n  // Listeners\n  private _pointerEnterListener: EventListener;\n  private _pointerLeaveListener: EventListener;\n  private _pointerDownListener: EventListener;\n  private _pointerUpListener: EventListener;\n  private _pointerCancelListener: EventListener;\n  private _clickListener: EventListener;\n  private _contextmenuListener: EventListener;\n\n  constructor(private _adapter: IStateLayerAdapter) {\n    this._pointerEnterListener = (evt: PointerEvent) => this._onPointerEnter(evt);\n    this._pointerLeaveListener = (evt: PointerEvent) => this._onPointerLeave(evt);\n    this._pointerDownListener = (evt: PointerEvent) => this._onPointerDown(evt);\n    this._pointerUpListener = (evt: PointerEvent) => this._onPointerUp(evt);\n    this._pointerCancelListener = (evt: PointerEvent) => this._onPointerCancel(evt);\n    this._clickListener = () => this._onClick();\n    this._contextmenuListener = () => this._onContextmenu();\n  }\n\n  public initialize(): void {\n    this._adapter.trySetTarget(this._target);\n\n    // We defer initialization until the first pointerenter event is received.\n    //\n    // This is a performance optimization to avoid attaching many listeners to the target element\n    // until the user is first interacting with it.\n    this._deferInitialization();\n  }\n\n  public disconnect(): void {\n    this._pointerStartEvent = undefined;\n    this._pointerState = PointerState.INACTIVE;\n    this._adapter.setHovered(false);\n    this._adapter.setPressed(false);\n    this._removeListeners(); // Must be called before destroying adapter\n    this._adapter.destroy();\n  }\n\n  public playAnimation(coords?: StateLayerCoords): void {\n    this._adapter.startAnimation(coords);\n    this._endAnimation();\n  }\n\n  private _deferInitialization(): void {\n    this._adapter.deferInitialization(this._onDeferredInitialize.bind(this));\n  }\n\n  private _applyListeners(): void {\n    if (this._disabled) {\n      return;\n    }\n\n    this._adapter.addTargetListener('pointerenter', this._pointerEnterListener);\n    this._adapter.addTargetListener('pointerleave', this._pointerLeaveListener);\n    this._adapter.addTargetListener('pointerdown', this._pointerDownListener);\n    this._adapter.addTargetListener('pointerup', this._pointerUpListener);\n    this._adapter.addTargetListener('pointercancel', this._pointerCancelListener);\n    this._adapter.addTargetListener('click', this._clickListener);\n    this._adapter.addTargetListener('contextmenu', this._contextmenuListener);\n    this._attached = true;\n  }\n\n  private _removeListeners(): void {\n    this._adapter.removeTargetListener('pointerenter', this._pointerEnterListener);\n    this._adapter.removeTargetListener('pointerleave', this._pointerLeaveListener);\n    this._adapter.removeTargetListener('pointerdown', this._pointerDownListener);\n    this._adapter.removeTargetListener('pointerup', this._pointerUpListener);\n    this._adapter.removeTargetListener('pointercancel', this._pointerCancelListener);\n    this._adapter.removeTargetListener('click', this._clickListener);\n    this._adapter.removeTargetListener('contextmenu', this._contextmenuListener);\n    this._attached = false;\n  }\n\n  private _onDeferredInitialize(evt?: PointerEvent): void {\n    this._applyListeners();\n\n    if (evt?.type === 'pointerenter') {\n      // Manually trigger the pointerenter listener since this is in response to a pointerenter event already\n      this._pointerEnterListener(evt);\n    }\n    \n    this._deferred = false;\n  }\n\n  private _onPointerEnter(evt: PointerEvent): void {\n    if (!this._canHandleEvent(evt)) {\n      return;\n    }\n    this._adapter.setHovered(true);\n  }\n\n  private _onPointerLeave(evt: PointerEvent): void {\n    if (!this._canHandleEvent(evt)) {\n      return;\n    }\n\n    this._adapter.setHovered(false);\n\n    if (this._pointerState !== PointerState.INACTIVE) {\n      this._adapter.endAnimation();\n    }\n  }\n\n  private async _onPointerDown(evt: PointerEvent): Promise<void> {\n    this._pointerStartEvent = evt;\n\n    if (!this._canHandleEvent(evt)) {\n      return;\n    }\n    \n    if (!this._isTouch(evt.pointerType)) {\n      this._pointerState = PointerState.WAITING_FOR_CLICK;\n      this._startAnimation(evt);\n      return;\n    }\n\n    // after a longpress contextmenu event, an extra `pointerdown` can be\n    // dispatched to the pressed element. Check that the down is within\n    // bounds of the element in this case.\n    if (this._checkBoundsAfterContextMenu && !this._adapter.inBounds(evt.x, evt.y)) {\n      return;\n    }\n\n    this._checkBoundsAfterContextMenu = false;\n\n    this._pointerState = PointerState.TOUCH_DELAY;\n    await new Promise(resolve => setTimeout(resolve, TOUCH_DELAY_MS));\n\n    if (this._pointerState !== PointerState.TOUCH_DELAY) {\n      return;\n    }\n\n    this._pointerState = PointerState.HOLDING;\n    this._startAnimation(evt);\n  }\n\n  private _onPointerUp(evt: PointerEvent): void {\n    if (!this._canHandleEvent(evt)) {\n      return;\n    }\n\n    if (this._pointerState === PointerState.HOLDING) {\n      this._pointerState = PointerState.WAITING_FOR_CLICK;\n      return;\n    }\n\n    if (this._pointerState === PointerState.TOUCH_DELAY) {\n      this._pointerState = PointerState.WAITING_FOR_CLICK;\n      this._startAnimation(this._pointerStartEvent);\n      return;\n    }\n  }\n\n  private _onClick(): void {\n    if (this._disabled) {\n      return;\n    }\n\n    if (this._pointerState === PointerState.WAITING_FOR_CLICK) {\n      this._endAnimation();\n      return;\n    }\n\n    if (this._pointerState === PointerState.INACTIVE) {\n      this._startAnimation(this._pointerStartEvent);\n      this._endAnimation();\n    }\n  }\n\n  private _onPointerCancel(evt: PointerEvent): void {\n    if (!this._canHandleEvent(evt)) {\n      return;\n    }\n    this._endAnimation();\n  }\n\n  private _onContextmenu(): void {\n    if (this._disabled) {\n      return;\n    }\n\n    this._checkBoundsAfterContextMenu = true;\n    this._adapter.endAnimation();\n  }\n\n  private _startAnimation(evt?: PointerEvent): void {\n    const coords = evt ? StateLayerCoords.fromPointerEvent(evt) : undefined;\n    this._adapter.startAnimation(coords);\n  }\n\n  private _endAnimation(): void {\n    this._pointerState = PointerState.INACTIVE;\n    this._adapter.endAnimation();\n    this._pointerStartEvent = undefined;\n  }\n\n  private _canHandleEvent({ type, isPrimary, buttons, pointerType, pointerId }: PointerEvent): boolean {\n    if (this._disabled || !isPrimary) {\n      return false;\n    }\n\n    if (this._pointerStartEvent && this._pointerStartEvent.pointerId !== pointerId) {\n      return false;\n    }\n\n    if (type === 'pointerenter' || type === 'pointerleave') {\n      return !this._isTouch(pointerType);\n    }\n\n    const isPrimaryButton = buttons === 1;\n    return this._isTouch(pointerType) || isPrimaryButton;\n  }\n\n  private _isTouch(pointerType: string): boolean {\n    return pointerType === 'touch';\n  }\n\n  public get isAttached(): boolean {\n    return this._attached;\n  }\n\n  public get targetElement(): HTMLElement | null {\n    return this._adapter.getTargetElement();\n  }\n  public set targetElement(el: HTMLElement | null) {\n    // Always remove the listeners from the previous target element\n    if (this._attached) {\n      this._removeListeners();\n    } else {\n      // If unattached destroy the defer listener to recreate on the new target element\n      this._adapter.destroy();\n      this._deferred = false;\n    }\n\n    this._adapter.setTargetElement(el);\n\n    // If we are not already deferring attaching the listeners, then do that now\n    if (!this._deferred) {\n      this._deferInitialization();\n    }\n  }\n\n  public get target(): string | null {\n    return this._adapter.getHostAttribute(STATE_LAYER_CONSTANTS.attributes.TARGET);\n  }\n  public set target(value: string | null) {\n    if (this._target !== value) {\n      this._target = value;\n\n      if (this._adapter.isConnected) {\n        if (this._attached) {\n          this._removeListeners();\n        } else {\n          this._adapter.destroy();\n          this._deferred = false;\n        }\n\n        this._adapter.trySetTarget(value);\n\n        if (!this._deferred) {\n          this._deferInitialization();\n        }\n      }\n\n      this._adapter.toggleHostAttribute(STATE_LAYER_CONSTANTS.attributes.TARGET, Boolean(this._target), this._target as string);\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    value = Boolean(value);\n    if (this._disabled !== value) {\n      this._disabled = value;\n\n      if (this._adapter.isConnected) {\n        if (this._disabled) {\n          this._removeListeners();\n        } else if (!this._deferred) {\n          this._deferInitialization();\n        }\n      }\n\n      this._adapter.toggleHostAttribute(STATE_LAYER_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n}\n", "import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean } from '@tylertech/forge-core';\nimport { StateLayerAdapter } from './state-layer-adapter';\nimport { StateLayerFoundation } from './state-layer-foundation';\nimport { StateLayerCoords, STATE_LAYER_CONSTANTS } from './state-layer-constants';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-state-layer\\\" part=\\\"surface\\\"></div></template>';\nconst styles = ':host{border-radius:inherit;position:absolute;inset:0;overflow:hidden;display:-webkit-box;display:flex;margin:auto;pointer-events:none;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}:host([disabled]){display:none}.forge-state-layer{--_state-layer-color:var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));--_state-layer-hover-color:var(--forge-state-layer-hover-color, var(--_state-layer-color));--_state-layer-hover-opacity:var(--forge-state-layer-hover-opacity, 0.08);--_state-layer-pressed-color:var(--forge-state-layer-pressed-color, var(--_state-layer-color));--_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.12);--_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 15ms);--_state-layer-pressed-duration:var(--forge-state-layer-pressed-duration, 105ms);--_state-layer-animation-duration:var(--forge-state-layer-animation-duration, 375ms)}.forge-state-layer::after,.forge-state-layer::before{content:\\\"\\\";opacity:0;position:absolute}.forge-state-layer::before{background-color:var(--_state-layer-hover-color);inset:0;-webkit-transition:opacity var(--_state-layer-hover-duration) linear,background-color var(--_state-layer-hover-duration) linear;transition:opacity var(--_state-layer-hover-duration) linear,background-color var(--_state-layer-hover-duration) linear}.forge-state-layer::after{background:radial-gradient(closest-side,var(--_state-layer-pressed-color) max(100% - 70px,65%),transparent 100%);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity var(--_state-layer-animation-duration) linear;transition:opacity var(--_state-layer-animation-duration) linear}.forge-state-layer--hovered::before{background-color:var(--_state-layer-hover-color);opacity:var(--_state-layer-hover-opacity)}.forge-state-layer--pressed::after{opacity:var(--_state-layer-pressed-opacity);-webkit-transition-duration:var(--_state-layer-pressed-duration);transition-duration:var(--_state-layer-pressed-duration)}@media screen and (forced-colors:active){:host{display:none}}';\n\nexport interface IStateLayerComponent extends IBaseComponent {\n  targetElement: HTMLElement | null;\n  target: string | null;\n  disabled: boolean;\n  playAnimation(coords?: StateLayerCoords): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-state-layer': IStateLayerComponent;\n  }\n}\n\n/**\n * @tag forge-state-layer\n * \n * @summary State layers show the interaction status of an element.\n * \n * @description \n * A state layer is a semi-transparent overlay on an element that indicates its interaction\n * state. State layers provide a systematic approach to visualizing states by using opacity.\n * A layer can be applied to an entire element or in a circular shape. Only one state layer\n * can be applied at a given time.\n * \n * @property {HTMLElement} targetElement - The element to attach the state layer to.\n * @property {string} target - The id of the element to attach the state layer to.\n * @property {boolean} disabled - Controls whether the state layer is disabled.\n * \n * @attribute {string} target - The id of the element to attach the state layer to.\n * @attribute {boolean} disabled - Controls whether the state layer is disabled.\n * \n * @cssproperty --forge-state-layer-color - The color of the state layer. Defaults to the on-surface theme.\n * @cssproperty --forge-state-layer-hover-color - The color of the state layer when hovered.\n * @cssproperty --forge-state-layer-hover-opacity - The opacity of the state layer when hovered.\n * @cssproperty --forge-state-layer-pressed-color - The color of the state layer when pressed.\n * @cssproperty --forge-state-layer-pressed-opacity - The opacity of the state layer when pressed.\n * @cssproperty --forge-state-layer-hover-duration - The duration of the hover animation.\n * @cssproperty --forge-state-layer-animation-duration - The duration of the animation.\n * @cssproperty --forge-state-layer-pressed-duration - The duration of the pressed animation.\n * \n * @csspart surface - The surface element.\n */\n@CustomElement({\n  name: STATE_LAYER_CONSTANTS.elementName\n})\nexport class StateLayerComponent extends BaseComponent implements IStateLayerComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      STATE_LAYER_CONSTANTS.attributes.TARGET,\n      STATE_LAYER_CONSTANTS.attributes.DISABLED\n    ];\n  }\n\n  private _foundation: StateLayerFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new StateLayerFoundation(new StateLayerAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case STATE_LAYER_CONSTANTS.attributes.TARGET:\n        this.target = newValue;\n        break;\n      case STATE_LAYER_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public declare targetElement: HTMLElement | null;\n\n  @FoundationProperty()\n  public declare target: string | null;\n\n  @FoundationProperty()\n  public declare disabled: boolean;\n\n  /**\n   * Triggers the animation to run.\n   * \n   * Note: If coordinates are not provided, the transition will originate from the center of the target element.\n   * \n   * @param {StateLayerCoords} [coords] - The coordinates to play the animation from.\n   */\n  public playAnimation(coords?: StateLayerCoords): void {\n    this._foundation.playAnimation(coords);\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "attributes", "__spreadValues", "selectors", "classes", "STATE_LAYER_CONSTANTS", "StateLayerCoords", "_StateLayerCoords", "x", "y", "event", "TOUCH_DELAY_MS", "PRESS_GROW_MS", "MINIMUM_PRESS_MS", "INITIAL_ORIGIN_SCALE", "PADDING", "SOFT_EDGE_MINIMUM_SIZE", "SOFT_EDGE_CONTAINER_RATIO", "PRESS_PSEUDO", "ANIMATION_FILL", "EASING", "PointerState", "calcRippleSize", "hostEl", "height", "width", "maxDim", "softEdgeSize", "SOFT_EDGE_CONTAINER_RATIO", "SOFT_EDGE_MINIMUM_SIZE", "initialSize", "INITIAL_ORIGIN_SCALE", "rippleScale", "PADDING", "rippleSize", "getTranslationCoordinates", "coords", "endPoint", "startPoint", "isValidCoords", "toNormalizedCoords", "scrollX", "scrollY", "left", "top", "documentX", "documentY", "x", "y", "isInBounds", "value", "StateLayerCoords", "key", "StateLayerAdapter", "BaseAdapter", "component", "getShadowElement", "STATE_LAYER_CONSTANTS", "listener", "userInteraction", "destroy", "createUserInteractionListener", "evt", "type", "_a", "hovered", "pressed", "el", "value", "locateTargetHeuristic", "coords", "rippleSize", "rippleScale", "initialSize", "calcRippleSize", "startPoint", "endPoint", "getTranslationCoordinates", "translateStart", "translateEnd", "PRESS_PSEUDO", "PRESS_GROW_MS", "EASING", "ANIMATION_FILL", "animation", "pressAnimationPlayState", "MINIMUM_PRESS_MS", "resolve", "x", "y", "isInBounds", "StateLayerFoundation", "_adapter", "evt", "coords", "resolve", "TOUCH_DELAY_MS", "StateLayerCoords", "type", "isPrimary", "buttons", "pointerType", "pointerId", "isPrimaryButton", "el", "STATE_LAYER_CONSTANTS", "value", "template", "styles", "StateLayerComponent", "BaseComponent", "attachShadowTemplate", "StateLayerFoundation", "StateLayerAdapter", "STATE_LAYER_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "coords", "__decorateClass", "FoundationProperty", "CustomElement"]
+}

package/dist/esm/chunks/chunk.VO6YJCEU.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{a as L}from"./chunk.DTLZOIUQ.js";import{a as N}from"./chunk.LEVFMI2Q.js";import{a as T}from"./chunk.HSI7B43D.js";import{a as c}from"./chunk.NVUMRW44.js";import{a as A,b as y}from"./chunk.36F2GVWS.js";import{a as O,e as f,f as h,k as I}from"./chunk.JAWV5Y5T.js";import{k as E,o as u}from"./chunk.J2M2MXP2.js";import{d as a}from"./chunk.M3QDAYD2.js";var C=`${y}expansion-panel`,d={CONTAINER:"forge-expansion-panel",HEADER:"forge-expansion-panel__header",CONTENT:"forge-expansion-panel__content"},x={CONTAINER:`.${d.CONTAINER}`,HEADER:`.${d.HEADER}`,CONTENT:`.${d.CONTENT}`,HEADER_SLOT:`.${d.HEADER} > slot[name=header]`,OPEN_ICON:`[slot=header] ${L.elementName}`},k={TOGGLE:`${C}-toggle`},P={OPEN:"open",ORIENTATION:"orientation",USE_ANIMATIONS:"use-animations",IGNORE:"data-forge-ignore",IGNORE_ALT:"forge-ignore"},p={COLLAPSE_ANIMATION_DURATION:400,CLICK_DEBOUNCE_THRESHOLD:200},S={ORIENTATION_VERTICAL:"vertical",ORIENTATION_HORIZONTAL:"horizontal",EXPANSION_VERTICAL_TRANSITION:`height ${p.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${p.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,EXPANSION_HORIZONTAL_TRANSITION:`width ${p.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${p.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`},i={elementName:C,classes:d,selectors:x,events:k,attributes:P,numbers:p,strings:S};var m=class extends T{constructor(t){super(t);this._headerElement=h(this._component,i.selectors.HEADER),this._contentElement=h(this._component,i.selectors.CONTENT),this._headerSlotElement=h(this._component,i.selectors.HEADER_SLOT)}initialize(t,n="vertical"){let r=this._headerElement.children[0].assignedNodes();if(this.setHeaderVisibility(!!r.length),n===i.strings.ORIENTATION_HORIZONTAL&&(this._contentElement.style.height="",this._contentElement.style.width="0px"),t){n==="vertical"?this._contentElement.style.height="":this._contentElement.style.width="",this._contentElement.style.removeProperty("opacity"),this._contentElement.style.removeProperty("visibility");let l=this._component.querySelector(i.selectors.OPEN_ICON);l&&(l.open=!0)}this._headerElement.setAttribute("aria-expanded",t?"true":"false")}setHeaderVisibility(t){t?this._headerElement.style.display="":this._headerElement.style.display="none"}setOpenState(t,n=i.strings.ORIENTATION_VERTICAL,r=!0){let l=this._contentElement.children[0].assignedNodes(),s=this._component.querySelector(i.selectors.OPEN_ICON);if(r&&l&&l.length&&l[0]){let v=({propertyName:g})=>{if(this._component.open!==t){this._contentElement.removeEventListener("transitionend",v);return}(g==="height"||g==="width")&&(this._contentElement.removeEventListener("transitionend",v),this._contentElement.style.removeProperty("transition"),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="":this._contentElement.style.height="",this._contentElement.style.removeProperty("opacity")):this._contentElement.style.visibility="hidden")};this._contentElement.addEventListener("transitionend",v),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._contentElement.style.removeProperty("visibility")):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width=`${this._contentElement.scrollWidth}px`:this._contentElement.style.height=`${this._contentElement.scrollHeight}px`,this._contentElement.style.opacity="1"),n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.transition=i.strings.EXPANSION_HORIZONTAL_TRANSITION:this._contentElement.style.transition=i.strings.EXPANSION_VERTICAL_TRANSITION,this._activeAnimationFrame=window.requestAnimationFrame(()=>{this._activeAnimationFrame=window.requestAnimationFrame(()=>{this._activeAnimationFrame=void 0,t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width=`${this._contentElement.scrollWidth}px`:this._contentElement.style.height=`${this._contentElement.scrollHeight}px`,this._contentElement.style.opacity="1",this._headerElement.setAttribute("aria-expanded","true"),s&&(s.open=!0)):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._headerElement.setAttribute("aria-expanded","false"),s&&(s.open=!1))})})}else this._activeAnimationFrame&&(window.cancelAnimationFrame(this._activeAnimationFrame),this._activeAnimationFrame=void 0),this._contentElement.style.removeProperty("transition"),t?(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="":this._contentElement.style.height="",this._contentElement.style.removeProperty("visibility"),this._contentElement.style.removeProperty("opacity"),this._headerElement.setAttribute("aria-expanded","true"),s&&(s.open=!0)):(n===i.strings.ORIENTATION_HORIZONTAL?this._contentElement.style.width="0px":this._contentElement.style.height="0px",this._contentElement.style.opacity="0",this._contentElement.style.visibility="hidden",this._headerElement.setAttribute("aria-expanded","false"),s&&(s.open=!1))}registerClickListener(t){this._headerElement.addEventListener("click",t)}deregisterClickListener(t){this._headerElement.removeEventListener("click",t)}registerKeydownListener(t){this._headerElement.addEventListener("keydown",t)}deregisterKeydownListener(t){this._headerElement.removeEventListener("keydown",t)}registerHeaderSlotListener(t){this._headerSlotElement.addEventListener("slotchange",t)}deregisterHeaderSlotListener(t){this._headerSlotElement.removeEventListener("slotchange",t)}};var _=class{constructor(e){this._adapter=e;this._open=!1;this._useAnimations=!0;this._orientation=i.strings.ORIENTATION_VERTICAL;this._isInitialized=!1;this._clickListener=u(t=>this._onClick(t),i.numbers.CLICK_DEBOUNCE_THRESHOLD,!0),this._keydownListener=t=>this._onKeydown(t),this._headerSlotChangeListener=t=>this._onHeaderSlotChanged(t)}initialize(){this.connect(),this._adapter.initialize(this._open,this._orientation),this._isInitialized=!0}connect(){this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener),this._adapter.registerClickListener(this._clickListener),this._adapter.registerKeydownListener(this._keydownListener)}disconnect(){this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener),this._adapter.deregisterClickListener(this._clickListener),this._adapter.deregisterKeydownListener(this._keydownListener)}setOpenImmediate(e){e?this._openPanel(!1):this._closePanel(!1)}_applyOpen(e){if(!this._isInitialized){this._open=e;return}e?this._openCallback?Promise.resolve(this._openCallback()).then(()=>{this._open=e,this._openPanel(this._useAnimations)}).catch(()=>{}):(this._open=e,this._openPanel(this._useAnimations)):this._closeCallback?Promise.resolve(this._closeCallback()).then(()=>{this._open=e,this._closePanel(this._useAnimations)}).catch(()=>{}):(this._open=e,this._closePanel(this._useAnimations))}get open(){return this._open}set open(e){e=!!e,this._open!==e&&this._applyOpen(e)}get openCallback(){return this._openCallback}set openCallback(e){this._openCallback=e}get closeCallback(){return this._closeCallback}set closeCallback(e){this._closeCallback=e}get orientation(){return this._orientation}set orientation(e){this._orientation=e}get useAnimations(){return this._useAnimations}set useAnimations(e){this._useAnimations!==!!e&&(this._useAnimations=!!e,this._adapter.setHostAttribute(i.attributes.USE_ANIMATIONS,`${this._useAnimations}`))}_onClick(e){N(e).find(t=>t.nodeType===1&&(t.hasAttribute(i.attributes.IGNORE)||t.hasAttribute(i.attributes.IGNORE_ALT)))||(e.stopPropagation(),this._toggle(),this._emitEvent())}_onKeydown(e){(e.key===" "||e.key==="Enter")&&(e.stopPropagation(),e.preventDefault(),this._toggle(),this._emitEvent())}_emitEvent(){this._adapter.emitHostEvent(i.events.TOGGLE,this._open)}_toggle(){this.open=!this.open}_openPanel(e){this._adapter.setHostAttribute(i.attributes.OPEN,""),this._adapter.setOpenState(!0,this._orientation,e)}_closePanel(e){this._adapter.removeHostAttribute(i.attributes.OPEN),this._adapter.setOpenState(!1,this._orientation,e)}_onHeaderSlotChanged(e){this._adapter.setHeaderVisibility(!!e.target.assignedNodes().length)}};var R='<template><div class="forge-expansion-panel" part="root"><div class="forge-expansion-panel__header" part="header"><slot name="header"></slot></div><div class="forge-expansion-panel__content" style="height: 0; opacity: 0; visibility: hidden;" part="content"><slot></slot></div></div></template>',w=".forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{height:var(--forge-scrollbar-height,16px);width:var(--forge-scrollbar-width,16px)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:var(--forge-scrollbar-track-container,var(--forge-theme-surface-container-low,#ebebeb))}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:var(--forge-scrollbar-track-container-hover,var(--forge-theme-surface-container-low,#ebebeb))}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:var(--forge-scrollbar-track-container,var(--forge-theme-surface-container-low,#ebebeb))}.forge-expansion-panel__content::-webkit-scrollbar-thumb{height:var(--forge-scrollbar-thumb-min-height,32px);width:var(--forge-scrollbar-thumb-min-width,32px);border-radius:var(--forge-scrollbar-border-radius,var(--forge-shape-full,9999px));border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-color:var(--forge-scrollbar-thumb-container,var(--forge-theme-surface-container-medium,#c2c2c2));background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:var(--forge-scrollbar-thumb-container-hover,var(--forge-theme-surface-container-high,#9e9e9e))}:host{display:block}:host([hidden]){display:none}",o=class extends I{constructor(){super();f(this,R,w),this._foundation=new _(new m(this))}static get observedAttributes(){return[i.attributes.OPEN,i.attributes.ORIENTATION,i.attributes.USE_ANIMATIONS]}initializedCallback(){this._foundation.initialize()}connectedCallback(){this._foundation.connect()}attributeChangedCallback(t,n,r){switch(t){case i.attributes.OPEN:this.open=E(r);break;case i.attributes.ORIENTATION:this.orientation=r;break;case i.attributes.USE_ANIMATIONS:this.useAnimations=E(r);break}}disconnectedCallback(){this._foundation.disconnect()}toggle(){this.open=!this.open}setOpenImmediate(t){this._foundation.setOpenImmediate(t)}};a([c()],o.prototype,"open",2),a([c()],o.prototype,"openCallback",2),a([c()],o.prototype,"closeCallback",2),a([c()],o.prototype,"orientation",2),a([c()],o.prototype,"useAnimations",2),o=a([A({name:i.elementName})],o);function ne(){O(o)}export{i as a,m as b,_ as c,o as d,ne as e};
+//# sourceMappingURL=chunk.VO6YJCEU.js.map

package/dist/esm/chunks/chunk.VO6YJCEU.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/expansion-panel/expansion-panel-constants.ts", "../../src/expansion-panel/expansion-panel-adapter.ts", "../../src/expansion-panel/expansion-panel-foundation.ts", "../../src/expansion-panel/expansion-panel.ts", "../../src/expansion-panel/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\nimport { OPEN_ICON_CONSTANTS } from '../open-icon';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}expansion-panel`;\n\nconst classes = {\n  CONTAINER: 'forge-expansion-panel',\n  HEADER: 'forge-expansion-panel__header',\n  CONTENT: 'forge-expansion-panel__content'\n};\n\nconst selectors = {\n  CONTAINER: `.${classes.CONTAINER}`,\n  HEADER: `.${classes.HEADER}`,\n  CONTENT: `.${classes.CONTENT}`,\n  HEADER_SLOT: `.${classes.HEADER} > slot[name=header]`,\n  OPEN_ICON: `[slot=header] ${OPEN_ICON_CONSTANTS.elementName}`\n};\n\nconst events = {\n  TOGGLE: `${elementName}-toggle`\n};\n\nconst attributes = {\n  OPEN: 'open',\n  ORIENTATION: 'orientation',\n  USE_ANIMATIONS: 'use-animations',\n  IGNORE: 'data-forge-ignore',\n  IGNORE_ALT: 'forge-ignore'\n};\n\nconst numbers = {\n  COLLAPSE_ANIMATION_DURATION: 400,\n  CLICK_DEBOUNCE_THRESHOLD: 200\n};\n\nconst strings = {\n  ORIENTATION_VERTICAL: 'vertical',\n  ORIENTATION_HORIZONTAL: 'horizontal',\n  EXPANSION_VERTICAL_TRANSITION: `height ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`,\n  EXPANSION_HORIZONTAL_TRANSITION: `width ${numbers.COLLAPSE_ANIMATION_DURATION}ms cubic-bezier(0.4, 0, 0.2, 1), opacity ${numbers.COLLAPSE_ANIMATION_DURATION}ms ease-in-out`\n};\n\nexport const EXPANSION_PANEL_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  events,\n  attributes,\n  numbers,\n  strings\n};\n", "import { getShadowElement } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { OpenIconComponent } from '../open-icon';\nimport { IExpansionPanelComponent } from './expansion-panel';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelAdapter extends IBaseAdapter {\n  initialize: (open: boolean, orientation: string) => void;\n  setHeaderVisibility: (visible: boolean) => void;\n  setOpenState: (open: boolean, orientation: string, animate: boolean) => void;\n  registerClickListener: (listener: (evt: MouseEvent) => void) => void;\n  deregisterClickListener: (listener: (evt: MouseEvent) => void) => void;\n  registerKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n  deregisterKeydownListener: (listener: (evt: KeyboardEvent) => void) => void;\n  registerHeaderSlotListener: (listener: (evt: Event) => void) => void;\n  deregisterHeaderSlotListener: (listener: (evt: Event) => void) => void;\n}\n\nexport class ExpansionPanelAdapter extends BaseAdapter<IExpansionPanelComponent> implements IExpansionPanelAdapter {\n  private _headerElement: HTMLElement;\n  private _contentElement: HTMLElement;\n  private _headerSlotElement: HTMLSlotElement;\n  private _activeAnimationFrame: number | undefined;\n\n  constructor(component: IExpansionPanelComponent) {\n    super(component);\n    this._headerElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER);\n    this._contentElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.CONTENT);\n    this._headerSlotElement = getShadowElement(this._component, EXPANSION_PANEL_CONSTANTS.selectors.HEADER_SLOT) as HTMLSlotElement;\n  }\n\n  public initialize(open: boolean, orientation = 'vertical'): void {\n    const assignedNodes = (this._headerElement.children[0] as HTMLSlotElement).assignedNodes();\n    this.setHeaderVisibility(!!assignedNodes.length);\n\n    if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n      this._contentElement.style.height = '';\n      this._contentElement.style.width = '0px';\n    }\n\n    if (open) {\n      if (orientation === 'vertical') {\n        this._contentElement.style.height = '';\n      } else {\n        this._contentElement.style.width = '';\n      }\n      this._contentElement.style.removeProperty('opacity');\n      this._contentElement.style.removeProperty('visibility');\n      const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n      if (openIconElement) {\n        openIconElement.open = true;\n      }\n    }\n\n    this._headerElement.setAttribute('aria-expanded', open ? 'true' : 'false');\n  }\n\n  public setHeaderVisibility(visible: boolean): void {\n    if (visible) {\n      this._headerElement.style.display = '';\n    } else {\n      this._headerElement.style.display = 'none';\n    }\n  }\n\n  public setOpenState(opening: boolean, orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL, animate = true): void {\n    const assignedNodes = (this._contentElement.children[0] as HTMLSlotElement).assignedNodes();\n    const openIconElement = this._component.querySelector(EXPANSION_PANEL_CONSTANTS.selectors.OPEN_ICON) as OpenIconComponent;\n\n    if (animate && assignedNodes && assignedNodes.length && assignedNodes[0]) {\n      const transitionEndListener = ({ propertyName }: TransitionEvent): void => {\n        // If the state has changed since it started, then ignore the transition\n        if (this._component.open !== opening) {\n          this._contentElement.removeEventListener('transitionend', transitionEndListener);\n          return;\n        }\n        if (propertyName === 'height' || propertyName === 'width') {\n          this._contentElement.removeEventListener('transitionend', transitionEndListener);\n          this._contentElement.style.removeProperty('transition');\n          if (opening) {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = '';\n            } else {\n              this._contentElement.style.height = '';\n            }\n            this._contentElement.style.removeProperty('opacity');\n          } else {\n            // We set to hidden to ensure that collapsed elements are non-interactive\n            this._contentElement.style.visibility = 'hidden';\n          }\n        }\n      };\n      this._contentElement.addEventListener('transitionend', transitionEndListener);\n\n      if (opening) {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '0px';\n        } else {\n          this._contentElement.style.height = '0px';\n        }\n        this._contentElement.style.opacity = '0';\n        this._contentElement.style.removeProperty('visibility');\n      } else {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n        } else {\n          this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n        }\n        this._contentElement.style.opacity = '1';\n      }\n\n      if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n        this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_HORIZONTAL_TRANSITION;\n      } else {\n        this._contentElement.style.transition = EXPANSION_PANEL_CONSTANTS.strings.EXPANSION_VERTICAL_TRANSITION;\n      }\n\n      this._activeAnimationFrame = window.requestAnimationFrame(() => {\n        this._activeAnimationFrame = window.requestAnimationFrame(() => {\n          this._activeAnimationFrame = undefined;\n          if (opening) {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = `${this._contentElement.scrollWidth}px`;\n            } else {\n              this._contentElement.style.height = `${this._contentElement.scrollHeight}px`;\n            }\n            this._contentElement.style.opacity = '1';\n            this._headerElement.setAttribute('aria-expanded', 'true');\n            if (openIconElement) {\n              openIconElement.open = true;\n            }\n          } else {\n            if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n              this._contentElement.style.width = '0px';\n            } else {\n              this._contentElement.style.height = '0px';\n            }\n            this._contentElement.style.opacity = '0';\n            this._headerElement.setAttribute('aria-expanded', 'false');\n            if (openIconElement) {\n              openIconElement.open = false;\n            }\n          }\n        });\n      });\n    } else {\n      if (this._activeAnimationFrame) {\n        window.cancelAnimationFrame(this._activeAnimationFrame);\n        this._activeAnimationFrame = undefined;\n      }\n\n      this._contentElement.style.removeProperty('transition');\n      if (opening) {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '';\n        } else {\n          this._contentElement.style.height = '';\n        }\n        this._contentElement.style.removeProperty('visibility');\n        this._contentElement.style.removeProperty('opacity');\n        this._headerElement.setAttribute('aria-expanded', 'true');\n        if (openIconElement) {\n          openIconElement.open = true;\n        }\n      } else {\n        if (orientation === EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n          this._contentElement.style.width = '0px';\n        } else {\n          this._contentElement.style.height = '0px';\n        }\n        this._contentElement.style.opacity = '0';\n        this._contentElement.style.visibility = 'hidden';\n        this._headerElement.setAttribute('aria-expanded', 'false');\n        if (openIconElement) {\n          openIconElement.open = false;\n        }\n      }\n    }\n  }\n\n  public registerClickListener(listener: (evt: MouseEvent) => void): void {\n    this._headerElement.addEventListener('click', listener);\n  }\n\n  public deregisterClickListener(listener: (evt: MouseEvent) => void): void {\n    this._headerElement.removeEventListener('click', listener);\n  }\n\n  public registerKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._headerElement.addEventListener('keydown', listener);\n  }\n\n  public deregisterKeydownListener(listener: (evt: KeyboardEvent) => void): void {\n    this._headerElement.removeEventListener('keydown', listener);\n  }\n\n  public registerHeaderSlotListener(listener: (evt: Event) => void): void {\n    this._headerSlotElement.addEventListener('slotchange', listener);\n  }\n\n  public deregisterHeaderSlotListener(listener: (evt: Event) => void): void {\n    this._headerSlotElement.removeEventListener('slotchange', listener);\n  }\n}\n", "import { debounce, getEventPath, ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\n\nexport interface IExpansionPanelFoundation extends ICustomElementFoundation {\n  open: boolean;\n  orientation: string;\n  useAnimations: boolean;\n  openCallback: () => void | Promise<void>;\n  closeCallback: () => void | Promise<void>;\n  setOpenImmediate(open: boolean): void;\n}\n\nexport class ExpansionPanelFoundation implements IExpansionPanelFoundation {\n  private _open = false;\n  private _useAnimations = true;\n  private _openCallback: () => void | Promise<void>;\n  private _closeCallback: () => void | Promise<void>;\n  private _orientation = EXPANSION_PANEL_CONSTANTS.strings.ORIENTATION_VERTICAL;\n  private _clickListener: (evt: MouseEvent) => void;\n  private _keydownListener: (evt: KeyboardEvent) => void;\n  private _headerSlotChangeListener: (evt: Event) => void;\n  private _isInitialized = false;\n\n  constructor(private _adapter: IExpansionPanelAdapter) {\n    this._clickListener = debounce((evt: MouseEvent) => this._onClick(evt), EXPANSION_PANEL_CONSTANTS.numbers.CLICK_DEBOUNCE_THRESHOLD, true);\n    this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n    this._headerSlotChangeListener = (evt: Event) => this._onHeaderSlotChanged(evt);\n  }\n\n  public initialize(): void {\n    this.connect();\n    this._adapter.initialize(this._open, this._orientation);\n    this._isInitialized = true;\n  }\n\n  public connect(): void {\n    this._adapter.registerHeaderSlotListener(this._headerSlotChangeListener);\n    this._adapter.registerClickListener(this._clickListener);\n    this._adapter.registerKeydownListener(this._keydownListener);\n  }\n\n  public disconnect(): void {\n    this._adapter.deregisterHeaderSlotListener(this._headerSlotChangeListener);\n    this._adapter.deregisterClickListener(this._clickListener);\n    this._adapter.deregisterKeydownListener(this._keydownListener);\n  }\n\n  public setOpenImmediate(open: boolean): void {\n    if (open) {\n      this._openPanel(false);\n    } else {\n      this._closePanel(false);\n    }\n  }\n\n  private _applyOpen(value: boolean): void {\n    if (!this._isInitialized) {\n      this._open = value;\n      return;\n    }\n\n    if (value) {\n      if (this._openCallback) {\n        Promise.resolve(this._openCallback())\n          .then(() => {\n            this._open = value;\n            this._openPanel(this._useAnimations);\n          })\n          .catch(() => {});\n      } else {\n        this._open = value;\n        this._openPanel(this._useAnimations);\n      }\n    } else {\n      if (this._closeCallback) {\n        Promise.resolve(this._closeCallback())\n          .then(() => {\n            this._open = value;\n            this._closePanel(this._useAnimations);\n          })\n          .catch(() => {});\n      } else {\n        this._open = value;\n        this._closePanel(this._useAnimations);\n      }\n    }\n  }\n\n  /** Controls the open state of the panel. */\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    value = Boolean(value);\n    if (this._open !== value) {\n      this._applyOpen(value);\n    }\n  }\n\n  public get openCallback(): () => void | Promise<void> {\n    return this._openCallback;\n  }\n  public set openCallback(callback: () => void | Promise<void>) {\n    this._openCallback = callback;\n  }\n\n  public get closeCallback(): () => void | Promise<void> {\n    return this._closeCallback;\n  }\n  public set closeCallback(callback: () => void | Promise<void>) {\n    this._closeCallback = callback;\n  }\n\n  public get orientation(): string {\n    return this._orientation;\n  }\n  public set orientation(value: string) {\n    this._orientation = value;\n  }\n\n  public get useAnimations(): boolean {\n    return this._useAnimations;\n  }\n  public set useAnimations(value: boolean) {\n    if (this._useAnimations !== !!value) {\n      this._useAnimations = !!value;\n      this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS, `${this._useAnimations}`);\n    }\n  }\n\n  /**\n   * Handles click events on the header element.\n   * @param {MouseEvent} evt The click event.\n   */\n  private _onClick(evt: MouseEvent): void {\n    if (getEventPath(evt).find(p => p.nodeType === 1 && (p.hasAttribute(EXPANSION_PANEL_CONSTANTS.attributes.IGNORE) || p.hasAttribute(EXPANSION_PANEL_CONSTANTS.attributes.IGNORE_ALT)))) {\n      return;\n    }\n\n    evt.stopPropagation();\n    this._toggle();\n    this._emitEvent();\n  }\n\n  /**\n   * Handles keydown events on the header.\n   * @param {KeyboardEvent} evt The keydown event\n   */\n  private _onKeydown(evt: KeyboardEvent): void {\n    if (evt.key === ' ' || evt.key === 'Enter') {\n      evt.stopPropagation();\n      evt.preventDefault();\n      this._toggle();\n      this._emitEvent();\n    }\n  }\n\n  private _emitEvent(): void {\n    this._adapter.emitHostEvent(EXPANSION_PANEL_CONSTANTS.events.TOGGLE, this._open);\n  }\n\n  private _toggle(): void {\n    this.open = !this.open;\n  }\n\n  private _openPanel(animate: boolean): void {\n    this._adapter.setHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN, '');\n    this._adapter.setOpenState(true, this._orientation, animate);\n  }\n\n  private _closePanel(animate: boolean): void {\n    this._adapter.removeHostAttribute(EXPANSION_PANEL_CONSTANTS.attributes.OPEN);\n    this._adapter.setOpenState(false, this._orientation, animate);\n  }\n\n  private _onHeaderSlotChanged(evt: Event): void {\n    this._adapter.setHeaderVisibility(!!(evt.target as HTMLSlotElement).assignedNodes().length);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ExpansionPanelAdapter } from './expansion-panel-adapter';\nimport { EXPANSION_PANEL_CONSTANTS } from './expansion-panel-constants';\nimport { ExpansionPanelFoundation } from './expansion-panel-foundation';\n\nconst template = '<template><div class=\\\"forge-expansion-panel\\\" part=\\\"root\\\"><div class=\\\"forge-expansion-panel__header\\\" part=\\\"header\\\"><slot name=\\\"header\\\"></slot></div><div class=\\\"forge-expansion-panel__content\\\" style=\\\"height: 0; opacity: 0; visibility: hidden;\\\" part=\\\"content\\\"><slot></slot></div></div></template>';\nconst styles = '.forge-expansion-panel{display:block;display:var(--forge-expansion-panel-display,block);height:auto;height:var(--forge-expansion-panel-height,auto)}.forge-expansion-panel__header{outline:0}.forge-expansion-panel__header:hover{cursor:pointer}.forge-expansion-panel__header forge-open-icon{margin-left:auto}.forge-expansion-panel__content{overflow:hidden;overflow:var(--forge-expansion-panel-content-overflow,hidden);max-height:none;max-height:var(--forge-expansion-panel-content-max-height,none)}.forge-expansion-panel__content::-webkit-scrollbar{height:var(--forge-scrollbar-height,16px);width:var(--forge-scrollbar-width,16px)}.forge-expansion-panel__content::-webkit-scrollbar-track{background-color:var(--forge-scrollbar-track-container,var(--forge-theme-surface-container-low,#ebebeb))}.forge-expansion-panel__content::-webkit-scrollbar-track:hover{background-color:var(--forge-scrollbar-track-container-hover,var(--forge-theme-surface-container-low,#ebebeb))}.forge-expansion-panel__content::-webkit-scrollbar-corner{background-color:var(--forge-scrollbar-track-container,var(--forge-theme-surface-container-low,#ebebeb))}.forge-expansion-panel__content::-webkit-scrollbar-thumb{height:var(--forge-scrollbar-thumb-min-height,32px);width:var(--forge-scrollbar-thumb-min-width,32px);border-radius:var(--forge-scrollbar-border-radius,var(--forge-shape-full,9999px));border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-color:var(--forge-scrollbar-thumb-container,var(--forge-theme-surface-container-medium,#c2c2c2));background-clip:content-box}.forge-expansion-panel__content::-webkit-scrollbar-thumb:hover{background-color:var(--forge-scrollbar-thumb-container-hover,var(--forge-theme-surface-container-high,#9e9e9e))}:host{display:block}:host([hidden]){display:none}';\n\nexport interface IExpansionPanelComponent extends IBaseComponent {\n  open: boolean;\n  useAnimations: boolean;\n  openCallback: () => void | Promise<void>;\n  closeCallback: () => void | Promise<void>;\n  orientation: string;\n  toggle(): void;\n  setOpenImmediate(open: boolean): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-expansion-panel': IExpansionPanelComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-expansion-panel-toggle': CustomEvent<boolean>;\n  }\n}\n\n/**\n * A web component that encapsulates the functionality of expanding/collapsing content when clicked.\n * \n * @tag forge-expansion-panel\n */\n@CustomElement({\n  name: EXPANSION_PANEL_CONSTANTS.elementName\n})\nexport class ExpansionPanelComponent extends BaseComponent implements IExpansionPanelComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      EXPANSION_PANEL_CONSTANTS.attributes.OPEN,\n      EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION,\n      EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS\n    ];\n  }\n\n  private _foundation: ExpansionPanelFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ExpansionPanelFoundation(new ExpansionPanelAdapter(this));\n  }\n\n  public initializedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public connectedCallback(): void {\n    this._foundation.connect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case EXPANSION_PANEL_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case EXPANSION_PANEL_CONSTANTS.attributes.ORIENTATION:\n        this.orientation = newValue;\n        break;\n      case EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS:\n        this.useAnimations = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  /** Controls the open state of the panel. */\n  @FoundationProperty()\n  public declare open: boolean;\n\n  /**\n   * Sets the function to call when the panel wants to open.\n   * The function must return a promise which can be resolved to\n   * open the panel or rejected which cancels the panel open.\n   */\n  @FoundationProperty()\n  public declare openCallback: () => void | Promise<void>;\n\n  /**\n   * Sets the function to call when the panel wants to close.\n   * The function must return a promise which can be resolved to\n   * close the panel or rejected which cancels the panel close.\n   */\n  @FoundationProperty()\n  public declare closeCallback: () => void | Promise<void>;\n\n  /**\n   * Sets the orientation of the panel expansion.\n   * Valid values are 'vertical' (default) or 'horizontal'.\n   */\n  @FoundationProperty()\n  public declare orientation: string;\n\n  /** Gets/sets if animations are used in the expand/collapse transition. */\n  @FoundationProperty()\n  public declare useAnimations: boolean;\n\n  /** Toggles the collapsed state. */\n  public toggle(): void {\n    this.open = !this.open;\n  }\n\n  /** Forces the expansion panel to expand/collapse without transition animations. */\n  public setOpenImmediate(open: boolean): void {\n    this._foundation.setOpenImmediate(open);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ExpansionPanelComponent } from './expansion-panel';\n\nexport * from './expansion-panel-adapter';\nexport * from './expansion-panel-constants';\nexport * from './expansion-panel-foundation';\nexport * from './expansion-panel';\n\nexport function defineExpansionPanelComponent(): void {\n  defineCustomElement(ExpansionPanelComponent);\n}\n"],
+  "mappings": "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",
+  "names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "selectors", "OPEN_ICON_CONSTANTS", "events", "attributes", "numbers", "strings", "EXPANSION_PANEL_CONSTANTS", "ExpansionPanelAdapter", "BaseAdapter", "component", "getShadowElement", "EXPANSION_PANEL_CONSTANTS", "open", "orientation", "assignedNodes", "openIconElement", "visible", "opening", "animate", "transitionEndListener", "propertyName", "listener", "ExpansionPanelFoundation", "_adapter", "EXPANSION_PANEL_CONSTANTS", "debounce", "evt", "open", "value", "callback", "getEventPath", "p", "animate", "template", "styles", "ExpansionPanelComponent", "BaseComponent", "attachShadowTemplate", "ExpansionPanelFoundation", "ExpansionPanelAdapter", "EXPANSION_PANEL_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "open", "__decorateClass", "FoundationProperty", "CustomElement", "defineExpansionPanelComponent", "defineCustomElement", "ExpansionPanelComponent"]
+}

package/dist/esm/chunks/{chunk.K3KAM2PL.js → chunk.W2LN45WY.js}

@@ -3,5 +3,5 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{a as E}from"./chunk.7XFU2W25.js";import{a as o}from"./chunk.NVUMRW44.js";import{a as v}from"./chunk.BKL2BAYW.js";import{f as m,k as h}from"./chunk.MVTBJPO2.js";import{f as l,g as _}from"./chunk.K7FPXAFS.js";import{b as p,k as c}from"./chunk.J2M2MXP2.js";import{d as s}from"./chunk.M3QDAYD2.js";var f={OPEN:"open",DIRECTION:"direction"},D={DRAWER:"forge-drawer",LEFT:"forge-drawer--left",RIGHT:"forge-drawer--right",CLOSING:"forge-drawer--closing",CLOSED:"forge-drawer--closed",NO_TRANSITION:"forge-drawer--no-transition"},w={DRAWER:`.${D.DRAWER}`},b={AFTER_OPEN:"forge-drawer-after-open",AFTER_CLOSE:"forge-drawer-after-close"},e={attributes:f,classes:D,selectors:w,events:b};var u=class extends v{constructor(t){super(t);this._component=t;this._drawerElement=m(this._component,e.selectors.DRAWER)}proxyScrollEvent(){this.tryUnproxyScrollEvent(),this._unproxyScrollEventCb=E(this._component.shadowRoot,this._component)}tryUnproxyScrollEvent(){this._unproxyScrollEventCb&&this._unproxyScrollEventCb()}setDirection(t){switch(t){case"left":this._drawerElement.classList.remove(e.classes.RIGHT),this._drawerElement.classList.add(e.classes.LEFT);break;case"right":this._drawerElement.classList.remove(e.classes.LEFT),this._drawerElement.classList.add(e.classes.RIGHT);break}}removeDrawerClass(t){_(t,this._drawerElement)}setDrawerClass(t){l(t,this._drawerElement)}listenTransitionComplete(t){this._activeTransitionListener&&this._drawerElement.removeEventListener("transitionend",this._activeTransitionListener),this._activeTransitionListener=a=>{a.propertyName==="transform"&&(this._activeTransitionListener&&(this._drawerElement.removeEventListener("transitionend",this._activeTransitionListener),this._activeTransitionListener=void 0),t())},this._drawerElement.addEventListener("transitionend",this._activeTransitionListener)}};var C=class{constructor(r){this._adapter=r;this._open=!0;this._direction="left";this._hasInitialized=!1;this._openAnimationListener=()=>this._onOpenComplete(),this._closeAnimationListener=()=>this._onCloseComplete()}connect(){this._open?this._setOpened():this._setClosed(),this._applyDirection(),this._adapter.proxyScrollEvent(),this._hasInitialized=!0}disconnect(){this._adapter.tryUnproxyScrollEvent(),this._hasInitialized=!1}_applyDirection(){this._adapter.setDirection(this._direction),this._adapter.setHostAttribute(e.attributes.DIRECTION,p(this._direction)?this._direction.toString():"")}_onOpenComplete(){this._open&&(this._setOpened(),this._adapter.emitHostEvent(e.events.AFTER_OPEN))}_onCloseComplete(){this._open||(this._setClosed(),this._adapter.emitHostEvent(e.events.AFTER_CLOSE))}_setOpened(){this._adapter.removeDrawerClass([e.classes.CLOSED,e.classes.CLOSING]),this._adapter.setHostAttribute(e.attributes.OPEN)}_setClosed(){this._adapter.removeDrawerClass([e.classes.CLOSING,e.classes.NO_TRANSITION]),this._adapter.setDrawerClass(e.classes.CLOSED),this._adapter.removeHostAttribute(e.attributes.OPEN)}_applyOpen(){this._open?(this._triggerDrawerOpen(),this._adapter.setHostAttribute(e.attributes.OPEN)):(this._triggerDrawerClose(),this._adapter.removeHostAttribute(e.attributes.OPEN))}_triggerDrawerOpen(){this._adapter.listenTransitionComplete(this._openAnimationListener),this._adapter.removeDrawerClass([e.classes.CLOSED,e.classes.CLOSING])}_triggerDrawerClose(){this._adapter.listenTransitionComplete(this._closeAnimationListener),this._adapter.setDrawerClass(e.classes.CLOSING)}get open(){return this._open}set open(r){this._open!==r&&(this._open=r,this._hasInitialized&&this._applyOpen())}get direction(){return this._direction}set direction(r){this._direction!==r&&(this._direction=r,this._hasInitialized&&this._applyDirection())}};var i=class extends h{constructor(){super()}static get observedAttributes(){return[e.attributes.OPEN,e.attributes.DIRECTION]}connectedCallback(){this._foundation.connect()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,a,d){switch(t){case e.attributes.OPEN:this.open=c(d);break;case e.attributes.DIRECTION:this.direction=d;break}}};s([o()],i.prototype,"open",2),s([o()],i.prototype,"direction",2);export{e as a,u as b,C as c,i as d};
-//# sourceMappingURL=chunk.K3KAM2PL.js.map
+import{a as E}from"./chunk.7XFU2W25.js";import{a as v}from"./chunk.HSI7B43D.js";import{a as o}from"./chunk.NVUMRW44.js";import{f as m,k as h}from"./chunk.JAWV5Y5T.js";import{f as l,g as _}from"./chunk.K7FPXAFS.js";import{b as p,k as c}from"./chunk.J2M2MXP2.js";import{d as s}from"./chunk.M3QDAYD2.js";var f={OPEN:"open",DIRECTION:"direction"},D={DRAWER:"forge-drawer",LEFT:"forge-drawer--left",RIGHT:"forge-drawer--right",CLOSING:"forge-drawer--closing",CLOSED:"forge-drawer--closed",NO_TRANSITION:"forge-drawer--no-transition"},w={DRAWER:`.${D.DRAWER}`},b={AFTER_OPEN:"forge-drawer-after-open",AFTER_CLOSE:"forge-drawer-after-close"},e={attributes:f,classes:D,selectors:w,events:b};var u=class extends v{constructor(t){super(t);this._component=t;this._drawerElement=m(this._component,e.selectors.DRAWER)}proxyScrollEvent(){this.tryUnproxyScrollEvent(),this._unproxyScrollEventCb=E(this._component.shadowRoot,this._component)}tryUnproxyScrollEvent(){this._unproxyScrollEventCb&&this._unproxyScrollEventCb()}setDirection(t){switch(t){case"left":this._drawerElement.classList.remove(e.classes.RIGHT),this._drawerElement.classList.add(e.classes.LEFT);break;case"right":this._drawerElement.classList.remove(e.classes.LEFT),this._drawerElement.classList.add(e.classes.RIGHT);break}}removeDrawerClass(t){_(t,this._drawerElement)}setDrawerClass(t){l(t,this._drawerElement)}listenTransitionComplete(t){this._activeTransitionListener&&this._drawerElement.removeEventListener("transitionend",this._activeTransitionListener),this._activeTransitionListener=a=>{a.propertyName==="transform"&&(this._activeTransitionListener&&(this._drawerElement.removeEventListener("transitionend",this._activeTransitionListener),this._activeTransitionListener=void 0),t())},this._drawerElement.addEventListener("transitionend",this._activeTransitionListener)}};var C=class{constructor(r){this._adapter=r;this._open=!0;this._direction="left";this._hasInitialized=!1;this._openAnimationListener=()=>this._onOpenComplete(),this._closeAnimationListener=()=>this._onCloseComplete()}connect(){this._open?this._setOpened():this._setClosed(),this._applyDirection(),this._adapter.proxyScrollEvent(),this._hasInitialized=!0}disconnect(){this._adapter.tryUnproxyScrollEvent(),this._hasInitialized=!1}_applyDirection(){this._adapter.setDirection(this._direction),this._adapter.setHostAttribute(e.attributes.DIRECTION,p(this._direction)?this._direction.toString():"")}_onOpenComplete(){this._open&&(this._setOpened(),this._adapter.emitHostEvent(e.events.AFTER_OPEN))}_onCloseComplete(){this._open||(this._setClosed(),this._adapter.emitHostEvent(e.events.AFTER_CLOSE))}_setOpened(){this._adapter.removeDrawerClass([e.classes.CLOSED,e.classes.CLOSING]),this._adapter.setHostAttribute(e.attributes.OPEN)}_setClosed(){this._adapter.removeDrawerClass([e.classes.CLOSING,e.classes.NO_TRANSITION]),this._adapter.setDrawerClass(e.classes.CLOSED),this._adapter.removeHostAttribute(e.attributes.OPEN)}_applyOpen(){this._open?(this._triggerDrawerOpen(),this._adapter.setHostAttribute(e.attributes.OPEN)):(this._triggerDrawerClose(),this._adapter.removeHostAttribute(e.attributes.OPEN))}_triggerDrawerOpen(){this._adapter.listenTransitionComplete(this._openAnimationListener),this._adapter.removeDrawerClass([e.classes.CLOSED,e.classes.CLOSING])}_triggerDrawerClose(){this._adapter.listenTransitionComplete(this._closeAnimationListener),this._adapter.setDrawerClass(e.classes.CLOSING)}get open(){return this._open}set open(r){this._open!==r&&(this._open=r,this._hasInitialized&&this._applyOpen())}get direction(){return this._direction}set direction(r){this._direction!==r&&(this._direction=r,this._hasInitialized&&this._applyDirection())}};var i=class extends h{constructor(){super()}static get observedAttributes(){return[e.attributes.OPEN,e.attributes.DIRECTION]}connectedCallback(){this._foundation.connect()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,a,d){switch(t){case e.attributes.OPEN:this.open=c(d);break;case e.attributes.DIRECTION:this.direction=d;break}}};s([o()],i.prototype,"open",2),s([o()],i.prototype,"direction",2);export{e as a,u as b,C as c,i as d};
+//# sourceMappingURL=chunk.W2LN45WY.js.map

package/dist/esm/chunks/{chunk.MHBBMC6O.js → chunk.WMVYRDUJ.js}

@@ -3,5 +3,5 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{a as m,d as E}from"./chunk.6OW6Q3EW.js";import{d as v}from"./chunk.S3JMOOWC.js";import{b as O}from"./chunk.MXEKIEJA.js";import{z as T}from"./chunk.FYWPZFLJ.js";import{a as N,d as C,l as A}from"./chunk.PH3HUFJJ.js";import{a}from"./chunk.NVUMRW44.js";import{a as B}from"./chunk.BKL2BAYW.js";import{a as g,b as I}from"./chunk.DXN7ZOH3.js";import{a as h,d as _,g as c,k as f}from"./chunk.MVTBJPO2.js";import{u as l}from"./chunk.K7FPXAFS.js";import{k as d,l as b}from"./chunk.J2M2MXP2.js";import{d as n}from"./chunk.M3QDAYD2.js";var r=class extends B{constructor(i){super(i)}setIcon(i){this._iconElement.name=i}initialize(){this._badgeElement=c(this._component,m.elementName),this._iconElement=c(this._component,N.elementName)}setCount(i){this._badgeElement.textContent=i}setBadgeType(i){this._badgeElement.dot=i}setBadgeTheme(i){l(this._badgeElement,!!i,m.attributes.THEME,i)}setBadgeVisible(i){this._badgeElement.open=i}};var x=`${I}app-bar-notification-button`,H={COUNT:"count",DOT:"dot",THEME:"theme",SHOW_BADGE:"show-badge",ICON:"icon"},t={elementName:x,attributes:H};var p=class{constructor(e){this._adapter=e;this._count=0;this._dot=!1;this._showBadge=!1;this._isInitialized=!1;this._icon="notifications"}initialize(){this._adapter.initialize(),this._adapter.setCount(this._count),this._adapter.setBadgeType(this._dot),this._adapter.setBadgeTheme(this._theme),this._adapter.setBadgeVisible(this._showBadge),this._adapter.setIcon(this._icon),this._isInitialized=!0}disconnect(){this._isInitialized=!1}get icon(){return this._icon}set icon(e){this._icon!==e&&(this._icon=e,this._isInitialized&&(this._adapter.setIcon(this._icon),this._adapter.setHostAttribute(t.attributes.ICON,this._icon)))}get count(){return this._count}set count(e){this._count!==e&&(this._count=e,this._isInitialized&&(this._adapter.setCount(this._count),this._adapter.setHostAttribute(t.attributes.COUNT,this._count)))}get dot(){return this._dot}set dot(e){this._dot!==e&&(this._dot=e,this._isInitialized&&(this._adapter.setBadgeType(this._dot),this._dot?this._adapter.setHostAttribute(t.attributes.DOT):this._adapter.removeHostAttribute(t.attributes.DOT)))}get theme(){return this._theme}set theme(e){this._theme!==e&&(this._theme=e,this._isInitialized&&(this._adapter.setBadgeTheme(this._theme),this._adapter.setHostAttribute(t.attributes.THEME,this._theme)))}get showBadge(){return this._showBadge}set showBadge(e){this._showBadge!==e&&(this._showBadge=e,this._isInitialized&&(this._adapter.setBadgeVisible(this._showBadge),this._adapter.setHostAttribute(t.attributes.SHOW_BADGE,this._showBadge)))}};var w='<template><forge-icon-button class="forge-icon-button--with-badge"><button type="button" aria-label="Show notifications"><forge-icon></forge-icon></button><forge-tooltip delay="500" position="bottom">Notifications</forge-tooltip><forge-badge positioned app-bar-context></forge-badge></forge-icon-button></template>',o=class extends f{constructor(){super();C.define(T),this._foundation=new p(new r(this))}static get observedAttributes(){return[t.attributes.COUNT,t.attributes.DOT,t.attributes.THEME,t.attributes.SHOW_BADGE,t.attributes.ICON]}initializedCallback(){_(this,w)}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(i,S,s){switch(i){case t.attributes.COUNT:this.count=b(s);break;case t.attributes.DOT:this.dot=d(s);break;case t.attributes.THEME:this.theme=s;break;case t.attributes.ICON:this.icon=s;break;case t.attributes.SHOW_BADGE:this.showBadge=d(s);break}}};n([a()],o.prototype,"count",2),n([a()],o.prototype,"dot",2),n([a()],o.prototype,"theme",2),n([a()],o.prototype,"icon",2),n([a()],o.prototype,"showBadge",2),o=n([g({name:t.elementName,dependencies:[O,v,E,A]})],o);function at(){h(o)}export{r as a,t as b,p as c,o as d,at as e};
-//# sourceMappingURL=chunk.MHBBMC6O.js.map
+import{a as m,d as E}from"./chunk.TU74SREL.js";import{d as v}from"./chunk.FXIWCHLW.js";import{b as O}from"./chunk.FAXYCG55.js";import{z as T}from"./chunk.FYWPZFLJ.js";import{a as N,d as C,l as A}from"./chunk.AMZZKEAE.js";import{a as B}from"./chunk.HSI7B43D.js";import{a}from"./chunk.NVUMRW44.js";import{a as g,b as I}from"./chunk.36F2GVWS.js";import{a as h,d as _,g as c,k as f}from"./chunk.JAWV5Y5T.js";import{u as b}from"./chunk.K7FPXAFS.js";import{k as d,l as u}from"./chunk.J2M2MXP2.js";import{d as n}from"./chunk.M3QDAYD2.js";var r=class extends B{constructor(i){super(i)}setIcon(i){this._iconElement.name=i}initialize(){this._badgeElement=c(this._component,m.elementName),this._iconElement=c(this._component,N.elementName)}setCount(i){this._badgeElement.textContent=i}setBadgeType(i){this._badgeElement.dot=i}setBadgeTheme(i){b(this._badgeElement,!!i,m.attributes.THEME,i)}setBadgeVisible(i){this._badgeElement.open=i}};var x=`${I}app-bar-notification-button`,H={COUNT:"count",DOT:"dot",THEME:"theme",SHOW_BADGE:"show-badge",ICON:"icon"},t={elementName:x,attributes:H};var p=class{constructor(e){this._adapter=e;this._count=0;this._dot=!1;this._showBadge=!1;this._isInitialized=!1;this._icon="notifications"}initialize(){this._adapter.initialize(),this._adapter.setCount(this._count),this._adapter.setBadgeType(this._dot),this._adapter.setBadgeTheme(this._theme),this._adapter.setBadgeVisible(this._showBadge),this._adapter.setIcon(this._icon),this._isInitialized=!0}disconnect(){this._isInitialized=!1}get icon(){return this._icon}set icon(e){this._icon!==e&&(this._icon=e,this._isInitialized&&(this._adapter.setIcon(this._icon),this._adapter.setHostAttribute(t.attributes.ICON,this._icon)))}get count(){return this._count}set count(e){this._count!==e&&(this._count=e,this._isInitialized&&(this._adapter.setCount(this._count),this._adapter.setHostAttribute(t.attributes.COUNT,this._count)))}get dot(){return this._dot}set dot(e){this._dot!==e&&(this._dot=e,this._isInitialized&&(this._adapter.setBadgeType(this._dot),this._dot?this._adapter.setHostAttribute(t.attributes.DOT):this._adapter.removeHostAttribute(t.attributes.DOT)))}get theme(){return this._theme}set theme(e){this._theme!==e&&(this._theme=e,this._isInitialized&&(this._adapter.setBadgeTheme(this._theme),this._adapter.setHostAttribute(t.attributes.THEME,this._theme)))}get showBadge(){return this._showBadge}set showBadge(e){this._showBadge!==e&&(this._showBadge=e,this._isInitialized&&(this._adapter.setBadgeVisible(this._showBadge),this._adapter.setHostAttribute(t.attributes.SHOW_BADGE,this._showBadge)))}};var w='<template><forge-icon-button class="forge-icon-button--with-badge" aria-label="Show notifications"><forge-icon></forge-icon><forge-badge positioned app-bar-context></forge-badge></forge-icon-button><forge-tooltip delay="500" position="bottom">Notifications</forge-tooltip></template>',o=class extends f{constructor(){super();C.define(T),this._foundation=new p(new r(this))}static get observedAttributes(){return[t.attributes.COUNT,t.attributes.DOT,t.attributes.THEME,t.attributes.SHOW_BADGE,t.attributes.ICON]}initializedCallback(){_(this,w)}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(i,S,s){switch(i){case t.attributes.COUNT:this.count=u(s);break;case t.attributes.DOT:this.dot=d(s);break;case t.attributes.THEME:this.theme=s;break;case t.attributes.ICON:this.icon=s;break;case t.attributes.SHOW_BADGE:this.showBadge=d(s);break}}};n([a()],o.prototype,"count",2),n([a()],o.prototype,"dot",2),n([a()],o.prototype,"theme",2),n([a()],o.prototype,"icon",2),n([a()],o.prototype,"showBadge",2),o=n([g({name:t.elementName,dependencies:[O,v,E,A]})],o);function at(){h(o)}export{r as a,t as b,p as c,o as d,at as e};
+//# sourceMappingURL=chunk.WMVYRDUJ.js.map