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

package/dist/esm/chunks/chunk.5565ZSTH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/chips/chip-set/chip-set-constants.ts", "../../src/chips/chip/chip-constants.ts", "../../src/chips/chip/chip-adapter.ts", "../../src/chips/chip/chip-foundation.ts", "../../src/chips/chip/chip.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip-set`;\r\n\r\nconst attributes = {\r\n  VERTICAL: 'vertical',\r\n  TYPE: 'type',\r\n  DENSE: 'dense',\r\n  DISABLED: 'disabled'\r\n};\r\n\r\nconst classes = {\r\n  ROOT: 'forge-chip-set',\r\n  VERTICAL: 'forge-chip-set--vertical'\r\n};\r\n\r\nconst selectors = {\r\n  ROOT: `.${classes.ROOT}`\r\n};\r\n\r\nexport const CHIP_SET_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors\r\n};\r\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}chip`;\r\n\r\nconst attributes = {\r\n  TYPE: 'type',\r\n  SELECTED: 'selected',\r\n  VALUE: 'value',\r\n  DISABLED: 'disabled',\r\n  INVALID: 'invalid',\r\n  DENSE: 'dense',\r\n  EMULATE_FOCUS: 'emulate-focus'\r\n};\r\n\r\nconst classes = {\r\n  ACTION: 'forge-chip--action',\r\n  CHOICE: 'forge-chip--choice',\r\n  FILTER: 'forge-chip--filter',\r\n  INPUT: 'forge-chip--input',\r\n  FIELD: 'forge-chip--field',\r\n  INVALID: 'forge-chip--invalid',\r\n  SELECTED: 'forge-chip--selected',\r\n  DELETE_BUTTON: 'forge-chip__delete-button',\r\n  DELETE_BUTTON_TOUCH_TARGET: 'forge-chip__delete-button__touch-target',\r\n  DENSE: 'forge-chip--dense',\r\n  DISABLED: 'forge-chip--disabled',\r\n  LEADING_HIDDEN: 'forge-chip__leading--hidden'\r\n};\r\n\r\nconst selectors = {\r\n  ROOT: '.forge-chip',\r\n  BUTTON: '[role=button]'\r\n};\r\n\r\nconst events = {\r\n  DELETE: `${elementName}-delete`,\r\n  SELECT: `${elementName}-select`,\r\n  FOCUS_NEXT: `${elementName}-focus-next`,\r\n  FOCUS_PREVIOUS: `${elementName}-focus-previous`\r\n};\r\n\r\nconst defaults = {\r\n  TYPE: 'action'\r\n};\r\n\r\nexport const CHIP_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors,\r\n  events,\r\n  defaults\r\n};\r\n\r\nexport declare type ChipType =  'choice' | 'filter' | 'action' | 'input' | 'field';\r\n\r\nexport interface IChipSelectEventData<T = any> {\r\n  value: T;\r\n  selected: boolean;\r\n}\r\n\r\nexport interface IChipDeleteEventData<T = any> {\r\n  value: T;\r\n}\r\n\r\nexport interface IChipState {\r\n  type: ChipType;\r\n  disabled: boolean;\r\n  dense: boolean;\r\n}\r\n", "import { addClass, elementFromHTML, getActiveElement, getShadowElement, removeClass, removeElement, toggleClass, walkUpUntil } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\r\nimport { ICON_CONSTANTS } from '../../icon';\r\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../../ripple';\r\nimport { IChipSetComponent } from '../chip-set/chip-set';\r\nimport { CHIP_SET_CONSTANTS } from '../chip-set/chip-set-constants';\r\nimport { IChipComponent } from './chip';\r\nconst checkmarkTemplate = '<div class=\\\"forge-chip__checkmark\\\" aria-hidden=\\\"true\\\"><svg class=\\\"forge-chip__checkmark-svg\\\" viewBox=\\\"-2 -3 30 30\\\"><path class=\\\"forge-chip__checkmark-path\\\" fill=\\\"none\\\" stroke=\\\"black\\\" d=\\\"M1.73,12.91 8.1,19.28 22.79,4.59\\\"/></svg></div>';\r\nimport { CHIP_CONSTANTS, IChipState } from './chip-constants';\r\n\r\nexport interface IChipAdapter extends IBaseAdapter {\r\n  addRootListener(type: string, listener: (evt: Event) => void): void;\r\n  removeRootListener(type: string, listener: (evt: Event) => void): void;\r\n  addButtonListener(type: string, listener: (evt: Event) => void): void;\r\n  removeButtonListener(type: string, listener: (evt: Event) => void): void;\r\n  initializeRipple(): ForgeRipple;\r\n  clearTypeClass(): void;\r\n  addRootClass(className: string): void;\r\n  removeRootClass(name: string): void;\r\n  setCheckmarkVisibility(isVisible: boolean): void;\r\n  setSelected(value: boolean): void;\r\n  setDisabled(value: boolean): void;\r\n  setDense(value: boolean): void;\r\n  setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void;\r\n  setLeadingSlotVisibility(isVisible: boolean): void;\r\n  getChipSetState(): IChipState | null;\r\n  setFocus(): void;\r\n  tryFocusDelete(): void;\r\n  setEmulatedFocus(value: boolean): void;\r\n  tryMoveFocusPrevious(): void;\r\n  tryMoveFocusNext(): void;\r\n}\r\n\r\n\r\nexport class ChipAdapter extends BaseAdapter<IChipComponent> implements IChipAdapter, ForgeRippleCapableSurface {\r\n  private _rootElement: HTMLElement;\r\n  private _rippleInstance: ForgeRipple;\r\n  private _buttonElement: HTMLButtonElement;\r\n  private _deleteButton: HTMLElement;\r\n  private _deleteButtonTouchTarget: HTMLDivElement;\r\n  private _leadingSlotElement: HTMLSlotElement;\r\n  private _checkmarkElement: HTMLElement;\r\n\r\n  constructor(component: IChipComponent) {\r\n    super(component);\r\n    this._rootElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.ROOT);\r\n    this._buttonElement = getShadowElement(this._component, CHIP_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\r\n    this._leadingSlotElement = getShadowElement(this._component, 'slot[name=leading]') as HTMLSlotElement;\r\n    this._rootElement.addEventListener('click', evt => {\r\n      if (evt.target === this._deleteButton) {\r\n        return;\r\n      }\r\n      this._buttonElement.focus();\r\n    }, { capture: true });\r\n  }\r\n\r\n  // ForgeRippleCapableSurface\r\n  public get root(): Element {\r\n    return this._rootElement;\r\n  }\r\n  public get unbounded(): boolean | undefined {\r\n    return false;\r\n  }\r\n  public get disabled(): boolean | undefined {\r\n    return this._buttonElement?.disabled;\r\n  }\r\n\r\n  public addRootListener(type: string, listener: (evt: Event) => void): void {\r\n    this._rootElement.addEventListener(type, listener);\r\n  }\r\n\r\n  public removeRootListener(type: string, listener: (evt: Event) => void): void {\r\n    this._rootElement.removeEventListener(type, listener);\r\n  }\r\n\r\n  public addButtonListener(type: string, listener: (evt: Event) => void): void {\r\n    this._buttonElement.addEventListener(type, listener);\r\n  }\r\n\r\n  public removeButtonListener(type: string, listener: (evt: Event) => void): void {\r\n    this._buttonElement.removeEventListener(type, listener);\r\n  }\r\n\r\n  public initializeRipple(): ForgeRipple {\r\n    const adapter: ForgeRippleAdapter = {\r\n      ...ForgeRipple.createAdapter(this),\r\n      registerInteractionHandler: (evtType, handler) => {\r\n        if (['focus', 'blur', 'keydown'].includes(evtType)) {\r\n          this._buttonElement.addEventListener(evtType, handler, { passive: true });\r\n        } else {\r\n          this._rootElement.addEventListener(evtType, handler, { passive: true });\r\n        }\r\n      },\r\n      deregisterInteractionHandler: (evtType, handler) => {\r\n        if (['focus', 'blur', 'keydown'].includes(evtType)) {\r\n          this._buttonElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\r\n        } else {\r\n          this._rootElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\r\n        }\r\n      },\r\n      isSurfaceActive: () => this._buttonElement.matches(':active'),\r\n      isUnbounded: () => Boolean(this.unbounded),\r\n      isSurfaceDisabled: () => this._buttonElement.disabled,\r\n      addClass: className => addClass(className, this._rootElement),\r\n      removeClass: className => removeClass(className, this._rootElement),\r\n      updateCssVariable: (varName, value) => this._rootElement.style.setProperty(varName, value)\r\n    };\r\n    this._rippleInstance = new ForgeRipple(this._rootElement, new ForgeRippleFoundation(adapter));\r\n    return this._rippleInstance;\r\n  }\r\n\r\n  public clearTypeClass(): void {\r\n    removeClass([CHIP_CONSTANTS.classes.ACTION, CHIP_CONSTANTS.classes.CHOICE, CHIP_CONSTANTS.classes.FILTER, CHIP_CONSTANTS.classes.INPUT], this._buttonElement);\r\n  }\r\n\r\n  public addRootClass(className: string): void {\r\n    this._rootElement.classList.add(className);\r\n  }\r\n\r\n  public removeRootClass(name: string): void {\r\n    this._rootElement.classList.remove(name);\r\n  }\r\n\r\n  public setCheckmarkVisibility(isVisible: boolean): void {\r\n    if (isVisible) {\r\n      if (!this._checkmarkElement) {\r\n        this._checkmarkElement = elementFromHTML(checkmarkTemplate) as HTMLElement;\r\n      }\r\n      this._rootElement.insertBefore(this._checkmarkElement, this._rootElement.firstChild);\r\n    } else if (this._checkmarkElement && this._checkmarkElement.isConnected) {\r\n      removeElement(this._checkmarkElement);\r\n    }\r\n  }\r\n\r\n  public setSelected(value: boolean): void {\r\n    toggleClass(this._rootElement, value, CHIP_CONSTANTS.classes.SELECTED);\r\n  }\r\n\r\n  public setDisabled(value: boolean): void {\r\n    this._buttonElement.disabled = value;\r\n    this._buttonElement.tabIndex = value ? -1 : 0;\r\n    toggleClass(this._rootElement, value, CHIP_CONSTANTS.classes.DISABLED);\r\n  }\r\n\r\n  public setDense(value: boolean): void {\r\n    toggleClass(this._rootElement, value, CHIP_CONSTANTS.classes.DENSE);\r\n  }\r\n\r\n  public setDeleteButtonVisibility(isVisible: boolean, listener: (evt: KeyboardEvent) => void): void {\r\n    if (isVisible) {\r\n      if (!this._deleteButton) {\r\n        this._deleteButton = this._createDeleteButton(listener);\r\n      }\r\n      if (!this._deleteButtonTouchTarget) {\r\n        this._deleteButtonTouchTarget = this._createDeleteButtonTouchTarget(listener);\r\n      }\r\n      this._deleteButton.appendChild(this._deleteButtonTouchTarget);\r\n      this._rootElement.appendChild(this._deleteButton);\r\n    } else {\r\n      if (this._deleteButtonTouchTarget) {\r\n        removeElement(this._deleteButtonTouchTarget);\r\n      }\r\n      if (this._deleteButton) {\r\n        removeElement(this._deleteButton);\r\n      }\r\n    }\r\n  }\r\n\r\n  public setLeadingSlotVisibility(isVisible: boolean): void {\r\n    toggleClass(this._leadingSlotElement, !isVisible, CHIP_CONSTANTS.classes.LEADING_HIDDEN);\r\n  }\r\n\r\n  public getChipSetState(): IChipState | null {\r\n    let state: IChipState | null = null;\r\n    const chipSet = walkUpUntil(this._component, node => node && node.nodeName === CHIP_SET_CONSTANTS.elementName.toUpperCase()) as IChipSetComponent;\r\n    if (chipSet) {\r\n      state = {\r\n        type: chipSet.type,\r\n        disabled: chipSet.disabled,\r\n        dense: chipSet.dense\r\n      };\r\n    }\r\n    return state;\r\n  }\r\n\r\n  private _createDeleteButton(listener: (evt: KeyboardEvent) => void): HTMLElement {\r\n    const el = document.createElement(ICON_CONSTANTS.elementName);\r\n    el.id = 'remove-button';\r\n    el.name = 'cancel';\r\n    el.tabIndex = -1;\r\n    el.setAttribute('aria-hidden', 'false');\r\n    el.setAttribute('aria-label', `Remove ${this._component.innerText}`);\r\n    el.setAttribute('role', 'button');\r\n    el.classList.add(CHIP_CONSTANTS.classes.DELETE_BUTTON);\r\n    el.addEventListener('keydown', listener);\r\n    return el;\r\n  }\r\n\r\n  private _createDeleteButtonTouchTarget(listener: (evt: KeyboardEvent) => void): HTMLDivElement {\r\n    const el = document.createElement('div');\r\n    el.classList.add(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n    el.addEventListener('keydown', listener);\r\n    el.addEventListener('click', listener);\r\n    return el;\r\n  }\r\n\r\n  public setFocus(): void {\r\n    this._buttonElement.focus();\r\n  }\r\n\r\n  public tryFocusDelete(): void {\r\n    if (this._deleteButton) {\r\n      this._deleteButton.focus();\r\n    } else {\r\n      this.setFocus();\r\n    }\r\n  }\r\n\r\n  public setEmulatedFocus(value: boolean): void {\r\n    this._buttonElement.classList.toggle('mdc-ripple-upgraded--background-focused', value);\r\n  }\r\n\r\n  public tryMoveFocusNext(): void {\r\n    const activeElement = getActiveElement(this._component.ownerDocument);\r\n    if (activeElement === this._buttonElement) {\r\n      if (this._deleteButton) {\r\n        this._deleteButton.focus();\r\n      } else {\r\n        this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_NEXT);\r\n      }\r\n    } else if (activeElement === this._deleteButton) {\r\n      this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_NEXT);\r\n    }\r\n  }\r\n\r\n  public tryMoveFocusPrevious(): void {\r\n    const activeElement = getActiveElement(this._component.ownerDocument);\r\n    if (activeElement === this._deleteButton) {\r\n      this._buttonElement.focus();\r\n    } else if (activeElement === this._buttonElement) {\r\n      this.emitHostEvent(CHIP_CONSTANTS.events.FOCUS_PREVIOUS);\r\n    }\r\n  }\r\n}\r\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\r\nimport { ForgeRipple } from '../../ripple';\r\nimport { IChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\n\r\nexport interface IChipFoundation extends ICustomElementFoundation {\r\n  type: ChipType;\r\n  selected: boolean;\r\n  disabled: boolean;\r\n  invalid: boolean;\r\n  value: any;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n  setFocus(): void;\r\n  tryFocusDelete(): void;\r\n}\r\n\r\nexport class ChipFoundation implements IChipFoundation {\r\n  private _type: ChipType = CHIP_CONSTANTS.defaults.TYPE as ChipType;\r\n  private _selected = false;\r\n  private _disabled = false;\r\n  private _invalid = false;\r\n  private _value: any = null;\r\n  private _dense = false;\r\n  private _emulateFocus = false;\r\n  private _isInitialized = false;\r\n  private _rippleInstance: ForgeRipple | undefined;\r\n  private _clickListener: (evt: MouseEvent) => void;\r\n  private _keydownListener: (evt: KeyboardEvent) => void;\r\n  private _deleteKeydownListener: (evt: KeyboardEvent) => void;\r\n  private _buttonFocusListener: (evt: FocusEvent) => void;\r\n  private _buttonBlurListener: (evt: FocusEvent) => void;\r\n\r\n  constructor(private _adapter: IChipAdapter) {\r\n    this._clickListener = evt => this._onClick(evt);\r\n    this._keydownListener = evt => this._onKeydown(evt);\r\n    this._deleteKeydownListener = evt => this._onDeleteKeydown(evt);\r\n    this._buttonFocusListener = evt => this._onButtonFocus(evt);\r\n    this._buttonBlurListener = evt => this._onButtonBlur(evt);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this._rippleInstance = this._adapter.initializeRipple();\r\n    this._adapter.addRootListener('click', this._clickListener);\r\n    this._adapter.addRootListener('keydown', this._keydownListener);\r\n    this._adapter.addButtonListener('focus', this._buttonFocusListener);\r\n    this._adapter.addButtonListener('blur', this._buttonBlurListener);\r\n    this._applyState();\r\n    this._isInitialized = true;\r\n  }\r\n\r\n  public disconnect(): void {\r\n    this._destroyRipple();\r\n    this._adapter.removeRootListener('click', this._clickListener);\r\n    this._adapter.removeRootListener('keydown', this._keydownListener);\r\n    this._adapter.removeButtonListener('focus', this._buttonFocusListener);\r\n    this._adapter.removeButtonListener('blur', this._buttonBlurListener);\r\n    this._isInitialized = false;\r\n  }\r\n\r\n  private _destroyRipple(): void {\r\n    if (this._rippleInstance) {\r\n      this._rippleInstance.destroy();\r\n      this._rippleInstance = undefined;\r\n    }\r\n  }\r\n\r\n  private _applyState(): void {\r\n    // Attempt to inherit state from the parent chip-set component\r\n    // Note: this should only inherit properties that need to be the same across the chips within a set\r\n    const chipSetState = this._adapter.getChipSetState();\r\n    if (chipSetState) {\r\n      this._type = chipSetState.type;\r\n      this._disabled = chipSetState.disabled;\r\n      this._dense = chipSetState.dense;\r\n    }\r\n\r\n    // Ensure that only non-action chips can be selected\r\n    if (this._type === 'action') {\r\n      this._selected = false;\r\n    }\r\n\r\n    this._applyDisabled();\r\n    this._applyType();\r\n    this._applySelected();\r\n    this._applyDense();\r\n    this._applyEmulateFocus();\r\n  }\r\n\r\n  private _onClick(evt: MouseEvent): void {\r\n    const target = evt.target as HTMLElement;\r\n    const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) ||\r\n                           target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n    if (isDeleteButton) {\r\n      this._handleDeleteInteraction(evt);\r\n    } else {\r\n      this._handleSelectInteraction();\r\n    }\r\n  }\r\n\r\n  private _onKeydown(evt: KeyboardEvent): void {\r\n    switch (evt.key) {\r\n      case 'Delete':\r\n      case 'Backspace':\r\n        if (this._type === 'input') {\r\n          evt.preventDefault();\r\n          this._emitDeleteEvent();\r\n        }\r\n        break;\r\n      case 'Enter':\r\n      case ' ':\r\n        evt.preventDefault();\r\n        this._rippleInstance?.animate();\r\n        this._handleSelectInteraction();\r\n        break;\r\n      case 'ArrowLeft':\r\n        evt.preventDefault();\r\n        this._adapter.tryMoveFocusPrevious();\r\n        break;\r\n      case 'ArrowRight':\r\n        evt.preventDefault();\r\n        this._adapter.tryMoveFocusNext();\r\n        break;\r\n    }\r\n  }\r\n\r\n  private _onDeleteKeydown(evt: KeyboardEvent): void {\r\n    if (evt.key === 'Enter') {\r\n      this._handleDeleteInteraction(evt);\r\n    }\r\n  }\r\n\r\n  private _onButtonFocus(evt: FocusEvent): void {\r\n    this._adapter.setHostAttribute('focused');\r\n  }\r\n\r\n  private _onButtonBlur(evt: FocusEvent): void {\r\n    this._adapter.removeHostAttribute('focused');\r\n  }\r\n\r\n  private _handleDeleteInteraction(evt: Event): void {\r\n    // The delete event can only be fired when the `input` or `field` type is used\r\n    const target = evt.target as HTMLElement;\r\n    const isDeleteButton = target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON) ||\r\n                           target.classList.contains(CHIP_CONSTANTS.classes.DELETE_BUTTON_TOUCH_TARGET);\r\n    if (isDeleteButton) {\r\n      evt.stopPropagation();\r\n      this._emitDeleteEvent();\r\n    }\r\n  }\r\n\r\n  private _handleSelectInteraction(): void {\r\n    const wasDefaultPrevented = this._emitSelectEvent();\r\n    const isSelectableType = ['filter', 'choice', 'input'].includes(this._type);\r\n\r\n    // We only toggle the selected state for certain types (and if default wasn't prevented on the event)\r\n    if (!wasDefaultPrevented && isSelectableType) {\r\n      this._selected = !this._selected;\r\n      this._applySelected();\r\n    }\r\n  }\r\n\r\n  private _emitSelectEvent(): boolean {\r\n    const selectEventData: IChipSelectEventData = {\r\n      selected: !this._selected,\r\n      value: this._value\r\n    };\r\n    return !this._adapter.emitHostEvent(CHIP_CONSTANTS.events.SELECT, selectEventData, true, true);\r\n  }\r\n\r\n  private _emitDeleteEvent(): void {\r\n    const deleteEventData: IChipDeleteEventData = { value: this._value };\r\n    this._adapter.emitHostEvent(CHIP_CONSTANTS.events.DELETE, deleteEventData, true, true);\r\n  }\r\n\r\n  private _applyType(): void {\r\n    this._adapter.clearTypeClass();\r\n\r\n    switch (this._type) {\r\n      case 'action':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.ACTION);\r\n        break;\r\n      case 'choice':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.CHOICE);\r\n        break;\r\n      case 'filter':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FILTER);\r\n        break;\r\n      case 'input':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.INPUT);\r\n        break;\r\n      case 'field':\r\n        this._adapter.addRootClass(CHIP_CONSTANTS.classes.FIELD);\r\n        break;\r\n    }\r\n\r\n    this._adapter.setCheckmarkVisibility(this._type === 'filter');\r\n    const showDeleteButton = this._type === 'input' || this._type === 'field';\r\n    this._adapter.setDeleteButtonVisibility(showDeleteButton, this._deleteKeydownListener);\r\n    this._adapter.setLeadingSlotVisibility(!this._selected);\r\n    this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.TYPE, this._type);\r\n  }\r\n\r\n  private _applySelected(): void {\r\n    this._adapter.setSelected(this._selected);\r\n\r\n    // If using the filter type, we need to hide the leading slot to ensure that\r\n    // the checkmark shows in place of any leading elements\r\n    if (this._type === 'filter') {\r\n      this._adapter.setLeadingSlotVisibility(!this._selected);\r\n    }\r\n\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.SELECTED, this._selected);\r\n  }\r\n\r\n  private _applyDisabled(): void {\r\n    this._adapter.setDisabled(this._disabled);\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n  }\r\n\r\n  private _applyDense(): void {\r\n    this._adapter.setDense(this._dense);\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.DISABLED, this._disabled);\r\n  }\r\n\r\n  private _applyEmulateFocus(): void {\r\n    this._adapter.toggleHostAttribute(CHIP_CONSTANTS.attributes.EMULATE_FOCUS, this._emulateFocus);\r\n    this._adapter.setEmulatedFocus(this._emulateFocus);\r\n  }\r\n\r\n  public get type(): ChipType {\r\n    return this._type;\r\n  }\r\n  public set type(value: ChipType) {\r\n    if (this._type !== value) {\r\n      this._type = value;\r\n      if (this._isInitialized) {\r\n        const isValidType = ['action', 'choice', 'filter', 'input', 'field'].includes(this._type);\r\n        if (!isValidType) {\r\n          this._type = 'action';\r\n        }\r\n        if (this._type === 'action') {\r\n          this._selected = false;\r\n          this._applySelected();\r\n        }\r\n        this._applyType();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get selected(): boolean {\r\n    return this._selected;\r\n  }\r\n  public set selected(value: boolean) {\r\n    if (this._selected !== value) {\r\n      this._selected = value;\r\n      if (this._isInitialized) {\r\n        if (this._type === 'action') {\r\n          this._selected = false;\r\n        }\r\n        this._applySelected();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get disabled(): boolean {\r\n    return this._disabled;\r\n  }\r\n  public set disabled(value: boolean) {\r\n    if (this._disabled !== value) {\r\n      this._disabled = value;\r\n      if (this._isInitialized) {\r\n        this._applyDisabled();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get invalid(): boolean {\r\n    return this._invalid;\r\n  }\r\n  public set invalid(val: boolean) {\r\n    if (this._invalid === val) {\r\n      return;\r\n    }\r\n    \r\n    this._invalid = val;\r\n    if (val) {\r\n      this._adapter.setHostAttribute(CHIP_CONSTANTS.attributes.INVALID, '');\r\n      this._adapter.addRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n    } else {\r\n      this._adapter.removeHostAttribute(CHIP_CONSTANTS.attributes.INVALID);\r\n      this._adapter.removeRootClass(CHIP_CONSTANTS.classes.INVALID);\r\n    }\r\n  }\r\n\r\n  public get value(): any {\r\n    return this._value;\r\n  }\r\n  public set value(value: any) {\r\n    this._value = value;\r\n  }\r\n\r\n  public get dense(): boolean {\r\n    return this._dense;\r\n  }\r\n  public set dense(value: boolean) {\r\n    if (this._dense !== value) {\r\n      this._dense = value;\r\n      if (this._isInitialized) {\r\n        this._applyDense();\r\n      }\r\n    }\r\n  }\r\n\r\n  public get emulateFocus(): boolean {\r\n    return this._emulateFocus;\r\n  }\r\n  public set emulateFocus(value: boolean) {\r\n    if (this._emulateFocus !== value) {\r\n      this._emulateFocus = value;\r\n      if (this._isInitialized) {\r\n        this._applyEmulateFocus();\r\n      }\r\n    }\r\n  }\r\n\r\n  public setFocus(): void {\r\n    this._adapter.setFocus();\r\n  }\r\n\r\n  public tryFocusDelete(): void {\r\n    if (this._type === 'input') {\r\n      this._adapter.tryFocusDelete();\r\n      return;\r\n    }\r\n    this.setFocus();\r\n  }\r\n}\r\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\r\nimport { tylIconCancel } from '@tylertech/tyler-icons/standard';\r\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\r\nimport { IconComponent, IconRegistry } from '../../icon';\r\nimport { ChipAdapter } from './chip-adapter';\r\nimport { ChipType, CHIP_CONSTANTS, IChipDeleteEventData, IChipSelectEventData } from './chip-constants';\r\nimport { ChipFoundation } from './chip-foundation';\r\n\r\nconst template = '<template><div class=\\\"forge-chip\\\" part=\\\"root button\\\"><slot name=\\\"leading\\\" class=\\\"forge-chip__leading\\\"></slot><div role=\\\"button\\\" tabindex=\\\"0\\\" class=\\\"forge-chip__content\\\" part=\\\"content\\\"><slot></slot></div><slot name=\\\"trailing\\\"></slot></div></template>';\r\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-chip{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:0 0;border-radius:4px;border-radius:var(--mdc-shape-small,4px);height:36px;text-transform:none;box-sizing:border-box;overflow:hidden;border-style:solid;-webkit-transition:border 280ms cubic-bezier(.4, 0, .2, 1);transition:border 280ms cubic-bezier(.4, 0, .2, 1);font-family:Roboto,sans-serif;font-family:var(--mdc-outlined-button-label-text-font, var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif)));font-size:.875rem;font-size:var(--mdc-outlined-button-label-text-size, var(--mdc-typography-button-font-size, .875rem));letter-spacing:.0892857143em;letter-spacing:var(--mdc-outlined-button-label-text-tracking, var(--mdc-typography-button-letter-spacing, .0892857143em));font-weight:500;font-weight:var(--mdc-outlined-button-label-text-weight,var(--mdc-typography-button-font-weight,500));text-transform:uppercase;text-transform:var(--mdc-outlined-button-label-text-transform,var(--mdc-typography-button-text-transform,uppercase));height:36px;height:var(--mdc-outlined-button-container-height,36px);border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px));padding:0 15px 0 15px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px);padding:0 15px 0 15px;border-width:1px;border-radius:16px;width:auto;width:var(--forge-chip-width,auto);height:auto;height:var(--forge-chip-height,auto);min-height:36px;min-height:var(--forge-chip-min-height,36px);box-sizing:border-box;-webkit-transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1);transition:background-color 150ms 0s cubic-bezier(0, 0, .2, 1)}.forge-chip::after,.forge-chip::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-chip::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-chip::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-chip.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-chip.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-chip.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-chip.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-chip.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-chip::after,.forge-chip::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-chip.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-chip::after,.forge-chip::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-chip.mdc-ripple-surface--hover::before,.forge-chip:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused::before,.forge-chip:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-chip::-moz-focus-inner{padding:0;border:0}.forge-chip:active{outline:0}.forge-chip:hover{cursor:pointer}.forge-chip:disabled{cursor:default;pointer-events:none}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-chip:not(:disabled){background-color:transparent}.forge-chip:not(:disabled){color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-chip .mdc-button__ripple{border-style:solid;border-color:transparent}.forge-chip:not(:disabled){color:#6200ee;color:var(--mdc-outlined-button-label-text-color,var(--mdc-theme-primary,#6200ee))}.forge-chip:disabled{color:rgba(0,0,0,.38);color:var(--mdc-outlined-button-disabled-label-text-color,rgba(0,0,0,.38))}.forge-chip .mdc-button__icon{font-size:1.125rem;font-size:var(--mdc-outlined-button-with-icon-icon-size, 1.125rem);width:1.125rem;width:var(--mdc-outlined-button-with-icon-icon-size,1.125rem);height:1.125rem;height:var(--mdc-outlined-button-with-icon-icon-size,1.125rem)}.forge-chip .mdc-button__ripple::after,.forge-chip .mdc-button__ripple::before{background-color:#6200ee;background-color:var(--mdc-outlined-button-hover-state-layer-color,var(--mdc-theme-primary,#6200ee))}.forge-chip.mdc-ripple-surface--hover .mdc-button__ripple::before,.forge-chip:hover .mdc-button__ripple::before{opacity:.04;opacity:var(--mdc-outlined-button-hover-state-layer-opacity, .04)}.forge-chip.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,.forge-chip:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-focus-state-layer-opacity, .12)}.forge-chip:not(.mdc-ripple-upgraded) .mdc-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, .12)}.forge-chip.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-outlined-button-pressed-state-layer-opacity, 0.12)}.forge-chip .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-outlined-button-container-shape,var(--mdc-shape-small,4px))}.forge-chip:not(:disabled){border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-outline-color,rgba(0,0,0,.12))}.forge-chip:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-outlined-button-disabled-outline-color,rgba(0,0,0,.12))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px;border-width:var(--mdc-outlined-button-outline-width,1px)}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);left:calc(-1 * var(--mdc-outlined-button-outline-width,1px));width:calc(100% + 2 * 1px);width:calc(100% + 2 * var(--mdc-outlined-button-outline-width,1px))}.forge-chip.mdc-button--icon-trailing{padding:0 11px 0 15px}.forge-chip.mdc-button--icon-leading{padding:0 15px 0 11px}.forge-chip .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:1px}.forge-chip .mdc-button__touch{left:calc(-1 * 1px);width:calc(100% + 2 * 1px)}.forge-chip:not(:disabled){border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.forge-chip .mdc-evolution-chip__ripple{border-radius:16px}.forge-chip .mdc-evolution-chip__action--primary:before{border-radius:16px}.forge-chip .mdc-evolution-chip__icon--primary{border-radius:16px}.forge-chip.forge-chip--disabled{border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));cursor:default;pointer-events:none}.forge-chip.forge-chip--disabled .forge-chip__delete-button{opacity:.54}.forge-chip__leading--hidden{display:none}.forge-chip__content{-webkit-box-flex:1;flex-grow:1;text-align:center}.forge-chip__content:focus{outline:0}.forge-chip ::slotted([slot=leading]){margin-left:-6px;margin-right:4px}.forge-chip ::slotted(forge-avatar[slot]){--forge-avatar-size:24px}.forge-chip ::slotted([slot=trailing]){margin-left:4px;margin-right:-8px}.forge-chip__checkmark{height:24px}.forge-chip__checkmark-svg{width:0;height:24px;-webkit-transition:width 150ms cubic-bezier(.4, 0, .2, 1);transition:width 150ms cubic-bezier(.4, 0, .2, 1)}.forge-chip__checkmark-path{stroke:#fff;stroke:var(--mdc-theme-on-primary,#fff);-webkit-transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 0 cubic-bezier(.4, 0, .6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-left:4px;margin-right:-8px;-webkit-transition:color 150ms linear;transition:color 150ms linear;outline:0;line-height:inherit;position:relative;border-radius:50%}.forge-chip__delete-button:focus{outline:currentColor solid 2px}.forge-chip__delete-button:focus,.forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip__delete-button:active{opacity:.75}.forge-chip__delete-button__touch-target{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled),.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled),.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled){background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-text-primary-on-dark,#fff)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled)::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled)::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled)::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled)::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):hover::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):hover::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected:not(.forge-chip--disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled,.forge-chip--filter.forge-chip--selected.forge-chip--disabled,.forge-chip--input.forge-chip--selected.forge-chip--disabled{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-text-primary-on-dark,#fff);opacity:.37}.forge-chip--choice.forge-chip--selected.forge-chip--disabled::after,.forge-chip--choice.forge-chip--selected.forge-chip--disabled::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--choice.forge-chip--selected.forge-chip--disabled:hover::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:hover::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-surface--hover::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled:hover::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded--background-focused::before,.forge-chip--input.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--choice.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--filter.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after,.forge-chip--input.forge-chip--selected.forge-chip--disabled:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-chip--choice.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded,.forge-chip--filter.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded,.forge-chip--input.forge-chip--selected.forge-chip--disabled.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-chip--choice.forge-chip--selected ::slotted([slot=leading]),.forge-chip--filter.forge-chip--selected ::slotted([slot=leading]),.forge-chip--input.forge-chip--selected ::slotted([slot=leading]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--filter.forge-chip--selected ::slotted([slot=trailing]),.forge-chip--input.forge-chip--selected ::slotted([slot=trailing]){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected .forge-chip__delete-button,.forge-chip--filter.forge-chip--selected .forge-chip__delete-button,.forge-chip--input.forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark{margin-left:-6px;margin-right:4px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-svg{width:24px}.forge-chip--choice.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--filter.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path,.forge-chip--input.forge-chip--selected.forge-chip--filter .forge-chip__checkmark-path{-webkit-transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);transition:stroke-dashoffset 150ms 50ms cubic-bezier(.4, 0, .6, 1);stroke-dashoffset:0}.forge-chip--field .forge-chip__delete-button{color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-chip--field .forge-chip__delete-button:focus,.forge-chip--field .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--field.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button:focus,.forge-chip--field.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button:hover{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-chip--field.forge-chip--disabled .forge-chip__delete-button{color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.forge-chip--dense{min-height:28px;min-height:var(--forge-chip-min-height,28px)}.forge-chip--dense.forge-chip--field{min-height:20px;min-height:var(--forge-chip-min-height,20px);padding:0;margin:0;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.forge-chip--dense.forge-chip--field ::slotted([slot=leading]){margin:0 0 0 2px;font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__content{font-size:12px;padding:0 8px}.forge-chip--dense.forge-chip--field ::slotted([slot=trailing]){font-size:18px!important}.forge-chip--dense.forge-chip--field .forge-chip__delete-button{margin:0 2px 0 0;font-size:18px}.forge-chip--invalid:not(.forge-chip--disabled){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled)::after,.forge-chip--invalid:not(.forge-chip--disabled)::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-surface--hover::before,.forge-chip--invalid:not(.forge-chip--disabled):hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-upgraded--background-focused::before,.forge-chip--invalid:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-chip--invalid:not(.forge-chip--disabled):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-chip--invalid:not(.forge-chip--disabled):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-chip--invalid:not(.forge-chip--disabled).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-chip--invalid:not(.forge-chip--disabled):not(:disabled){border-color:#b00020;border-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled) .forge-chip__delete-button{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled).forge-chip--selected{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020)}.forge-chip--invalid:not(.forge-chip--disabled).forge-chip--selected .forge-chip__delete-button{color:#fff;color:var(--mdc-theme-on-primary,#fff)}:host{display:inline-block}:host([hidden]){display:none}:host([theme=error]){--mdc-theme-primary:var(--mdc-theme-error)}';\r\n\r\nexport interface IChipComponent extends IBaseComponent {\r\n  type: ChipType;\r\n  selected: boolean;\r\n  disabled: boolean;\r\n  invalid: boolean;\r\n  value: any;\r\n  dense: boolean;\r\n  emulateFocus: boolean;\r\n  tryFocusDelete(): void;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-chip': IChipComponent;\r\n  }\r\n\r\n  interface HTMLElementEventMap {\r\n    'forge-chip-delete': CustomEvent<IChipDeleteEventData>;\r\n    'forge-chip-select': CustomEvent<IChipSelectEventData>;\r\n  }\r\n}\r\n\r\n/**\r\n * The custom element class behind the `<forge-chip>` component.\r\n * \r\n * @tag forge-chip\r\n */\r\n@CustomElement({\r\n  name: CHIP_CONSTANTS.elementName,\r\n  dependencies: [IconComponent]\r\n})\r\nexport class ChipComponent extends BaseComponent implements IChipComponent {\r\n  public static get observedAttributes(): string[] {\r\n    return [\r\n      CHIP_CONSTANTS.attributes.TYPE,\r\n      CHIP_CONSTANTS.attributes.SELECTED,\r\n      CHIP_CONSTANTS.attributes.DISABLED,\r\n      CHIP_CONSTANTS.attributes.VALUE,\r\n      CHIP_CONSTANTS.attributes.DENSE,\r\n      CHIP_CONSTANTS.attributes.INVALID,\r\n      CHIP_CONSTANTS.attributes.EMULATE_FOCUS\r\n    ];\r\n  }\r\n\r\n  private _foundation: ChipFoundation;\r\n\r\n  constructor() {\r\n    super();\r\n    IconRegistry.define(tylIconCancel);\r\n    attachShadowTemplate(this, template, styles);\r\n    this._foundation = new ChipFoundation(new ChipAdapter(this));\r\n  }\r\n\r\n  public connectedCallback(): void {\r\n    this._foundation.initialize();\r\n  }\r\n\r\n  public disconnectedCallback(): void {\r\n    this._foundation.disconnect();\r\n  }\r\n\r\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n    switch (name) {\r\n      case CHIP_CONSTANTS.attributes.TYPE:\r\n        this.type = newValue as ChipType;\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.SELECTED:\r\n        this.selected = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.DISABLED:\r\n        this.disabled = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.INVALID:\r\n        this.invalid = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.VALUE:\r\n        this.value = newValue;\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.DENSE:\r\n        this.dense = coerceBoolean(newValue);\r\n        break;\r\n      case CHIP_CONSTANTS.attributes.EMULATE_FOCUS:\r\n        this.emulateFocus = coerceBoolean(newValue);\r\n    }\r\n  }\r\n\r\n  /** Gets/sets the chip type. */\r\n  @FoundationProperty()\r\n  public declare type: ChipType;\r\n\r\n  /** Gets/sets the selected state of the chip. */\r\n  @FoundationProperty()\r\n  public declare selected: boolean;\r\n\r\n  /** Gets/sets the disabled state of the chip. */\r\n  @FoundationProperty()\r\n  public declare disabled: boolean;\r\n\r\n  /** Gets/sets the invalid state of the chip. */\r\n  @FoundationProperty()\r\n  public declare invalid: boolean;\r\n\r\n  /** Gets/sets the chip value. */\r\n  @FoundationProperty()\r\n  public declare value: any;\r\n\r\n  /** Gets/sets the dense state of the chip. */\r\n  @FoundationProperty()\r\n  public declare dense: boolean;\r\n\r\n  @FoundationProperty()\r\n  public declare emulateFocus: boolean;\r\n\r\n  public override focus(): void {\r\n    this._foundation.setFocus();\r\n  }\r\n\r\n  public tryFocusDelete(): void {\r\n    this._foundation.tryFocusDelete();\r\n  }\r\n}\r\n"],
+  "mappings": "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",
+  "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "selectors", "CHIP_SET_CONSTANTS", "elementName", "COMPONENT_NAME_PREFIX", "attributes", "classes", "selectors", "events", "defaults", "CHIP_CONSTANTS", "checkmarkTemplate", "ChipAdapter", "BaseAdapter", "component", "getShadowElement", "CHIP_CONSTANTS", "evt", "_a", "type", "listener", "adapter", "__spreadProps", "__spreadValues", "ForgeRipple", "evtType", "handler", "className", "addClass", "removeClass", "varName", "value", "ForgeRippleFoundation", "name", "isVisible", "elementFromHTML", "removeElement", "toggleClass", "state", "chipSet", "walkUpUntil", "node", "CHIP_SET_CONSTANTS", "el", "ICON_CONSTANTS", "activeElement", "getActiveElement", "ChipFoundation", "_adapter", "CHIP_CONSTANTS", "evt", "chipSetState", "target", "_a", "wasDefaultPrevented", "isSelectableType", "selectEventData", "deleteEventData", "showDeleteButton", "value", "val", "template", "styles", "ChipComponent", "BaseComponent", "IconRegistry", "tylIconCancel", "attachShadowTemplate", "ChipFoundation", "ChipAdapter", "CHIP_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "IconComponent"]
+}

package/dist/esm/chunks/chunk.5MZ5SGMO.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{a as h,v as i,x as L}from"./chunk.7TMLILLW.js";import{a as u}from"./chunk.NVUMRW44.js";import{a as E}from"./chunk.BKL2BAYW.js";import{a as I}from"./chunk.DXN7ZOH3.js";import{a as C,e as y,f as O,k as z}from"./chunk.MVTBJPO2.js";import{k as b,l as S,p as w}from"./chunk.J2M2MXP2.js";import{d as c}from"./chunk.M3QDAYD2.js";var p=class r{static observe(t,e,l){var o,a;r._targets.has(t)&&((o=r._observer)===null||o===void 0||o.unobserve(t)),r._targets.set(t,e),r._countTargets(),(a=r._observer)===null||a===void 0||a.observe(t,l)}static unobserve(t){var e;r._targets.delete(t),(e=r._observer)===null||e===void 0||e.unobserve(t),r._countTargets()}static _countTargets(){r._observer?r._targets.size<1&&(r._observer=void 0):r._targets.size&&(r._observer=new ResizeObserver(r._handleResize))}};p._targets=new Map;p._handleResize=r=>{r.forEach(t=>{var e;(e=p._targets.get(t.target))===null||e===void 0||e(t)})};var v=class extends E{constructor(e){super(e);this._root=O(e,i.selectors.ROOT)}registerSlotListener(e){this._root.addEventListener("slotchange",e)}registerDidOpenListener(e){this._root.addEventListener(h.events.DID_OPEN,e)}registerDidCloseListener(e){this._root.addEventListener(h.events.DID_CLOSE,e)}observeResize(e){p.observe(this._root,e)}unobserveResize(){p.unobserve(this._root)}getSlottedPanels(){let e=this._component.querySelectorAll(i.selectors.PANEL);return Array.from(e).filter(a=>a.parentElement===this._component)}refitSlottedPanels(e){let l=e==="horizontal"?this._root.clientWidth:this._root.clientHeight,o=this.getSlottedPanels(),a=o.map(d=>{var f;let n=(f=d.shadowRoot)==null?void 0:f.querySelector(h.selectors.ROOT),m=e==="horizontal"?n==null?void 0:n.clientWidth:n==null?void 0:n.clientHeight;return m!=null?m:0}).reduce((d,n)=>d+n,0);if(a<=l)return;let _=a-l;o.slice().reverse().forEach(d=>{if(_<=0)return;let n=d.getContentSize(),m=d.getCollapsibleSize(),f=Math.min(_,m),k=n-f;d.setContentSize(k),_-=f})}};var g=class{constructor(t){this._adapter=t;this._orientation="horizontal";this._disabled=!1;this._allowClose=!1;this._autoClose=!1;this._autoCloseThreshold=0;this._isInitialized=!1;this._slotListener=e=>this._onSlotChange(e),this._didOpenListener=()=>this._onDidOpen(),this._didCloseListener=()=>this._onDidClose(),this._resizeObserverCallback=w(e=>this._onResize(e),i.numbers.RESIZE_THROTTLE_THRESHOLD)}initialize(){this._adapter.registerSlotListener(this._slotListener),this._adapter.registerDidOpenListener(this._didOpenListener),this._adapter.registerDidCloseListener(this._didCloseListener),this._adapter.observeResize(this._resizeObserverCallback),this._applyOrientation(),this._isInitialized=!0}disconnect(){this._adapter.unobserveResize()}_onSlotChange(t){this._layoutSlottedPanels(),this.update({accessibility:!0,cursor:!0,orientation:this._orientation})}_onDidOpen(){this._adapter.refitSlottedPanels(this._orientation),this.update({accessibility:!0,cursor:!0,size:!0})}_onDidClose(){this._adapter.refitSlottedPanels(this._orientation),this.update({accessibility:!0,cursor:!0,size:!0})}_onResize(t){this.update({accessibility:!0,cursor:!0,size:!0})}_layoutSlottedPanels(){let t=this._adapter.getSlottedPanels();t.length<2||t.some(e=>e.resizable!=="off")||t.slice(1).forEach(e=>e.resizable="start")}get orientation(){return this._orientation}set orientation(t){this._orientation!==t&&(this._orientation=t,this._applyOrientation())}_applyOrientation(){this._adapter.setHostAttribute(i.attributes.ORIENTATION,this._orientation),this.update({orientation:this._orientation}),this._isInitialized&&this._adapter.refitSlottedPanels(this._orientation),this.update({accessibility:!0,cursor:!0})}get disabled(){return this._disabled}set disabled(t){this._disabled!==t&&(this._disabled=t,this._applyDisabled())}_applyDisabled(){this._adapter.toggleHostAttribute(i.attributes.DISABLED,this._disabled),this.update({properties:{disabled:this._disabled}})}get allowClose(){return this._allowClose}set allowClose(t){this._allowClose!==t&&(this._allowClose=t,this._applyAllowClose())}_applyAllowClose(){this._adapter.toggleHostAttribute(i.attributes.ALLOW_CLOSE,this._allowClose),this.update({properties:{allowClose:this._allowClose}})}get autoClose(){return this._autoClose}set autoClose(t){this._autoClose!==t&&(this._autoClose=t,this._applyAutoClose())}_applyAutoClose(){this._adapter.toggleHostAttribute(i.attributes.AUTO_CLOSE,this._autoClose),this.update({properties:{autoClose:this._autoClose}})}get autoCloseThreshold(){return this._autoCloseThreshold}set autoCloseThreshold(t){this._autoCloseThreshold!==t&&(this._autoCloseThreshold=t,this._applyAutoCloseThreshold())}_applyAutoCloseThreshold(){this._adapter.setHostAttribute(i.attributes.AUTO_CLOSE_THRESHOLD,this._autoCloseThreshold.toString()),this.update({properties:{autoCloseThreshold:this._autoCloseThreshold}})}layerSlottedPanels(t){let e=this._adapter.getSlottedPanels(),l=t.resizable==="start"?1:-1,o=t.resizable==="start"?1:3;e.forEach(a=>{(a===t||o===2)&&(o+=l),a.style.setProperty(i.customCssProperties.ANIMATING_LAYER,o.toString())})}unlayerSlottedPanels(){this._adapter.getSlottedPanels().forEach(e=>{e.style.removeProperty(i.customCssProperties.ANIMATING_LAYER)})}update(t){this._adapter.getSlottedPanels().forEach(l=>{l.update(t)})}refitSlottedPanels(){this._adapter.refitSlottedPanels(this._orientation)}};var T='<template><div class="forge-split-view" id="root" part="root"><slot></slot></div></template>',P='@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view{display:-webkit-box;display:flex;width:100%;height:100%}:host{--forge-split-view-handle-width:8px;display:block;height:100%;width:100%;overflow:hidden;contain:paint size}:host([hidden]){display:none}:host([orientation=horizontal]) .forge-split-view{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}:host([orientation=vertical]) .forge-split-view{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}',s=class extends z{constructor(){super();y(this,T,P),this._foundation=new g(new v(this))}static get observedAttributes(){return[i.attributes.ORIENTATION,i.attributes.DISABLED,i.attributes.ALLOW_CLOSE,i.attributes.AUTO_CLOSE,i.attributes.AUTO_CLOSE_THRESHOLD]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,l,o){switch(e){case i.attributes.ORIENTATION:this.orientation=o;break;case i.attributes.DISABLED:this.disabled=b(o);break;case i.attributes.ALLOW_CLOSE:this.allowClose=b(o);break;case i.attributes.AUTO_CLOSE:this.autoClose=b(o);break;case i.attributes.AUTO_CLOSE_THRESHOLD:this.autoCloseThreshold=S(o);break}}layerSlottedPanels(e){this._foundation.layerSlottedPanels(e)}unlayerSlottedPanels(){this._foundation.unlayerSlottedPanels()}update(e){this._foundation.update(e)}refit(){this._foundation.refitSlottedPanels()}};c([u()],s.prototype,"orientation",2),c([u()],s.prototype,"disabled",2),c([u()],s.prototype,"allowClose",2),c([u()],s.prototype,"autoClose",2),c([u()],s.prototype,"autoCloseThreshold",2),s=c([I({name:i.elementName,dependencies:[L]})],s);function ce(){C(s)}export{v as a,g as b,s as c,ce as d};
+//# sourceMappingURL=chunk.5MZ5SGMO.js.map

package/dist/esm/chunks/chunk.5MZ5SGMO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../node_modules/@tylertech/forge-core/esm/resize/resize-observer.js", "../../src/split-view/split-view/split-view-adapter.ts", "../../src/split-view/split-view/split-view-foundation.ts", "../../src/split-view/split-view/split-view.ts", "../../src/split-view/split-view/index.ts"],
+  "sourcesContent": ["/**\n * Provides a set of methods for observing and responding to resizing of elements.\n */\nexport class ForgeResizeObserver {\n    /**\n     * Initiates the observing of a specified `Element`. Calling with an already observed `Element`\n     * overwrites the exisiting observation. It is expected that the consumer will eventually\n     * {@link unobserve} the `Element` to avoid memory leaks.\n     *\n     * @param target An `Element` reference.\n     * @param callback A function that accepts a `ResizeObserverEntry` for the `Element`.\n     * @param options An options object allowing you to set options for the observation.\n     */\n    static observe(target, callback, options) {\n        var _a, _b;\n        if (ForgeResizeObserver._targets.has(target)) {\n            (_a = ForgeResizeObserver._observer) === null || _a === void 0 ? void 0 : _a.unobserve(target);\n        }\n        ForgeResizeObserver._targets.set(target, callback);\n        ForgeResizeObserver._countTargets();\n        (_b = ForgeResizeObserver._observer) === null || _b === void 0 ? void 0 : _b.observe(target, options);\n    }\n    /**\n     * Ends the observing of a specified `Element`.\n     *\n     * @param target An `Element` reference.\n     */\n    static unobserve(target) {\n        var _a;\n        ForgeResizeObserver._targets.delete(target);\n        (_a = ForgeResizeObserver._observer) === null || _a === void 0 ? void 0 : _a.unobserve(target);\n        ForgeResizeObserver._countTargets();\n    }\n    /**\n     * Creates or destroys the `ResizeObserver` based on whether targets exist.\n     */\n    static _countTargets() {\n        if (ForgeResizeObserver._observer) {\n            // If there are no targets destroy the observer\n            if (ForgeResizeObserver._targets.size < 1) {\n                ForgeResizeObserver._observer = undefined;\n            }\n        }\n        else {\n            // If there are targets create the observer\n            if (ForgeResizeObserver._targets.size) {\n                ForgeResizeObserver._observer = new ResizeObserver(ForgeResizeObserver._handleResize);\n            }\n        }\n    }\n}\nForgeResizeObserver._targets = new Map();\n/**\n * Runs the callback function of targets when they are resized.\n *\n * @param entries An array of `ResizeObserverEntry`s.\n */\nForgeResizeObserver._handleResize = entries => {\n    entries.forEach(entry => {\n        var _a;\n        (_a = ForgeResizeObserver._targets.get(entry.target)) === null || _a === void 0 ? void 0 : _a(entry);\n    });\n};\n", "import { ForgeResizeObserver, getShadowElement } from '@tylertech/forge-core';\n\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { ISplitViewPanelComponent, SPLIT_VIEW_PANEL_CONSTANTS } from '../split-view-panel';\nimport { ISplitViewComponent } from './split-view';\nimport { SplitViewOrientation, SPLIT_VIEW_CONSTANTS } from './split-view-constants';\n\nexport interface ISplitViewAdapter extends IBaseAdapter {\n  registerSlotListener(listener: (evt: Event) => void): void;\n  registerDidOpenListener(listener: () => void): void;\n  registerDidCloseListener(listener: () => void): void;\n  observeResize(callback: (entry: ResizeObserverEntry) => void): void;\n  unobserveResize(): void;\n  getSlottedPanels(): ISplitViewPanelComponent[];\n  refitSlottedPanels(orientation: SplitViewOrientation): void;\n}\n\nexport class SplitViewAdapter extends BaseAdapter<ISplitViewComponent> implements ISplitViewAdapter {\n  private _root: HTMLElement;\n\n  constructor(component: ISplitViewComponent) {\n    super(component);\n    this._root = getShadowElement(component, SPLIT_VIEW_CONSTANTS.selectors.ROOT);\n  }\n\n  public registerSlotListener(listener: (evt: Event) => void): void {\n    this._root.addEventListener('slotchange', listener);\n  }\n\n  public registerDidOpenListener(listener: () => void): void {\n    this._root.addEventListener(SPLIT_VIEW_PANEL_CONSTANTS.events.DID_OPEN, listener);\n  }\n\n  public registerDidCloseListener(listener: () => void): void {\n    this._root.addEventListener(SPLIT_VIEW_PANEL_CONSTANTS.events.DID_CLOSE, listener);\n  }\n\n  public observeResize(callback: (entry: ResizeObserverEntry) => void): void {\n    ForgeResizeObserver.observe(this._root, callback);\n  }\n  \n  public unobserveResize(): void {\n    ForgeResizeObserver.unobserve(this._root);\n  }\n  \n  /**\n   * Gets all child panels.\n   * @returns All child panels.\n   */\n  public getSlottedPanels(): ISplitViewPanelComponent[] {\n    const nodeList = this._component.querySelectorAll<ISplitViewPanelComponent>(SPLIT_VIEW_CONSTANTS.selectors.PANEL);\n    const panelArray = Array.from(nodeList);\n    const immediateChildPanels = panelArray.filter(panel => panel.parentElement === this._component);\n    return immediateChildPanels;\n  }\n\n  public refitSlottedPanels(orientation: SplitViewOrientation): void {\n    // Check if the combined panel size is greater than the split view size along the relevant axis\n    const size = orientation === 'horizontal' ? this._root.clientWidth : this._root.clientHeight;\n    const panels = this.getSlottedPanels();\n    const combinedPanelSize = panels.map(panel => {\n      const panelRoot = panel.shadowRoot?.querySelector(SPLIT_VIEW_PANEL_CONSTANTS.selectors.ROOT);\n      const panelSize = orientation === 'horizontal' ? panelRoot?.clientWidth : panelRoot?.clientHeight;\n      return panelSize ?? 0;\n    }).reduce((cur, acc) => cur + acc, 0);\n\n    // Do nothing if all the panels fit\n    if (combinedPanelSize <= size) {\n      return;\n    }\n\n    // Get the size adjustment needed to fit\n    let diff = combinedPanelSize - size;\n\n    // Size down the panels as needed in reverse order, adjusting diff accordingly\n    panels.slice().reverse().forEach(panel => {\n      if (diff <= 0) {\n        return;\n      }\n\n      const panelSize = panel.getContentSize();\n      const collapsibleSize = panel.getCollapsibleSize();\n      const reduceBy = Math.min(diff, collapsibleSize);\n      const newSize = panelSize - reduceBy;\n\n      panel.setContentSize(newSize);\n\n      diff -= reduceBy;\n    });\n\n    // If there's still overflow nothing else can be done\n  }\n}\n", "import { ForgeResizeObserverCallback, ICustomElementFoundation, throttle } from '@tylertech/forge-core';\n\nimport { ISplitViewBase } from '../core/split-view-base';\nimport { ISplitViewPanelComponent, SplitViewAnimatingLayer } from '../split-view-panel';\nimport { ISplitViewAdapter } from './split-view-adapter';\nimport { ISplitViewUpdateConfig, SplitViewOrientation, SPLIT_VIEW_CONSTANTS } from './split-view-constants';\n\nexport interface ISplitViewFoundation extends ISplitViewBase, ICustomElementFoundation {\n  orientation: SplitViewOrientation;\n  layerSlottedPanels(target: ISplitViewPanelComponent): void;\n  unlayerSlottedPanels(): void;\n  update(config: ISplitViewUpdateConfig): void;\n  refitSlottedPanels(): void;\n}\n\nexport class SplitViewFoundation implements ISplitViewFoundation {\n  private _orientation: SplitViewOrientation = 'horizontal';\n  private _disabled = false;\n  private _allowClose = false;\n  private _autoClose = false;\n  private _autoCloseThreshold = 0;\n  private _slotListener: (evt: Event) => void;\n  private _didOpenListener: () => void;\n  private _didCloseListener: () => void;\n  private _resizeObserverCallback: ForgeResizeObserverCallback;\n  private _isInitialized = false;\n\n  constructor(private _adapter: ISplitViewAdapter) {\n    this._slotListener = evt => this._onSlotChange(evt);\n    this._didOpenListener = () => this._onDidOpen();\n    this._didCloseListener = () => this._onDidClose();\n    this._resizeObserverCallback = throttle((entry: ResizeObserverEntry) => this._onResize(entry), SPLIT_VIEW_CONSTANTS.numbers.RESIZE_THROTTLE_THRESHOLD);\n  }\n\n  public initialize(): void {\n    this._adapter.registerSlotListener(this._slotListener);\n    this._adapter.registerDidOpenListener(this._didOpenListener);\n    this._adapter.registerDidCloseListener(this._didCloseListener);\n    this._adapter.observeResize(this._resizeObserverCallback);\n    \n    this._applyOrientation();\n    this._isInitialized = true;\n  }\n\n  public disconnect(): void {\n    this._adapter.unobserveResize();\n  }\n\n  private _onSlotChange(evt: Event): void {\n    this._layoutSlottedPanels();\n    this.update({ accessibility: true, cursor: true, orientation: this._orientation });\n  }\n\n  private _onDidOpen(): void {\n    this._adapter.refitSlottedPanels(this._orientation);\n    this.update({ accessibility: true, cursor: true, size: true});\n  }\n\n  private _onDidClose(): void {\n    this._adapter.refitSlottedPanels(this._orientation);\n    this.update({ accessibility: true, cursor: true, size: true});\n  }\n\n  private _onResize(entry: ResizeObserverEntry): void {\n    this.update({ accessibility: true, cursor: true, size: true });\n  }\n\n  /**\n   * Sets the resizable value of slotted panels with no resizable value set.\n   */\n  private _layoutSlottedPanels(): void {\n    const panels = this._adapter.getSlottedPanels();\n\n    // A single panel should have resizable set to off. Just leave it alone.\n    if (panels.length < 2) {\n      return;\n    }\n\n    // Don't change any panels if resizable is already set.\n    if (panels.some(panel => panel.resizable !== 'off')) {\n      return;\n    }\n\n    // All panels after the first have resizable set to start.\n    panels.slice(1).forEach(panel => panel.resizable = 'start');\n  }\n\n  /**\n   * Get/set whether panels are arranged horizontally or vertically.\n   */\n  public get orientation(): SplitViewOrientation {\n    return this._orientation;\n  }\n  public set orientation(value: SplitViewOrientation) {\n    if (this._orientation !== value) {\n      this._orientation = value;\n      this._applyOrientation();\n    }\n  }\n\n  private _applyOrientation(): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_CONSTANTS.attributes.ORIENTATION, this._orientation);\n    this.update({ orientation: this._orientation });\n\n    if (this._isInitialized) {\n      this._adapter.refitSlottedPanels(this._orientation);\n    }\n    this.update({ accessibility: true, cursor: true });\n  }\n\n  /**\n   * Get/set whether interactions are disabled.\n   */\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._applyDisabled();\n    }\n  }\n\n  private _applyDisabled(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_CONSTANTS.attributes.DISABLED, this._disabled);\n    this.update({ properties: { disabled: this._disabled } });\n  }\n\n  /**\n   * Get/set whether closing the panel is disabled.\n   */\n  public get allowClose(): boolean {\n    return this._allowClose;\n  }\n  public set allowClose(value: boolean) {\n    if (this._allowClose !== value) {\n      this._allowClose = value;\n      this._applyAllowClose();\n    }\n  }\n\n  private _applyAllowClose(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_CONSTANTS.attributes.ALLOW_CLOSE, this._allowClose);\n    this.update({ properties: { allowClose: this._allowClose } });\n  }\n\n  /**\n   * Get/set whether the panel closes when a threshold size is reached.\n   */\n  public get autoClose(): boolean {\n    return this._autoClose;\n  }\n  public set autoClose(value: boolean) {\n    if (this._autoClose !== value) {\n      this._autoClose = value;\n      this._applyAutoClose();\n    }\n  }\n\n  private _applyAutoClose(): void {\n    this._adapter.toggleHostAttribute(SPLIT_VIEW_CONSTANTS.attributes.AUTO_CLOSE, this._autoClose);\n    this.update({ properties: { autoClose: this._autoClose } });\n  }\n\n  /**\n   * Get/set the size at which panels auto close.\n   */\n  public get autoCloseThreshold(): number {\n    return this._autoCloseThreshold;\n  }\n  public set autoCloseThreshold(value: number) {\n    if (this._autoCloseThreshold !== value) {\n      this._autoCloseThreshold = value;\n      this._applyAutoCloseThreshold();\n    }\n  }\n\n  private _applyAutoCloseThreshold(): void {\n    this._adapter.setHostAttribute(SPLIT_VIEW_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD, this._autoCloseThreshold.toString());\n    this.update({ properties: { autoCloseThreshold: this._autoCloseThreshold } });\n  }\n\n  /**\n   * Layers panels in a set order during an animation. Panels that the target is animating toward\n   * stack above it and other layers stack under it.\n   * @param target The animating panel.\n   */\n  public layerSlottedPanels(target: ISplitViewPanelComponent): void {\n    const panels = this._adapter.getSlottedPanels();\n    const increment = target.resizable === 'start' ? 1 : -1;\n    let layer = target.resizable === 'start' ? SplitViewAnimatingLayer.Under : SplitViewAnimatingLayer.Above;\n\n    panels.forEach(panel => {\n      // Increment the layer if moving into or out of the target panel\n      if (panel === target || layer === SplitViewAnimatingLayer.Active) {\n        layer += increment;\n      }\n      panel.style.setProperty(SPLIT_VIEW_CONSTANTS.customCssProperties.ANIMATING_LAYER, layer.toString());\n    });\n  }\n\n  /**\n   * Removes layering after an animation.\n   */\n  public unlayerSlottedPanels(): void {\n    const panels = this._adapter.getSlottedPanels();\n    panels.forEach(panel => {\n      panel.style.removeProperty(SPLIT_VIEW_CONSTANTS.customCssProperties.ANIMATING_LAYER);\n    });\n  }\n\n  /**\n   * Updates the provided characteristics of each panel.\n   * @param config An update configuration.\n   */\n  public update(config: ISplitViewUpdateConfig): void {\n    const panels = this._adapter.getSlottedPanels();\n    panels.forEach(panel => {\n      panel.update(config);\n    });\n  }\n\n  /**\n   * Resizes panels within the split view to avoid overflow.\n   */\n  public refitSlottedPanels(): void {\n    this._adapter.refitSlottedPanels(this._orientation);\n  }\n}\n", "import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean, coerceNumber } from '@tylertech/forge-core';\n\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { SplitViewAdapter } from './split-view-adapter';\nimport { SplitViewFoundation } from './split-view-foundation';\nimport { ISplitViewUpdateConfig, SplitViewOrientation, SPLIT_VIEW_CONSTANTS } from './split-view-constants';\nimport { ISplitViewPanelComponent, SplitViewPanelComponent } from '../split-view-panel';\nimport { ISplitViewBase } from '../core/split-view-base';\n\nconst template = '<template><div class=\\\"forge-split-view\\\" id=\\\"root\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-split-view{display:-webkit-box;display:flex;width:100%;height:100%}:host{--forge-split-view-handle-width:8px;display:block;height:100%;width:100%;overflow:hidden;contain:paint size}:host([hidden]){display:none}:host([orientation=horizontal]) .forge-split-view{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}:host([orientation=vertical]) .forge-split-view{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}';\n\nexport interface ISplitViewComponent extends ISplitViewBase, IBaseComponent {\n  orientation: SplitViewOrientation;\n  layerSlottedPanels(target: ISplitViewPanelComponent): void;\n  unlayerSlottedPanels(): void;\n  update(config: ISplitViewUpdateConfig): void;\n  refit(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-split-view': ISplitViewComponent;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-split-view>` element.\n * \n * @tag forge-split-view\n */\n@CustomElement({\n  name: SPLIT_VIEW_CONSTANTS.elementName,\n  dependencies: [\n    SplitViewPanelComponent\n  ]\n})\nexport class SplitViewComponent extends BaseComponent implements ISplitViewComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      SPLIT_VIEW_CONSTANTS.attributes.ORIENTATION,\n      SPLIT_VIEW_CONSTANTS.attributes.DISABLED,\n      SPLIT_VIEW_CONSTANTS.attributes.ALLOW_CLOSE,\n      SPLIT_VIEW_CONSTANTS.attributes.AUTO_CLOSE,\n      SPLIT_VIEW_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD\n    ];\n  }\n\n  private _foundation: SplitViewFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new SplitViewFoundation(new SplitViewAdapter(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 SPLIT_VIEW_CONSTANTS.attributes.ORIENTATION:\n        this.orientation = newValue as SplitViewOrientation;\n        break;\n      case SPLIT_VIEW_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case SPLIT_VIEW_CONSTANTS.attributes.ALLOW_CLOSE:\n        this.allowClose = coerceBoolean(newValue);\n        break;\n      case SPLIT_VIEW_CONSTANTS.attributes.AUTO_CLOSE:\n        this.autoClose = coerceBoolean(newValue);\n        break;\n      case SPLIT_VIEW_CONSTANTS.attributes.AUTO_CLOSE_THRESHOLD:\n        this.autoCloseThreshold = coerceNumber(newValue);\n        break;\n    }\n  }\n\n  /**\n   * Whether child split view panels are laid out and resize horizontally or vertically.\n   */\n  @FoundationProperty()\n  public orientation: SplitViewOrientation;\n\n  /**\n   * Whether child split view panels have resize interactions disabled or enabled.\n   */\n  @FoundationProperty()\n  public disabled: boolean;\n\n  /**\n   * Whether child split view panels can be closed via keyboard interaction.\n   */\n  @FoundationProperty()\n  public allowClose: boolean;\n\n  /**\n   * Whether child split view panels automatically close when they reach a size of 0.\n   */\n  @FoundationProperty()\n  public autoClose: boolean;\n\n  /**\n   * The size at which panels auto close.\n   */\n  @FoundationProperty()\n  public autoCloseThreshold: number;\n\n  /**\n   * Arranges split view panels to avoid overlapping during animations.\n   * @param target The originating split view panel component.\n   */\n  public layerSlottedPanels(target: ISplitViewPanelComponent): void {\n    this._foundation.layerSlottedPanels(target);\n  }\n\n  /**\n   * Removes presentation data set during an animation.\n   */\n  public unlayerSlottedPanels(): void {\n    this._foundation.unlayerSlottedPanels();\n  }\n\n  /**\n   * Updates the provided characteristics of each slotted panel.\n   * @param config An update configuration.\n   */\n  public update(config: ISplitViewUpdateConfig): void {\n    this._foundation.update(config);\n  }\n\n  /**\n   * Resizes panels within the split view to avoid overflow.\n   */\n  public refit(): void {\n    this._foundation.refitSlottedPanels();\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { SplitViewComponent } from './split-view';\n\nexport * from './split-view-adapter';\nexport * from './split-view-constants';\nexport * from './split-view-foundation';\nexport * from './split-view';\n\nexport function defineSplitViewComponent(): void {\n  defineCustomElement(SplitViewComponent);\n}\n"],
+  "mappings": "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",
+  "names": ["ForgeResizeObserver", "_ForgeResizeObserver", "target", "callback", "options", "_a", "_b", "entries", "entry", "SplitViewAdapter", "BaseAdapter", "component", "getShadowElement", "SPLIT_VIEW_CONSTANTS", "listener", "SPLIT_VIEW_PANEL_CONSTANTS", "callback", "ForgeResizeObserver", "nodeList", "panel", "orientation", "size", "panels", "combinedPanelSize", "_a", "panelRoot", "panelSize", "cur", "acc", "diff", "collapsibleSize", "reduceBy", "newSize", "SplitViewFoundation", "_adapter", "evt", "throttle", "entry", "SPLIT_VIEW_CONSTANTS", "panels", "panel", "value", "target", "increment", "layer", "config", "template", "styles", "SplitViewComponent", "BaseComponent", "attachShadowTemplate", "SplitViewFoundation", "SplitViewAdapter", "SPLIT_VIEW_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "coerceNumber", "target", "config", "__decorateClass", "FoundationProperty", "CustomElement", "SplitViewPanelComponent", "defineSplitViewComponent", "defineCustomElement", "SplitViewComponent"]
+}

package/dist/esm/chunks/{chunk.7UKA4E5A.js → chunk.624UKZFU.js}

@@ -3,5 +3,5 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import{a as n}from"./chunk.BJZ7RB5F.js";import{a as g}from"./chunk.G5MGGEFP.js";import{a as l}from"./chunk.KTGSZEAG.js";import{a as I,b as S}from"./chunk.BE7PZANN.js";import{a as T,e as E,g as _,l as f}from"./chunk.Y4GKBJGI.js";import{g as h,p as O}from"./chunk.PN26D52V.js";import{k as C,l as c}from"./chunk.J2M2MXP2.js";import{f as s}from"./chunk.MCIQXNKY.js";var A=`${S}product-icon`,d={PRODUCT_ICON_BACKGROUND:"forge-product-icon__background",PRODUCT_ICON:"forge-product-icon__icon",PRODUCT_TEXT:"forge-product-icon__text"},x={PRODUCT_ICON_BACKGROUND:`.${d.PRODUCT_ICON_BACKGROUND}`,PRODUCT_ICON:`.${d.PRODUCT_ICON}`,PRODUCT_TEXT:`.${d.PRODUCT_TEXT}`,SLOT:"slot"},R={COLOR:"color",SIZE:"size",SHADOW:"shadow",ITERATIONS:"iterations"},v={DEFAULT_SIZE:64,DEFAULT_ITERATIONS:32,ACCESSIBILITY_COLOR_THRESHOLD:300,ICON_FONT_SIZE_MODIFIER:.75,TEXT_FONT_SIZE_MODIFIER:.5},N={DEFAULT_COLOR_VALUE:"indigo-500",DEFAULT_COLOR_PALETTE:"indigo",DEFAULT_COLOR_SHADE:500,DEFAULT_BACKGROUND_COLOR:n.indigoPalette[500]},t={elementName:A,attributes:R,classes:d,selectors:x,numbers:v,strings:N};var p=class extends g{constructor(e){super(e);this._backgroundElement=_(e,t.selectors.PRODUCT_ICON_BACKGROUND),this._iconElement=_(e,t.selectors.PRODUCT_ICON),this._textElement=_(e,t.selectors.PRODUCT_TEXT)}setBackgroundColor(e){this._backgroundElement.style.backgroundColor=e}setIconColor(e){this._iconElement.style.color=e,this._textElement.style.color=e}setElementSize(e){this._backgroundElement.style.height=`${e}px`,this._backgroundElement.style.width=`${e}px`}setFontSize(e){let a=e*t.numbers.TEXT_FONT_SIZE_MODIFIER,r=e*t.numbers.ICON_FONT_SIZE_MODIFIER;this._iconElement.style.setProperty("--forge-product-icon-font-size",`${r}px`),this._textElement.style.setProperty("--forge-product-icon-font-size",`${a}px`),this._iconElement.style.fontSize=`var(--forge-product-icon-font-size, ${r}px)`,this._textElement.style.fontSize=`var(--forge-product-icon-font-size, ${a}px)`}removeIconClass(e){h(e,this._iconElement),h(e,this._textElement)}setTextShadow(e,a,r){if(e){let b=O(a,r);this._iconElement.style.textShadow=b,this._textElement.style.textShadow=b}else this._iconElement.style.removeProperty("text-shadow"),this._textElement.style.removeProperty("text-shadow")}};var u=class{constructor(o){this._adapter=o;this._colorValue=t.strings.DEFAULT_COLOR_VALUE;this._colorPalette=t.strings.DEFAULT_COLOR_PALETTE;this._colorShade=t.strings.DEFAULT_COLOR_SHADE;this._size=t.numbers.DEFAULT_SIZE;this._shadow=!0;this._backgroundColor=t.strings.DEFAULT_BACKGROUND_COLOR;this._iterations=t.numbers.DEFAULT_ITERATIONS;this._usingCustomIterations=!1}initialize(){this._adapter.setElementSize(this._size),this._updateFontSize(),this._parseColor(),this._render()}_parseColor(){this._colorValue.includes("-")?(this._colorPalette=this._colorValue.split("-")[0],this._colorShade=c(this._colorValue.split("-")[1])):(this._colorPalette=this._colorValue,this._colorShade=t.strings.DEFAULT_COLOR_SHADE)}_updateSize(){this._adapter.setElementSize(this._size),this._usingCustomIterations||(this._iterations=this._size/2,this._updateShadow())}_updateFontSize(){this._adapter.setFontSize(this._size)}_updateShadow(){this._shadow&&this._adapter.setTextShadow(this._shadow,this._iterations,this._shadowColor)}_render(){if(!this._colorValue)return;let o=this._colorShade<=t.numbers.ACCESSIBILITY_COLOR_THRESHOLD?"#000000":"#ffffff",e=this._colorShade+300;n[`${this._colorPalette}Palette`]||(this._colorPalette=t.strings.DEFAULT_COLOR_PALETTE),this._backgroundColor=n[`${this._colorPalette}Palette`][this._colorShade],this._shadowColor=n[`${this._colorPalette}Palette`][e],this._adapter.setBackgroundColor(this._backgroundColor),this._adapter.setIconColor(o),this._updateShadow()}get color(){return this._colorValue}set color(o){this._colorValue!==o&&(this._colorValue=o,this._parseColor(),this._render(),this._adapter.setHostAttribute(t.attributes.COLOR,this._colorValue))}get size(){return this._size}set size(o){this._size!==o&&(this._size=o,this._updateSize(),this._updateFontSize(),this._adapter.setHostAttribute(t.attributes.SIZE,this._size.toString()))}get shadow(){return this._shadow}set shadow(o){this._shadow!==o&&(this._shadow=o,this._adapter.setTextShadow(this._shadow,this._iterations,this._shadowColor),this._shadow?this._adapter.setHostAttribute(t.attributes.SHADOW,""):this._adapter.removeIconClass(t.attributes.SHADOW))}get iterations(){return this._iterations}set iterations(o){this._iterations!==o&&(this._usingCustomIterations=!0,this._iterations=o,this._updateShadow(),this._adapter.setHostAttribute(t.attributes.ITERATIONS,this._iterations.toString()))}};var D='<template><div class="forge-product-icon__background" part="root"><div class="forge-product-icon__container" part="container"><span class="forge-product-icon__icon" part="icon-container"><slot></slot></span><span class="forge-product-icon__text" part="text-container"><slot name="text"></slot></span></div></div></template>',L=".forge-product-icon__background{border-radius:50%;border-radius:var(--forge-product-icon-border-radius,50%);height:64px;width:64px;overflow:hidden}.forge-product-icon__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:100%;width:100%}.forge-product-icon__icon ::slotted(*),.forge-product-icon__text ::slotted(*){display:-webkit-box!important;display:flex!important;color:#fff!important;font-size:var(--forge-product-icon-font-size, 48px)!important}:host{display:inline-block}:host([hidden]){display:none}",i=class extends f{constructor(){super();E(this,D,L),this._foundation=new u(new p(this))}static get observedAttributes(){return[t.attributes.COLOR,t.attributes.SIZE,t.attributes.SHADOW,t.attributes.ITERATIONS]}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(e,a,r){switch(e){case t.attributes.COLOR:this.color=r;break;case t.attributes.SIZE:this.size=c(r);break;case t.attributes.SHADOW:this.shadow=C(r);break;case t.attributes.ITERATIONS:this.iterations=c(r);break}}};s([l()],i.prototype,"color",2),s([l()],i.prototype,"size",2),s([l()],i.prototype,"shadow",2),s([l()],i.prototype,"iterations",2),i=s([I({name:t.elementName})],i);function ot(){T(i)}export{t as a,p as b,u as c,i as d,ot as e};
-//# sourceMappingURL=chunk.7UKA4E5A.js.map
+import{a as n}from"./chunk.3CTKWBV2.js";import{a as l}from"./chunk.NVUMRW44.js";import{a as g}from"./chunk.BKL2BAYW.js";import{a as I,b as S}from"./chunk.DXN7ZOH3.js";import{a as T,e as E,f as _,k as f}from"./chunk.MVTBJPO2.js";import{g as h,p as O}from"./chunk.K7FPXAFS.js";import{k as C,l as c}from"./chunk.J2M2MXP2.js";import{d as s}from"./chunk.M3QDAYD2.js";var A=`${S}product-icon`,d={PRODUCT_ICON_BACKGROUND:"forge-product-icon__background",PRODUCT_ICON:"forge-product-icon__icon",PRODUCT_TEXT:"forge-product-icon__text"},x={PRODUCT_ICON_BACKGROUND:`.${d.PRODUCT_ICON_BACKGROUND}`,PRODUCT_ICON:`.${d.PRODUCT_ICON}`,PRODUCT_TEXT:`.${d.PRODUCT_TEXT}`,SLOT:"slot"},R={COLOR:"color",SIZE:"size",SHADOW:"shadow",ITERATIONS:"iterations"},v={DEFAULT_SIZE:64,DEFAULT_ITERATIONS:32,ACCESSIBILITY_COLOR_THRESHOLD:300,ICON_FONT_SIZE_MODIFIER:.75,TEXT_FONT_SIZE_MODIFIER:.5},N={DEFAULT_COLOR_VALUE:"indigo-500",DEFAULT_COLOR_PALETTE:"indigo",DEFAULT_COLOR_SHADE:500,DEFAULT_BACKGROUND_COLOR:n.indigoPalette[500]},t={elementName:A,attributes:R,classes:d,selectors:x,numbers:v,strings:N};var p=class extends g{constructor(e){super(e);this._backgroundElement=_(e,t.selectors.PRODUCT_ICON_BACKGROUND),this._iconElement=_(e,t.selectors.PRODUCT_ICON),this._textElement=_(e,t.selectors.PRODUCT_TEXT)}setBackgroundColor(e){this._backgroundElement.style.backgroundColor=e}setIconColor(e){this._iconElement.style.color=e,this._textElement.style.color=e}setElementSize(e){this._backgroundElement.style.height=`${e}px`,this._backgroundElement.style.width=`${e}px`}setFontSize(e){let a=e*t.numbers.TEXT_FONT_SIZE_MODIFIER,r=e*t.numbers.ICON_FONT_SIZE_MODIFIER;this._iconElement.style.setProperty("--forge-product-icon-font-size",`${r}px`),this._textElement.style.setProperty("--forge-product-icon-font-size",`${a}px`),this._iconElement.style.fontSize=`var(--forge-product-icon-font-size, ${r}px)`,this._textElement.style.fontSize=`var(--forge-product-icon-font-size, ${a}px)`}removeIconClass(e){h(e,this._iconElement),h(e,this._textElement)}setTextShadow(e,a,r){if(e){let b=O(a,r);this._iconElement.style.textShadow=b,this._textElement.style.textShadow=b}else this._iconElement.style.removeProperty("text-shadow"),this._textElement.style.removeProperty("text-shadow")}};var u=class{constructor(o){this._adapter=o;this._colorValue=t.strings.DEFAULT_COLOR_VALUE;this._colorPalette=t.strings.DEFAULT_COLOR_PALETTE;this._colorShade=t.strings.DEFAULT_COLOR_SHADE;this._size=t.numbers.DEFAULT_SIZE;this._shadow=!0;this._backgroundColor=t.strings.DEFAULT_BACKGROUND_COLOR;this._iterations=t.numbers.DEFAULT_ITERATIONS;this._usingCustomIterations=!1}initialize(){this._adapter.setElementSize(this._size),this._updateFontSize(),this._parseColor(),this._render()}_parseColor(){this._colorValue.includes("-")?(this._colorPalette=this._colorValue.split("-")[0],this._colorShade=c(this._colorValue.split("-")[1])):(this._colorPalette=this._colorValue,this._colorShade=t.strings.DEFAULT_COLOR_SHADE)}_updateSize(){this._adapter.setElementSize(this._size),this._usingCustomIterations||(this._iterations=this._size/2,this._updateShadow())}_updateFontSize(){this._adapter.setFontSize(this._size)}_updateShadow(){this._shadow&&this._adapter.setTextShadow(this._shadow,this._iterations,this._shadowColor)}_render(){if(!this._colorValue)return;let o=this._colorShade<=t.numbers.ACCESSIBILITY_COLOR_THRESHOLD?"#000000":"#ffffff",e=this._colorShade+300;n[`${this._colorPalette}Palette`]||(this._colorPalette=t.strings.DEFAULT_COLOR_PALETTE),this._backgroundColor=n[`${this._colorPalette}Palette`][this._colorShade],this._shadowColor=n[`${this._colorPalette}Palette`][e],this._adapter.setBackgroundColor(this._backgroundColor),this._adapter.setIconColor(o),this._updateShadow()}get color(){return this._colorValue}set color(o){this._colorValue!==o&&(this._colorValue=o,this._parseColor(),this._render(),this._adapter.setHostAttribute(t.attributes.COLOR,this._colorValue))}get size(){return this._size}set size(o){this._size!==o&&(this._size=o,this._updateSize(),this._updateFontSize(),this._adapter.setHostAttribute(t.attributes.SIZE,this._size.toString()))}get shadow(){return this._shadow}set shadow(o){this._shadow!==o&&(this._shadow=o,this._adapter.setTextShadow(this._shadow,this._iterations,this._shadowColor),this._shadow?this._adapter.setHostAttribute(t.attributes.SHADOW,""):this._adapter.removeIconClass(t.attributes.SHADOW))}get iterations(){return this._iterations}set iterations(o){this._iterations!==o&&(this._usingCustomIterations=!0,this._iterations=o,this._updateShadow(),this._adapter.setHostAttribute(t.attributes.ITERATIONS,this._iterations.toString()))}};var D='<template><div class="forge-product-icon__background" part="root"><div class="forge-product-icon__container" part="container"><span class="forge-product-icon__icon" part="icon-container"><slot></slot></span><span class="forge-product-icon__text" part="text-container"><slot name="text"></slot></span></div></div></template>',L=".forge-product-icon__background{border-radius:50%;border-radius:var(--forge-product-icon-border-radius,50%);height:64px;width:64px;overflow:hidden}.forge-product-icon__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:100%;width:100%}.forge-product-icon__icon ::slotted(*),.forge-product-icon__text ::slotted(*){display:-webkit-box!important;display:flex!important;color:#fff!important;font-size:var(--forge-product-icon-font-size, 48px)!important}:host{display:inline-block}:host([hidden]){display:none}",i=class extends f{constructor(){super();E(this,D,L),this._foundation=new u(new p(this))}static get observedAttributes(){return[t.attributes.COLOR,t.attributes.SIZE,t.attributes.SHADOW,t.attributes.ITERATIONS]}connectedCallback(){this._foundation.initialize()}attributeChangedCallback(e,a,r){switch(e){case t.attributes.COLOR:this.color=r;break;case t.attributes.SIZE:this.size=c(r);break;case t.attributes.SHADOW:this.shadow=C(r);break;case t.attributes.ITERATIONS:this.iterations=c(r);break}}};s([l()],i.prototype,"color",2),s([l()],i.prototype,"size",2),s([l()],i.prototype,"shadow",2),s([l()],i.prototype,"iterations",2),i=s([I({name:t.elementName})],i);function it(){T(i)}export{t as a,p as b,u as c,i as d,it as e};
+//# sourceMappingURL=chunk.624UKZFU.js.map

package/dist/esm/chunks/{chunk.7UKA4E5A.js.map → chunk.624UKZFU.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/product-icon/product-icon-constants.ts", "../../src/product-icon/product-icon-adapter.ts", "../../src/product-icon/product-icon-foundation.ts", "../../src/product-icon/product-icon.ts", "../../src/product-icon/index.ts"],
   "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\r\nimport { COLOR_CONSTANTS } from '../theme/color-constants';\r\n\r\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}product-icon`;\r\n\r\nconst classes = {\r\n  PRODUCT_ICON_BACKGROUND: 'forge-product-icon__background',\r\n  PRODUCT_ICON: 'forge-product-icon__icon',\r\n  PRODUCT_TEXT: 'forge-product-icon__text'\r\n};\r\n\r\nconst selectors = {\r\n  PRODUCT_ICON_BACKGROUND: `.${classes.PRODUCT_ICON_BACKGROUND}`,\r\n  PRODUCT_ICON: `.${classes.PRODUCT_ICON}`,\r\n  PRODUCT_TEXT: `.${classes.PRODUCT_TEXT}`,\r\n  SLOT: 'slot'\r\n};\r\n\r\nconst attributes = {\r\n  COLOR: 'color',\r\n  SIZE: 'size',\r\n  SHADOW: 'shadow',\r\n  ITERATIONS: 'iterations'\r\n};\r\n\r\nconst numbers = {\r\n  DEFAULT_SIZE: 64,\r\n  DEFAULT_ITERATIONS: 32,\r\n  ACCESSIBILITY_COLOR_THRESHOLD: 300,\r\n  ICON_FONT_SIZE_MODIFIER: 0.75,\r\n  TEXT_FONT_SIZE_MODIFIER: 0.5\r\n};\r\n\r\nconst strings = {\r\n  DEFAULT_COLOR_VALUE: 'indigo-500',\r\n  DEFAULT_COLOR_PALETTE: 'indigo',\r\n  DEFAULT_COLOR_SHADE: 500,\r\n  DEFAULT_BACKGROUND_COLOR: COLOR_CONSTANTS.indigoPalette[500]\r\n};\r\n\r\nexport const PRODUCT_ICON_CONSTANTS = {\r\n  elementName,\r\n  attributes,\r\n  classes,\r\n  selectors,\r\n  numbers,\r\n  strings\r\n};\r\n", "import { addClass, generateTextShadow, getShadowElement, Platform, removeClass } from '@tylertech/forge-core';\r\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\r\nimport { IProductIconComponent } from './product-icon';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\n\r\nexport interface IProductIconAdapter extends IBaseAdapter {\r\n  setBackgroundColor(color: string): void;\r\n  setIconColor(color: string): void;\r\n  setElementSize(value: number): void;\r\n  setFontSize(value: number): void;\r\n  setTextShadow(hasShadow: boolean, iterations: number, shadowColor: string): void;\r\n  removeIconClass(classes: string | string[]): void;\r\n}\r\n\r\nexport class ProductIconAdapter extends BaseAdapter<IProductIconComponent> implements IProductIconAdapter {\r\n  private _backgroundElement: HTMLElement;\r\n  private _iconElement: HTMLElement;\r\n  private _textElement: HTMLElement;\r\n\r\n  constructor(component: IProductIconComponent) {\r\n    super(component);\r\n    this._backgroundElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON_BACKGROUND);\r\n    this._iconElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_ICON);\r\n    this._textElement = getShadowElement(component, PRODUCT_ICON_CONSTANTS.selectors.PRODUCT_TEXT);\r\n  }\r\n\r\n  public setBackgroundColor(color: string): void {\r\n    this._backgroundElement.style.backgroundColor = color;\r\n  }\r\n\r\n  public setIconColor(color: string): void {\r\n    this._iconElement.style.color = color;\r\n    this._textElement.style.color = color;\r\n  }\r\n\r\n  public setElementSize(value: number): void {\r\n    this._backgroundElement.style.height = `${value}px`;\r\n    this._backgroundElement.style.width = `${value}px`;\r\n  }\r\n\r\n  public setFontSize(value: number): void {\r\n    const textFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.TEXT_FONT_SIZE_MODIFIER;\r\n    const iconFontSize = value * PRODUCT_ICON_CONSTANTS.numbers.ICON_FONT_SIZE_MODIFIER;\r\n\r\n    this._iconElement.style.setProperty('--forge-product-icon-font-size', `${iconFontSize}px`);\r\n    this._textElement.style.setProperty('--forge-product-icon-font-size', `${textFontSize}px`);\r\n\r\n    this._iconElement.style.fontSize = `var(--forge-product-icon-font-size, ${iconFontSize}px)`;\r\n    this._textElement.style.fontSize = `var(--forge-product-icon-font-size, ${textFontSize}px)`;\r\n  }\r\n\r\n  public removeIconClass(classes: string | string[]): void {\r\n    removeClass(classes, this._iconElement);\r\n    removeClass(classes, this._textElement);\r\n  }\r\n\r\n  public setTextShadow(hasShadow: boolean, iterations: number, shadowColor: string): void {\r\n    if (hasShadow) {\r\n      const shadow = generateTextShadow(iterations, shadowColor);\r\n      this._iconElement.style.textShadow = shadow;\r\n      this._textElement.style.textShadow = shadow;\r\n    } else {\r\n      this._iconElement.style.removeProperty('text-shadow');\r\n      this._textElement.style.removeProperty('text-shadow');\r\n    }\r\n  }\r\n}\r\n", "import { ICustomElementFoundation, coerceNumber } from '@tylertech/forge-core';\r\n\r\nimport { COLOR_CONSTANTS } from '../theme';\r\nimport { IProductIconAdapter } from './product-icon-adapter';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\n\r\nexport interface IProductIconFoundation extends ICustomElementFoundation {\r\n  color: string;\r\n  size: number;\r\n  shadow: boolean;\r\n  iterations: number;\r\n}\r\n\r\nexport class ProductIconFoundation implements IProductIconFoundation {\r\n  private _colorValue = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_VALUE;\r\n  private _colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;\r\n  private _colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;\r\n  private _size = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_SIZE;\r\n  private _shadow = true;\r\n  private _backgroundColor = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_BACKGROUND_COLOR;\r\n  private _shadowColor: string;\r\n  private _iterations = PRODUCT_ICON_CONSTANTS.numbers.DEFAULT_ITERATIONS;\r\n  private _usingCustomIterations = false;\r\n\r\n  constructor(private _adapter: IProductIconAdapter) {}\r\n\r\n  public initialize(): void {\r\n    this._adapter.setElementSize(this._size);\r\n    this._updateFontSize();\r\n    this._parseColor();\r\n    this._render();\r\n  }\r\n\r\n  private _parseColor(): void {\r\n    if (this._colorValue.includes('-')) {\r\n      this._colorPalette = this._colorValue.split('-')[0];\r\n      this._colorShade = coerceNumber(this._colorValue.split('-')[1]);\r\n    } else {\r\n      this._colorPalette = this._colorValue;\r\n      this._colorShade = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_SHADE;\r\n    }\r\n  }\r\n\r\n  private _updateSize(): void {\r\n    this._adapter.setElementSize(this._size);\r\n\r\n    // If not using a custom iteration value, then we need to adjust the shadow length\r\n    if (!this._usingCustomIterations) {\r\n      this._iterations = this._size / 2;\r\n      this._updateShadow();\r\n    }\r\n  }\r\n\r\n  private _updateFontSize(): void {\r\n    this._adapter.setFontSize(this._size);\r\n  }\r\n\r\n  private _updateShadow(): void {\r\n    if (this._shadow) {\r\n      this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);\r\n    }\r\n  }\r\n\r\n  private _render(): void {\r\n    if (!this._colorValue) {\r\n      return;\r\n    }\r\n\r\n    const iconColor = this._colorShade <= PRODUCT_ICON_CONSTANTS.numbers.ACCESSIBILITY_COLOR_THRESHOLD ? '#000000' : '#ffffff';\r\n    const shadowIncrement = this._colorShade + 300;\r\n\r\n    if (!COLOR_CONSTANTS[`${this._colorPalette}Palette`]) {\r\n      this._colorPalette = PRODUCT_ICON_CONSTANTS.strings.DEFAULT_COLOR_PALETTE;\r\n    }\r\n\r\n    this._backgroundColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][this._colorShade];\r\n    this._shadowColor = COLOR_CONSTANTS[`${this._colorPalette}Palette`][shadowIncrement];\r\n\r\n    this._adapter.setBackgroundColor(this._backgroundColor);\r\n    this._adapter.setIconColor(iconColor);\r\n    this._updateShadow();\r\n  }\r\n\r\n  public get color(): string {\r\n    return this._colorValue;\r\n  }\r\n  public set color(value: string) {\r\n    if (this._colorValue !== value) {\r\n      this._colorValue = value;\r\n      this._parseColor();\r\n      this._render();\r\n      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.COLOR, this._colorValue);\r\n    }\r\n  }\r\n\r\n  public get size(): number {\r\n    return this._size;\r\n  }\r\n  public set size(value: number) {\r\n    if (this._size !== value) {\r\n      this._size = value;\r\n      this._updateSize();\r\n      this._updateFontSize();\r\n      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SIZE, this._size.toString());\r\n    }\r\n  }\r\n\r\n  public get shadow(): boolean {\r\n    return this._shadow;\r\n  }\r\n  public set shadow(value: boolean) {\r\n    if (this._shadow !== value) {\r\n      this._shadow = value;\r\n      this._adapter.setTextShadow(this._shadow, this._iterations, this._shadowColor);\r\n      if (this._shadow) {\r\n        this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.SHADOW, '');\r\n      } else {\r\n        this._adapter.removeIconClass(PRODUCT_ICON_CONSTANTS.attributes.SHADOW);\r\n      }\r\n    }\r\n  }\r\n\r\n  public get iterations(): number {\r\n    return this._iterations;\r\n  }\r\n  public set iterations(value: number) {\r\n    if (this._iterations !== value) {\r\n      this._usingCustomIterations = true;\r\n      this._iterations = value;\r\n      this._updateShadow();\r\n      this._adapter.setHostAttribute(PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS, this._iterations.toString());\r\n    }\r\n  }\r\n}\r\n", "import { CustomElement, attachShadowTemplate, coerceNumber, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\r\nimport { ProductIconAdapter } from './product-icon-adapter';\r\nimport { ProductIconFoundation } from './product-icon-foundation';\r\nimport { PRODUCT_ICON_CONSTANTS } from './product-icon-constants';\r\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\r\n\r\nconst template = '<template><div class=\\\"forge-product-icon__background\\\" part=\\\"root\\\"><div class=\\\"forge-product-icon__container\\\" part=\\\"container\\\"><span class=\\\"forge-product-icon__icon\\\" part=\\\"icon-container\\\"><slot></slot></span><span class=\\\"forge-product-icon__text\\\" part=\\\"text-container\\\"><slot name=\\\"text\\\"></slot></span></div></div></template>';\r\nconst styles = '.forge-product-icon__background{border-radius:50%;border-radius:var(--forge-product-icon-border-radius,50%);height:64px;width:64px;overflow:hidden}.forge-product-icon__container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;height:100%;width:100%}.forge-product-icon__icon ::slotted(*),.forge-product-icon__text ::slotted(*){display:-webkit-box!important;display:flex!important;color:#fff!important;font-size:var(--forge-product-icon-font-size, 48px)!important}:host{display:inline-block}:host([hidden]){display:none}';\r\n\r\nexport interface IProductIconComponent extends IBaseComponent {\r\n  color: string;\r\n  size: number;\r\n  shadow: boolean;\r\n  iterations: number;\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    'forge-product-icon': IProductIconComponent;\r\n  }\r\n}\r\n\r\n/**\r\n * The web component class behind the `<forge-product-icon>` custom element.\r\n * \r\n * @tag forge-product-icon\r\n */\r\n@CustomElement({\r\n  name: PRODUCT_ICON_CONSTANTS.elementName\r\n})\r\nexport class ProductIconComponent extends BaseComponent implements IProductIconComponent {\r\n  public static get observedAttributes(): string[] {\r\n    return [\r\n      PRODUCT_ICON_CONSTANTS.attributes.COLOR,\r\n      PRODUCT_ICON_CONSTANTS.attributes.SIZE,\r\n      PRODUCT_ICON_CONSTANTS.attributes.SHADOW,\r\n      PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS\r\n    ];\r\n  }\r\n\r\n  private _foundation: ProductIconFoundation;\r\n\r\n  constructor() {\r\n    super();\r\n    attachShadowTemplate(this, template, styles);\r\n    this._foundation = new ProductIconFoundation(new ProductIconAdapter(this));\r\n  }\r\n\r\n  public connectedCallback(): void {\r\n    this._foundation.initialize();\r\n  }\r\n\r\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\r\n    switch (name) {\r\n      case PRODUCT_ICON_CONSTANTS.attributes.COLOR:\r\n        this.color = newValue;\r\n        break;\r\n      case PRODUCT_ICON_CONSTANTS.attributes.SIZE:\r\n        this.size = coerceNumber(newValue);\r\n        break;\r\n      case PRODUCT_ICON_CONSTANTS.attributes.SHADOW:\r\n        this.shadow = coerceBoolean(newValue);\r\n        break;\r\n      case PRODUCT_ICON_CONSTANTS.attributes.ITERATIONS:\r\n        this.iterations = coerceNumber(newValue);\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** The color of the container element from the material color palette. */\r\n  @FoundationProperty()\r\n  public declare color: string;\r\n\r\n  /** Controls the height and width of the container element. */\r\n  @FoundationProperty()\r\n  public declare size: number;\r\n\r\n  /** Controls the visibility of the text shadow. */\r\n  @FoundationProperty()\r\n  public declare shadow: boolean;\r\n\r\n  /** The number of iterations to apply the text shadow. */\r\n  @FoundationProperty()\r\n  public declare iterations: number;\r\n}\r\n", "import { defineCustomElement } from '@tylertech/forge-core';\r\n\r\nimport { ProductIconComponent } from './product-icon';\r\n\r\nexport * from './product-icon-adapter';\r\nexport * from './product-icon-constants';\r\nexport * from './product-icon-foundation';\r\nexport * from './product-icon';\r\n\r\nexport function defineProductIconComponent(): void {\r\n  defineCustomElement(ProductIconComponent);\r\n}\r\n"],
-  "mappings": "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",
+  "mappings": "0WAGA,IAAMA,EAA2C,GAAGC,gBAE9CC,EAAU,CACd,wBAAyB,iCACzB,aAAc,2BACd,aAAc,0BAChB,EAEMC,EAAY,CAChB,wBAAyB,IAAID,EAAQ,0BACrC,aAAc,IAAIA,EAAQ,eAC1B,aAAc,IAAIA,EAAQ,eAC1B,KAAM,MACR,EAEME,EAAa,CACjB,MAAO,QACP,KAAM,OACN,OAAQ,SACR,WAAY,YACd,EAEMC,EAAU,CACd,aAAc,GACd,mBAAoB,GACpB,8BAA+B,IAC/B,wBAAyB,IACzB,wBAAyB,EAC3B,EAEMC,EAAU,CACd,oBAAqB,aACrB,sBAAuB,SACvB,oBAAqB,IACrB,yBAA0BC,EAAgB,cAAc,GAAG,CAC7D,EAEaC,EAAyB,CACpC,YAAAR,EACA,WAAAI,EACA,QAAAF,EACA,UAAAC,EACA,QAAAE,EACA,QAAAC,CACF,ECjCO,IAAMG,EAAN,cAAiCC,CAAkE,CAKxG,YAAYC,EAAkC,CAC5C,MAAMA,CAAS,EACf,KAAK,mBAAqBC,EAAiBD,EAAWE,EAAuB,UAAU,uBAAuB,EAC9G,KAAK,aAAeD,EAAiBD,EAAWE,EAAuB,UAAU,YAAY,EAC7F,KAAK,aAAeD,EAAiBD,EAAWE,EAAuB,UAAU,YAAY,CAC/F,CAEO,mBAAmBC,EAAqB,CAC7C,KAAK,mBAAmB,MAAM,gBAAkBA,CAClD,CAEO,aAAaA,EAAqB,CACvC,KAAK,aAAa,MAAM,MAAQA,EAChC,KAAK,aAAa,MAAM,MAAQA,CAClC,CAEO,eAAeC,EAAqB,CACzC,KAAK,mBAAmB,MAAM,OAAS,GAAGA,MAC1C,KAAK,mBAAmB,MAAM,MAAQ,GAAGA,KAC3C,CAEO,YAAYA,EAAqB,CACtC,IAAMC,EAAeD,EAAQF,EAAuB,QAAQ,wBACtDI,EAAeF,EAAQF,EAAuB,QAAQ,wBAE5D,KAAK,aAAa,MAAM,YAAY,iCAAkC,GAAGI,KAAgB,EACzF,KAAK,aAAa,MAAM,YAAY,iCAAkC,GAAGD,KAAgB,EAEzF,KAAK,aAAa,MAAM,SAAW,uCAAuCC,OAC1E,KAAK,aAAa,MAAM,SAAW,uCAAuCD,MAC5E,CAEO,gBAAgBE,EAAkC,CACvDC,EAAYD,EAAS,KAAK,YAAY,EACtCC,EAAYD,EAAS,KAAK,YAAY,CACxC,CAEO,cAAcE,EAAoBC,EAAoBC,EAA2B,CACtF,GAAIF,EAAW,CACb,IAAMG,EAASC,EAAmBH,EAAYC,CAAW,EACzD,KAAK,aAAa,MAAM,WAAaC,EACrC,KAAK,aAAa,MAAM,WAAaA,OAErC,KAAK,aAAa,MAAM,eAAe,aAAa,EACpD,KAAK,aAAa,MAAM,eAAe,aAAa,CAExD,CACF,ECrDO,IAAME,EAAN,KAA8D,CAWnE,YAAoBC,EAA+B,CAA/B,cAAAA,EAVpB,KAAQ,YAAcC,EAAuB,QAAQ,oBACrD,KAAQ,cAAgBA,EAAuB,QAAQ,sBACvD,KAAQ,YAAcA,EAAuB,QAAQ,oBACrD,KAAQ,MAAQA,EAAuB,QAAQ,aAC/C,KAAQ,QAAU,GAClB,KAAQ,iBAAmBA,EAAuB,QAAQ,yBAE1D,KAAQ,YAAcA,EAAuB,QAAQ,mBACrD,KAAQ,uBAAyB,EAEmB,CAE7C,YAAmB,CACxB,KAAK,SAAS,eAAe,KAAK,KAAK,EACvC,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,QAAQ,CACf,CAEQ,aAAoB,CACtB,KAAK,YAAY,SAAS,GAAG,GAC/B,KAAK,cAAgB,KAAK,YAAY,MAAM,GAAG,EAAE,CAAC,EAClD,KAAK,YAAcC,EAAa,KAAK,YAAY,MAAM,GAAG,EAAE,CAAC,CAAC,IAE9D,KAAK,cAAgB,KAAK,YAC1B,KAAK,YAAcD,EAAuB,QAAQ,oBAEtD,CAEQ,aAAoB,CAC1B,KAAK,SAAS,eAAe,KAAK,KAAK,EAGlC,KAAK,yBACR,KAAK,YAAc,KAAK,MAAQ,EAChC,KAAK,cAAc,EAEvB,CAEQ,iBAAwB,CAC9B,KAAK,SAAS,YAAY,KAAK,KAAK,CACtC,CAEQ,eAAsB,CACxB,KAAK,SACP,KAAK,SAAS,cAAc,KAAK,QAAS,KAAK,YAAa,KAAK,YAAY,CAEjF,CAEQ,SAAgB,CACtB,GAAI,CAAC,KAAK,YACR,OAGF,IAAME,EAAY,KAAK,aAAeF,EAAuB,QAAQ,8BAAgC,UAAY,UAC3GG,EAAkB,KAAK,YAAc,IAEtCC,EAAgB,GAAG,KAAK,sBAAsB,IACjD,KAAK,cAAgBJ,EAAuB,QAAQ,uBAGtD,KAAK,iBAAmBI,EAAgB,GAAG,KAAK,sBAAsB,EAAE,KAAK,WAAW,EACxF,KAAK,aAAeA,EAAgB,GAAG,KAAK,sBAAsB,EAAED,CAAe,EAEnF,KAAK,SAAS,mBAAmB,KAAK,gBAAgB,EACtD,KAAK,SAAS,aAAaD,CAAS,EACpC,KAAK,cAAc,CACrB,CAEA,IAAW,OAAgB,CACzB,OAAO,KAAK,WACd,CACA,IAAW,MAAMG,EAAe,CAC1B,KAAK,cAAgBA,IACvB,KAAK,YAAcA,EACnB,KAAK,YAAY,EACjB,KAAK,QAAQ,EACb,KAAK,SAAS,iBAAiBL,EAAuB,WAAW,MAAO,KAAK,WAAW,EAE5F,CAEA,IAAW,MAAe,CACxB,OAAO,KAAK,KACd,CACA,IAAW,KAAKK,EAAe,CACzB,KAAK,QAAUA,IACjB,KAAK,MAAQA,EACb,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,SAAS,iBAAiBL,EAAuB,WAAW,KAAM,KAAK,MAAM,SAAS,CAAC,EAEhG,CAEA,IAAW,QAAkB,CAC3B,OAAO,KAAK,OACd,CACA,IAAW,OAAOK,EAAgB,CAC5B,KAAK,UAAYA,IACnB,KAAK,QAAUA,EACf,KAAK,SAAS,cAAc,KAAK,QAAS,KAAK,YAAa,KAAK,YAAY,EACzE,KAAK,QACP,KAAK,SAAS,iBAAiBL,EAAuB,WAAW,OAAQ,EAAE,EAE3E,KAAK,SAAS,gBAAgBA,EAAuB,WAAW,MAAM,EAG5E,CAEA,IAAW,YAAqB,CAC9B,OAAO,KAAK,WACd,CACA,IAAW,WAAWK,EAAe,CAC/B,KAAK,cAAgBA,IACvB,KAAK,uBAAyB,GAC9B,KAAK,YAAcA,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,iBAAiBL,EAAuB,WAAW,WAAY,KAAK,YAAY,SAAS,CAAC,EAE5G,CACF,EC/HA,IAAMM,EAAW,sUACXC,EAAS,slBAuBFC,EAAN,cAAmCC,CAA+C,CAYvF,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,CAAM,EAC3C,KAAK,YAAc,IAAII,EAAsB,IAAIC,EAAmB,IAAI,CAAC,CAC3E,CAfA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAuB,WAAW,MAClCA,EAAuB,WAAW,KAClCA,EAAuB,WAAW,OAClCA,EAAuB,WAAW,UACpC,CACF,CAUO,mBAA0B,CAC/B,KAAK,YAAY,WAAW,CAC9B,CAEO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKD,EAAuB,WAAW,MACrC,KAAK,MAAQG,EACb,MACF,KAAKH,EAAuB,WAAW,KACrC,KAAK,KAAOI,EAAaD,CAAQ,EACjC,MACF,KAAKH,EAAuB,WAAW,OACrC,KAAK,OAASK,EAAcF,CAAQ,EACpC,MACF,KAAKH,EAAuB,WAAW,WACrC,KAAK,WAAaI,EAAaD,CAAQ,EACvC,KACJ,CACF,CAiBF,EAbiBG,EAAA,CADdC,EAAmB,GAxCTZ,EAyCI,qBAIAW,EAAA,CADdC,EAAmB,GA5CTZ,EA6CI,oBAIAW,EAAA,CADdC,EAAmB,GAhDTZ,EAiDI,sBAIAW,EAAA,CADdC,EAAmB,GApDTZ,EAqDI,0BArDJA,EAANW,EAAA,CAHNE,EAAc,CACb,KAAMR,EAAuB,WAC/B,CAAC,GACYL,GCrBN,SAASc,IAAmC,CACjDC,EAAoBC,CAAoB,CAC1C",
   "names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "selectors", "attributes", "numbers", "strings", "COLOR_CONSTANTS", "PRODUCT_ICON_CONSTANTS", "ProductIconAdapter", "BaseAdapter", "component", "getShadowElement", "PRODUCT_ICON_CONSTANTS", "color", "value", "textFontSize", "iconFontSize", "classes", "removeClass", "hasShadow", "iterations", "shadowColor", "shadow", "generateTextShadow", "ProductIconFoundation", "_adapter", "PRODUCT_ICON_CONSTANTS", "coerceNumber", "iconColor", "shadowIncrement", "COLOR_CONSTANTS", "value", "template", "styles", "ProductIconComponent", "BaseComponent", "attachShadowTemplate", "ProductIconFoundation", "ProductIconAdapter", "PRODUCT_ICON_CONSTANTS", "name", "oldValue", "newValue", "coerceNumber", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "defineProductIconComponent", "defineCustomElement", "ProductIconComponent"]
 }

package/dist/esm/chunks/chunk.6GC5AJPE.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{a as r,b as B,c as g,f as V}from"./chunk.PEBT47AU.js";import{b as H}from"./chunk.MXEKIEJA.js";import{q as h,r as m,s as _,t as v}from"./chunk.FYWPZFLJ.js";import{d as N,l as R}from"./chunk.PH3HUFJJ.js";import{a as b}from"./chunk.NVUMRW44.js";import{a as O}from"./chunk.BKL2BAYW.js";import{a as C}from"./chunk.DXN7ZOH3.js";import{a as L,e as I,f as y,k as z}from"./chunk.MVTBJPO2.js";import{u as E}from"./chunk.K7FPXAFS.js";import{k as p,l as A}from"./chunk.J2M2MXP2.js";import{d}from"./chunk.M3QDAYD2.js";var w=class extends O{constructor(e){super(e);this._defaultSlotElement=y(this._component,r.selectors.DEFAULT_SLOT),this._container=y(this._component,r.selectors.CONTAINER),this._scrollContainer=y(this._component,r.selectors.SCROLL_CONTAINER)}initializeContainerSizeObserver(e){this._resizeObserver=new ResizeObserver(()=>e()),this._resizeObserver.observe(this._component)}initializeScrollObserver(e){this._scrollContainer.addEventListener("scroll",e,{passive:!0})}destroyContainerSizeObserver(){var e;(e=this._resizeObserver)==null||e.disconnect(),this._resizeObserver=void 0}destroyScrollObserver(e){this._scrollContainer.removeEventListener("scroll",e,{passive:!0})}setVertical(e){E(this._scrollContainer,!!e,"aria-orientation","vertical")}setScrollBackwardButtonListener(e){var o,i;(i=(o=this._backwardScrollButton)==null?void 0:o.querySelector("button"))==null||i.addEventListener("click",e)}setScrollForwardButtonListener(e){var o,i;(i=(o=this._forwardScrollButton)==null?void 0:o.querySelector("button"))==null||i.addEventListener("click",e)}addSlotListener(e){this._defaultSlotElement.addEventListener("slotchange",e)}getTabs(){return Array.from(this._component.querySelectorAll(g.elementName))}async tryScrollTabIntoView(e){if(await new Promise(requestAnimationFrame),!e.isConnected||!e.selected&&!e.matches(":focus"))return;let o=this._component.vertical,i=o?this._scrollContainer.offsetTop:this._scrollContainer.offsetLeft,a=o?e.offsetTop:e.offsetLeft,c=o?e.offsetHeight:e.offsetWidth,l=o?this._scrollContainer.scrollTop:this._scrollContainer.scrollLeft,n=o?this._scrollContainer.offsetHeight:this._scrollContainer.offsetWidth,u=a-(r.numbers.SCROLL_MARGIN+i),f=a+c-n+(r.numbers.SCROLL_MARGIN-i),k=Math.min(u,Math.max(f,l)),S=e.matches(":focus")?"smooth":"instant";this._scrollContainer.scrollTo({behavior:S,[o?"left":"top"]:0,[o?"top":"left"]:k})}getScrollState(){let{scrollHeight:e,scrollWidth:o,scrollLeft:i,scrollTop:a,clientHeight:c,clientWidth:l}=this._scrollContainer,n=this._component.vertical?c+a:l+i,u=this._component.vertical?e:o,f=n===u;return{isScrolledStart:(this._component.vertical?n-c:n-l)===0,isScrolledEnd:f}}isScrollable(){let{scrollHeight:e,scrollWidth:o,clientHeight:i,clientWidth:a}=this._scrollContainer;return this._component.vertical?e>i:o>a}setScrollButtons(e){var o,i;e?(this._backwardScrollButton=this._createScrollButton(this._component.vertical?v.name:m.name),this._container.insertAdjacentElement("afterbegin",this._backwardScrollButton),this._forwardScrollButton=this._createScrollButton(this._component.vertical?h.name:_.name),this._container.insertAdjacentElement("beforeend",this._forwardScrollButton)):((o=this._backwardScrollButton)==null||o.remove(),this._backwardScrollButton=void 0,(i=this._forwardScrollButton)==null||i.remove(),this._forwardScrollButton=void 0)}syncScrollButtons({backwardEnabled:e,forwardEnabled:o}){var c,l;let i=(c=this._backwardScrollButton)==null?void 0:c.querySelector("button"),a=(l=this._forwardScrollButton)==null?void 0:l.querySelector("button");if(i){let n=!e;n&&i.matches(":focus")&&(a==null||a.focus()),i.disabled=n}if(a){let n=!o;n&&a.matches(":focus")&&(i==null||i.focus()),a.disabled=n}}scroll(e){let o=this._component.vertical?this._scrollContainer.offsetHeight:this._scrollContainer.offsetWidth;this._scrollContainer.scrollBy({behavior:"smooth",[this._component.vertical?"top":"left"]:o*(e==="forward"?1:-1)})}updateScrollButtonIcons(e){var a,c;let o=(a=this._backwardScrollButton)==null?void 0:a.querySelector("forge-icon");o&&(o.name=e?v.name:m.name);let i=(c=this._forwardScrollButton)==null?void 0:c.querySelector("forge-icon");i&&(i.name=e?h.name:_.name)}_createScrollButton(e){let o=document.createElement("forge-icon-button");o.classList.add(r.classes.SCROLL_BUTTON);let i=document.createElement("button");i.type="button",i.tabIndex=-1,i.setAttribute("aria-hidden","true"),o.appendChild(i);let a=document.createElement("forge-icon");return a.name=e,i.appendChild(a),o}};var T=class{constructor(t){this._adapter=t;this._isInitialized=!1;this._disabled=!1;this._vertical=!1;this._clustered=!1;this._stacked=!1;this._secondary=!1;this._inverted=!1;this._autoActivate=!1;this._scrollButtons=!1;this._tabs=[];this._scrollButtonsVisible=!1;this._tabsChangedListener=()=>this._onTabsChanged(),this._tabSelectedListener=e=>this._onTabSelected(e),this._keydownListener=e=>this._onKeydown(e),this._resizeListener=()=>this._onResize(),this._scrollListener=()=>this._onScroll(),this._scrollBackwardButtonListener=()=>this._onScrollBackward(),this._scrollForwardButtonListener=()=>this._onScrollForward()}initialize(){this._adapter.addSlotListener(this._tabsChangedListener),this._adapter.addHostListener(g.events.SELECT,this._tabSelectedListener),this._adapter.addHostListener("keydown",this._keydownListener),this._adapter.setVertical(this._vertical),this._scrollButtons&&(this._adapter.initializeContainerSizeObserver(this._resizeListener),this._adapter.initializeScrollObserver(this._scrollListener),this._updateScrollState()),this._tryScrollActiveTabIntoView(),this._isInitialized=!0}destroy(){this._adapter.destroyContainerSizeObserver(),this._adapter.destroyScrollObserver(this._scrollListener),this._isInitialized=!1}async _onTabsChanged(){this._tabs=this._adapter.getTabs(),this._syncTabState(),this._tryScrollActiveTabIntoView()}_onTabSelected(t){this._selectTab(t.target)}async _onKeydown(t){var a,c;let e=this._vertical?"vertical":"horizontal";if(!(((a=B.get("default"))==null?void 0:a.has(t.key))||((c=B.get(e))==null?void 0:c.has(t.key))))return;t.preventDefault();let i=-1;if(t.key==="Home")i=this._tabs.findIndex(l=>!l.disabled);else if(t.key==="End")i=this._tabs.reduceRight((l,n,u)=>!n.disabled&&l===-1?u:l,-1);else{let l=this._tabs.findIndex(f=>f.matches(":focus")),n=t.key==="ArrowLeft"||t.key==="ArrowUp",u=f=>{var S;i=f+(n?-1:1),i=i<0?this._tabs.length-1:i%this._tabs.length,!this._tabs.every(D=>D.disabled)&&((S=this._tabs[i])!=null&&S.disabled)&&u(i)};u(l)}i!==-1&&(this._autoActivate?this._selectTab(this._tabs[i]):(this._tabs[i].focus({preventScroll:!0}),await this._adapter.tryScrollTabIntoView(this._tabs[i])))}async _selectTab(t,e=!0){if(!t||t.disabled)return;let o=this._tabs.find(i=>i.selected);if(o!==t){if(e){let i=this._tabs.indexOf(t);if(!this._adapter.emitHostEvent(r.events.CHANGE,i,!0,!0))return}t.selected=!0,t.focus({preventScroll:!0}),await this._adapter.tryScrollTabIntoView(t),o&&(o.selected=!1),this._activeTab=this._tabs.indexOf(t)}}_syncTabState(){this._tabs.forEach((t,e)=>{t.selected=e===this._activeTab,t.disabled=this._disabled,t.vertical=this._vertical,t.stacked=this._stacked,t.secondary=this._secondary,t.inverted=this._inverted})}_onResize(){this._detectScrollableStatus()}_onScroll(){this._updateScrollState()}_onScrollBackward(){this._adapter.scroll("backward")}_onScrollForward(){this._adapter.scroll("forward")}_detectScrollableStatus(){let t=this._adapter.isScrollable();this._scrollButtonsVisible!==t&&(this._adapter.setScrollButtons(t),t?(this._adapter.initializeScrollObserver(this._scrollListener),this._updateScrollState(),this._adapter.setScrollBackwardButtonListener(this._scrollBackwardButtonListener),this._adapter.setScrollForwardButtonListener(this._scrollForwardButtonListener)):this._adapter.destroyScrollObserver(this._scrollListener),this._scrollButtonsVisible=t)}_updateScrollState(){let{isScrolledEnd:t,isScrolledStart:e}=this._adapter.getScrollState(),o={backwardEnabled:!e,forwardEnabled:!t};this._adapter.syncScrollButtons(o)}_tryScrollActiveTabIntoView(){this._tabScrollAnimationFrame&&window.cancelAnimationFrame(this._tabScrollAnimationFrame),this._tabScrollAnimationFrame=window.requestAnimationFrame(()=>{this._tabScrollAnimationFrame=void 0,this._adapter.isScrollable()&&typeof this._activeTab=="number"&&this._activeTab>=0&&this._tabs[this._activeTab]&&this._adapter.tryScrollTabIntoView(this._tabs[this._activeTab])})}get disabled(){return this._disabled}set disabled(t){t=!!t,this._disabled!==t&&(this._disabled=t,this._tabs.forEach(e=>e.disabled=this._disabled),this._adapter.toggleHostAttribute(r.attributes.DISABLED,this._disabled))}get activeTab(){return this._activeTab}set activeTab(t){if(this._activeTab!==t)if(this._activeTab=t!=null?t:void 0,typeof this._activeTab=="number"){let e=this._tabs[this._activeTab];this._selectTab(e,!1),this._adapter.setHostAttribute(r.attributes.ACTIVE_TAB,String(this._activeTab))}else this._tabs.forEach(e=>e.selected=!1),this._adapter.removeHostAttribute(r.attributes.ACTIVE_TAB)}get vertical(){return this._vertical}set vertical(t){t=!!t,this._vertical!==t&&(this._vertical=t,this._isInitialized&&this._adapter.setVertical(this._vertical),this._tabs.forEach(e=>e.vertical=this._vertical),this._scrollButtonsVisible&&this._adapter.updateScrollButtonIcons(this._vertical),this._adapter.toggleHostAttribute(g.attributes.VERTICAL,this._vertical))}get clustered(){return this._clustered}set clustered(t){t=!!t,this._clustered!==t&&(this._clustered=t,this._adapter.toggleHostAttribute(r.attributes.CLUSTERED,this._clustered))}get stacked(){return this._stacked}set stacked(t){t=!!t,this._stacked!==t&&(this._stacked=t,this._tabs.forEach(e=>e.stacked=this._stacked),this._adapter.toggleHostAttribute(r.attributes.STACKED,this._stacked))}get secondary(){return this._secondary}set secondary(t){t=!!t,this._secondary!==t&&(this._secondary=t,this._tabs.forEach(e=>e.secondary=this._secondary),this._adapter.toggleHostAttribute(r.attributes.SECONDARY,this._secondary))}get inverted(){return this._inverted}set inverted(t){t=!!t,this._inverted!==t&&(this._inverted=t,this._tabs.forEach(e=>e.inverted=this._inverted),this._adapter.toggleHostAttribute(r.attributes.INVERTED,this._inverted))}get autoActivate(){return this._autoActivate}set autoActivate(t){t=!!t,this._autoActivate!==t&&(this._autoActivate=t,this._adapter.toggleHostAttribute(r.attributes.AUTO_ACTIVATE,this._autoActivate))}get scrollButtons(){return this._scrollButtons}set scrollButtons(t){t=!!t,this._scrollButtons!==t&&(this._scrollButtons=!!t,this._isInitialized&&(this._scrollButtons?(this._adapter.initializeContainerSizeObserver(this._resizeListener),this._adapter.initializeScrollObserver(this._scrollListener),this._detectScrollableStatus(),this._updateScrollState(),this._tryScrollActiveTabIntoView()):(this._adapter.destroyContainerSizeObserver(),this._adapter.destroyScrollObserver(this._scrollListener),this._adapter.setScrollButtons(this._scrollButtons),this._scrollButtonsVisible=!1)),this._adapter.setHostAttribute(r.attributes.SCROLL_BUTTONS,String(this._scrollButtons)))}};var F='<template><div class="container" part="container"><div role="tablist" class="scroll-container" part="scroll-container"><slot></slot></div></div></template>',K='.forge-icon-button{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;background-color:transparent;fill:currentColor;color:inherit;font-size:24px;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px;height:48px;padding:12px}.forge-icon-button forge-icon,.forge-icon-button img,.forge-icon-button svg{width:24px;height:24px}.forge-icon-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-icon-button:disabled{cursor:default;pointer-events:none}.forge-icon-button__icon{display:inline-block}.forge-icon-button__icon.forge-icon-button__icon--on{display:none}.forge-icon-button--on .forge-icon-button__icon{display:none}.forge-icon-button--on .forge-icon-button__icon.forge-icon-button__icon--on{display:inline-block}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-icon-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-icon-button::after,.forge-icon-button::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-icon-button::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-icon-button::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-icon-button.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-icon-button.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-icon-button.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-icon-button.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-icon-button::after,.forge-icon-button::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.forge-icon-button.mdc-ripple-upgraded::after,.forge-icon-button.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-icon-button::after,.forge-icon-button::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-icon-button.mdc-ripple-surface--hover::before,.forge-icon-button:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button.mdc-ripple-upgraded--background-focused::before,.forge-icon-button:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}forge-icon-button{position:relative;display:inline-block;overflow:visible}.forge-icon-button--on{color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-icon-button--on.mdc-ripple-surface--hover::before,.forge-icon-button--on:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-icon-button--on.mdc-ripple-upgraded--background-focused::before,.forge-icon-button--on:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-icon-button--on:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-icon-button--on:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-icon-button--on.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-icon-button--on::before{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);opacity:.08}.forge-icon-button--dense{width:28px;height:28px;padding:2px;padding:0}.forge-icon-button--dense-1{width:44px;height:44px;padding:10px}.forge-icon-button--dense-2{width:40px;height:40px;padding:8px}.forge-icon-button--dense-3{width:36px;height:36px;padding:6px}.forge-icon-button--dense-4{width:32px;height:32px;padding:4px}.forge-icon-button--dense-5{width:28px;height:28px;padding:2px}.forge-icon-button--dense-6{width:24px;height:24px;padding:0}.forge-icon-button--with-badge forge-badge{z-index:1;z-index:var(--forge-z-index-surface,1);pointer-events:none;--forge-badge-max-width:32px;--forge-badge-border:1px solid transparent}.forge-icon-button--with-badge forge-badge[app-bar-context]{--forge-badge-border:2px solid var(--forge-app-bar-theme-background)}:host{position:relative;display:block}:host([vertical]) .container{grid-template-columns:none;grid-template-rows:auto 1fr auto;-webkit-box-align:initial;align-items:initial;border-bottom:none;border-right:var(--_divider-thickness) solid var(--_divider-color);height:100%}:host([vertical]) .scroll-container{display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:stretch;align-items:stretch;gap:0;grid-column:auto;grid-row:2}:host([vertical]) .scroll-button{justify-self:center}:host([inverted]:not([vertical])) .container{border-bottom:none;border-top:var(--_divider-thickness) solid var(--_divider-color)}:host([inverted][vertical]) .container{border-right:none;border-left:var(--_divider-thickness) solid var(--_divider-color)}:host([clustered]){--forge-tab-bar-justify:flex-start;--forge-tab-bar-stretch:0}:host([clustered=start]){--forge-tab-bar-justify:flex-start}:host([clustered=center]){--forge-tab-bar-justify:center}:host([clustered=end]){--forge-tab-bar-justify:flex-end}:host([hidden]){display:none}.container{--_container-justify:var(--forge-tab-bar-justify, space-between);--_tab-flex:var(--forge-tab-bar-stretch, 1);--_divider-color:var(--forge-tab-bar-divider-color, var(--forge-theme-border-color, #e0e0e0));--_divider-thickness:var(--forge-tab-bar-divider-thickness, 1px);position:relative;display:grid;grid-template-columns:auto 1fr auto;max-width:100%;max-height:100%;-webkit-box-align:center;align-items:center;border-bottom:var(--_divider-thickness) solid var(--_divider-color)}.scroll-container{position:relative;display:-webkit-box;display:flex;-webkit-box-pack:var(--_container-justify);justify-content:var(--_container-justify);-webkit-box-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;scroll-behavior:smooth;scrollbar-width:none;grid-column:2}.scroll-container::-webkit-scrollbar{display:none}::slotted(*){-webkit-box-flex:var(--_tab-flex);flex:var(--_tab-flex)}::slotted([selected]){z-index:1}',s=class extends z{constructor(){super();N.define([m,_,v,h]),I(this,F,K),this._foundation=new T(new w(this))}static get observedAttributes(){return[r.attributes.DISABLED,r.attributes.ACTIVE_TAB,r.attributes.VERTICAL,r.attributes.CLUSTERED,r.attributes.STACKED,r.attributes.SECONDARY,r.attributes.INVERTED,r.attributes.AUTO_ACTIVATE,r.attributes.SCROLL_BUTTONS]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(e,o,i){switch(e){case r.attributes.DISABLED:this.disabled=p(i);break;case r.attributes.ACTIVE_TAB:this.activeTab=i?A(i):void 0;break;case r.attributes.VERTICAL:this.vertical=p(i);break;case r.attributes.CLUSTERED:this.clustered=p(i);break;case r.attributes.STACKED:this.stacked=p(i);break;case r.attributes.SECONDARY:this.secondary=p(i);break;case r.attributes.INVERTED:this.inverted=p(i);break;case r.attributes.AUTO_ACTIVATE:this.autoActivate=p(i);break;case r.attributes.SCROLL_BUTTONS:this.scrollButtons=p(i);break}}};d([b()],s.prototype,"disabled",2),d([b()],s.prototype,"activeTab",2),d([b()],s.prototype,"vertical",2),d([b()],s.prototype,"clustered",2),d([b()],s.prototype,"stacked",2),d([b()],s.prototype,"secondary",2),d([b()],s.prototype,"inverted",2),d([b()],s.prototype,"autoActivate",2),d([b()],s.prototype,"scrollButtons",2),s=d([C({name:r.elementName,dependencies:[V,H,R]})],s);function bt(){L(s)}export{w as a,T as b,s as c,bt as d};
+//# sourceMappingURL=chunk.6GC5AJPE.js.map