@tylertech/forge 2.13.1 → 2.14.0-dev.0

package/dist/esm/chunks/{chunk.5K5SIZRX.js.map → chunk.PHJPLWFH.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/button-toggle/button-toggle-group/button-toggle-group-constants.ts", "../../src/button-toggle/button-toggle-group/button-toggle-group-adapter.ts", "../../src/button-toggle/button-toggle-group/button-toggle-group-foundation.ts", "../../src/button-toggle/button-toggle-group/button-toggle-group.ts", "../../src/button-toggle/button-toggle-group/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}button-toggle-group`;\n\nconst attributes = {\n  VALUE: 'value',\n  MULTIPLE: 'multiple',\n  MANDATORY: 'mandatory',\n  VERTICAL: 'vertical',\n  STRETCH: 'stretch',\n  DISABLED: 'disabled',\n  DENSE: 'dense'\n};\n\nconst classes = {\n  VERTICAL: 'forge-button-toggle-group--vertical',\n  STRETCH: 'forge-button-toggle-group--stretch'\n};\n\nconst selectors = {\n  ROOT: '.forge-button-toggle-group'\n};\n\nconst events = {\n  CHANGE: `${elementName}-change`\n};\n\nexport const BUTTON_TOGGLE_GROUP_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  selectors,\n  events\n};\n\nexport type IButtonToggleGroupChangeEventData<T = any> = T;\n\nexport interface IButtonToggleOption {\n  label?: string;\n  icon?: string;\n  value: any;\n  leadingIcon?: string;\n  trailingIcon?: string;\n}\n", "import { getShadowElement, removeAllChildren } from '@tylertech/forge-core';\nimport { ICON_CLASS_NAME } from '../../constants';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IButtonToggleComponent } from '../button-toggle/button-toggle';\nimport { BUTTON_TOGGLE_CONSTANTS } from '../button-toggle/button-toggle-constants';\nimport { IButtonToggleGroupComponent } from './button-toggle-group';\nimport { BUTTON_TOGGLE_GROUP_CONSTANTS, IButtonToggleOption } from './button-toggle-group-constants';\n\nexport interface IButtonToggleGroupAdapter extends IBaseAdapter {\n  addListener(type: string, listener: (evt: Event) => void): void;\n  removeListener(type: string, listener: (evt: Event) => void): void;\n  addSlotChangeListener(listener: (evt: Event) => void): void;\n  removeSlotChangeListener(listener: (evt: Event) => void): void;\n  deselect(selectedToggle: IButtonToggleComponent): void;\n  applyAdjacentSelections(isVertical: boolean): void;\n  setVertical(isVertical: boolean): void;\n  setStretch(value: boolean): void;\n  setDense(value: boolean): void;\n  setDisabled(value: boolean): void;\n  getSelectedValues(): any[];\n  applyValues(values: any[]): void;\n  createOptions(options: IButtonToggleOption[]): void;\n}\n\nexport class ButtonToggleGroupAdapter extends BaseAdapter<IButtonToggleGroupComponent> implements IButtonToggleGroupAdapter {\n  private _rootElement: HTMLElement;\n  private _slotElement: HTMLSlotElement;\n\n  constructor(component: IButtonToggleGroupComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, BUTTON_TOGGLE_GROUP_CONSTANTS.selectors.ROOT);\n    this._slotElement = this._rootElement.querySelector('slot') as HTMLSlotElement;\n  }\n\n  public addListener(type: string, listener: (evt: Event) => void): void {\n    this._rootElement.addEventListener(type, listener);\n  }\n\n  public removeListener(type: string, listener: (evt: Event) => void): void {\n    this._rootElement.removeEventListener(type, listener);\n  }\n\n  public addSlotChangeListener(listener: EventListener): void {\n    this._slotElement.addEventListener('slotchange', listener);\n  }\n  public removeSlotChangeListener(listener: EventListener): void {\n    this._slotElement.addEventListener('slotchange', listener);\n  }\n\n  public deselect(selectedToggle: IButtonToggleComponent): void {\n    const toggles = this._getButtonToggleElements();\n    toggles.filter(t => t !== selectedToggle).forEach(t => t.selected = false);\n  }\n\n  public applyAdjacentSelections(isVertical: boolean): void {\n    const toggles = this._getButtonToggleElements();\n    for (let i = toggles.length - 1; i > 0; i--) {\n      toggles[i].removeAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED_ADJACENT);\n      toggles[i].removeAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED_ADJACENT_VERTICAL);\n      if (toggles[i].selected && toggles[i - 1].selected) {\n        const attr = isVertical ? BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED_ADJACENT_VERTICAL : BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED_ADJACENT;\n        toggles[i].setAttribute(attr, '');\n      }\n    }\n  }\n\n  public setVertical(isVertical: boolean): void {\n    if (isVertical) {\n      this._rootElement.classList.add(BUTTON_TOGGLE_GROUP_CONSTANTS.classes.VERTICAL);\n    } else {\n      this._rootElement.classList.remove(BUTTON_TOGGLE_GROUP_CONSTANTS.classes.VERTICAL);\n    }\n  }\n\n  public setStretch(value: boolean): void {\n    if (value) {\n      this._rootElement.classList.add(BUTTON_TOGGLE_GROUP_CONSTANTS.classes.STRETCH);\n    } else {\n      this._rootElement.classList.remove(BUTTON_TOGGLE_GROUP_CONSTANTS.classes.STRETCH);\n    }\n\n    const toggles = this._getButtonToggleElements();\n    toggles.forEach(toggle => {\n      if (value) {\n        toggle.setAttribute('stretch', '');\n      } else {\n        toggle.removeAttribute('stretch');\n      }\n    });\n  }\n\n  public setDense(value: boolean): void {\n    const toggles = this._getButtonToggleElements();\n    toggles.forEach(t => t.dense = value);\n  }\n\n  public setDisabled(value: boolean): void {\n    const toggles = this._getButtonToggleElements();\n    toggles.forEach(t => t.disabled = value);\n  }\n\n  public getSelectedValues(): any[] {\n    const toggles = this._getButtonToggleElements();\n    return toggles.filter(t => t.selected).map(t => t.value);\n  }\n\n  public applyValues(values: any[]): void {\n    const toggles = this._getButtonToggleElements();\n    toggles.forEach(t => t.selected = values.indexOf(t.value) >= 0);\n  }\n\n  public createOptions(options: IButtonToggleOption[]): void {\n    removeAllChildren(this._component);\n    options.forEach(o => {\n      this._component.appendChild(this._createButtonToggle(o));\n    });\n  }\n\n  private _createButtonToggle(option: IButtonToggleOption): IButtonToggleComponent {\n    const buttonToggle = document.createElement(BUTTON_TOGGLE_CONSTANTS.elementName) as IButtonToggleComponent;\n    buttonToggle.value = option.value;\n\n    if (option.label) {\n      buttonToggle.textContent = option.label;\n    } else if (option.icon) {\n      const icon = document.createElement('i');\n      icon.textContent = option.icon;\n      icon.classList.add(ICON_CLASS_NAME);\n      icon.setAttribute('aria-hidden', 'true');\n      buttonToggle.appendChild(icon);\n    }\n\n    if (option.leadingIcon) {\n      const leadingIcon = document.createElement('i');\n      leadingIcon.slot = 'leading';\n      leadingIcon.textContent = option.leadingIcon;\n      leadingIcon.classList.add(ICON_CLASS_NAME);\n      leadingIcon.setAttribute('aria-hidden', 'true');\n      buttonToggle.appendChild(leadingIcon);\n    }\n\n    if (option.trailingIcon) {\n      const trailingIcon = document.createElement('i');\n      trailingIcon.slot = 'trailing';\n      trailingIcon.textContent = option.trailingIcon;\n      trailingIcon.classList.add(ICON_CLASS_NAME);\n      trailingIcon.setAttribute('aria-hidden', 'true');\n      buttonToggle.appendChild(trailingIcon);\n    }\n\n    return buttonToggle;\n  }\n\n  private _getButtonToggleElements(): IButtonToggleComponent[] {\n    return Array.from(this._component.querySelectorAll(BUTTON_TOGGLE_CONSTANTS.elementName));\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IButtonToggleComponent } from '../button-toggle/button-toggle';\nimport { BUTTON_TOGGLE_CONSTANTS, IButtonToggleSelectEventData } from '../button-toggle/button-toggle-constants';\nimport { IButtonToggleGroupAdapter } from './button-toggle-group-adapter';\nimport { BUTTON_TOGGLE_GROUP_CONSTANTS, IButtonToggleOption } from './button-toggle-group-constants';\n\nexport interface IButtonToggleGroupFoundation extends ICustomElementFoundation {\n  value: any;\n  multiple: boolean;\n  stretch: boolean;\n  mandatory: boolean;\n  vertical: boolean;\n  dense: boolean;\n  disabled: boolean;\n  options: IButtonToggleOption[];\n}\n\nexport class ButtonToggleGroupFoundation implements IButtonToggleGroupFoundation {\n  private _isInitialized = false;\n  private _multiple = false;\n  private _mandatory = false;\n  private _vertical = false;\n  private _stretch = false;\n  private _dense = false;\n  private _disabled = false;\n  private _options: IButtonToggleOption[] = [];\n  private _values: any[] = [];\n  private _originalValue: any;\n  private _selectListener: (evt: CustomEvent<IButtonToggleSelectEventData>) => void;\n  private _slotListener: () => void;\n\n  constructor(private _adapter: IButtonToggleGroupAdapter) {\n    this._selectListener = evt => this._onSelect(evt);\n    this._slotListener = () => this._synchronize();\n  }\n\n  public initialize(): void {\n    if (this._options && this._options.length) {\n      this._applyOptions(false);\n    }\n\n    this._adapter.addListener(BUTTON_TOGGLE_CONSTANTS.events.SELECT, this._selectListener);\n    this._adapter.addSlotChangeListener(this._slotListener);\n    this._adapter.setVertical(this._vertical);\n    this._adapter.setStretch(this._stretch);\n    this._adapter.setDense(this._dense);\n    this._adapter.setDisabled(this._disabled);\n    this._adapter.applyAdjacentSelections(this._vertical);\n    this._isInitialized = true;\n  }\n\n  public disconnect(): void {\n    this._isInitialized = false;\n    this._adapter.removeListener(BUTTON_TOGGLE_CONSTANTS.events.SELECT, this._selectListener);\n    this._adapter.removeSlotChangeListener(this._slotListener);\n  }\n\n  private _synchronize(): void {\n    if (!this._multiple) {\n      const selectedValues = this._adapter.getSelectedValues().concat(this._values);\n      this.value = selectedValues.length ? selectedValues[selectedValues.length - 1] : null;\n    } else {\n      const selectedValues = new Set(this._adapter.getSelectedValues().concat(this._values));\n      this._applyValue(Array.from(selectedValues));\n    }\n  }\n\n  private _onSelect(evt: CustomEvent<IButtonToggleSelectEventData>): void {\n    const target = evt.target as IButtonToggleComponent;\n\n    // When in mandatory mode we need to ensure at least one element is selected. If there are no selections\n    // then we need to reselect the target toggle because it was deselected\n    if (this._mandatory) {\n      const values = this._adapter.getSelectedValues();\n      if (!values.length) {\n        target.selected = true;\n        return;\n      }\n    }\n\n    // When not in multiple mode, we deselect all toggles, except for the one that was just changed\n    if (!this._multiple) {\n      this._adapter.deselect(target);\n    }\n\n    this._adapter.applyAdjacentSelections(this._vertical);\n    this._adapter.emitHostEvent(BUTTON_TOGGLE_GROUP_CONSTANTS.events.CHANGE, this._getValue());\n  }\n\n  private _getValue(): any {\n    const selections = this._adapter.getSelectedValues();\n    return this._multiple ? Array.from(new Set(selections)) : selections.slice(0, 1)[0] ?? null;\n  }\n\n  private _applyValue(value: any): void {\n    let values = value instanceof Array ? value : [value];\n    if (!this._multiple && values.length > 1) {\n      values = values[0];\n    }\n    this._values = values;\n    this._adapter.applyValues(values);\n    if (this._multiple) {\n      this._adapter.applyAdjacentSelections(this._vertical);\n    }\n  }\n\n  private _applyOptions(init = true): void {\n    if (this._options) {\n      this._adapter.createOptions(this._options);\n\n      if (init) {\n        this._adapter.setStretch(this._stretch);\n        this._adapter.setDense(this._dense);\n        this._adapter.setDisabled(this._disabled);\n        this._adapter.applyAdjacentSelections(this._vertical);\n      }\n    }\n  }\n\n  public get value(): any {\n    if (!this._isInitialized) {\n      return this._originalValue;\n    }\n    return this._getValue();\n  }\n  public set value(value: any) {\n    this._originalValue = value;\n    this._applyValue(value);\n  }\n\n  public get multiple(): boolean {\n    return this._multiple;\n  }\n  public set multiple(value: boolean) {\n    if (this._multiple !== value) {\n      this._multiple = value;\n      this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MULTIPLE, this._multiple as any);\n    }\n  }\n\n  public get mandatory(): boolean {\n    return this._mandatory;\n  }\n  public set mandatory(value: boolean) {\n    if (this._mandatory !== value) {\n      this._mandatory = value;\n      if (this._mandatory) {\n        this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MANDATORY);\n      } else {\n        this._adapter.removeHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MANDATORY);\n      }\n    }\n  }\n\n  public get vertical(): boolean {\n    return this._vertical;\n  }\n  public set vertical(value: boolean) {\n    if (this._vertical !== value) {\n      this._vertical = value;\n      this._adapter.setVertical(this._vertical);\n      this._adapter.applyAdjacentSelections(this._vertical);\n      if (this._vertical) {\n        this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VERTICAL);\n      } else {\n        this._adapter.removeHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VERTICAL);\n      }\n    }\n  }\n\n  public get stretch(): boolean {\n    return this._stretch;\n  }\n  public set stretch(value: boolean) {\n    if (this._stretch !== value) {\n      this._stretch = value;\n      this._adapter.setStretch(this._stretch);\n      if (this._stretch) {\n        this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.STRETCH);\n      } else {\n        this._adapter.removeHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.STRETCH);\n      }\n    }\n  }\n\n  public get dense(): boolean {\n    return this._dense;\n  }\n  public set dense(value: boolean) {\n    if (this._dense !== value) {\n      this._dense = value;\n      this._adapter.setDense(this._dense);\n      if (this._dense) {\n        this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DENSE);\n      } else {\n        this._adapter.removeHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DENSE);\n      }\n    }\n  }\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._adapter.setDisabled(this._disabled);\n      if (this._disabled) {\n        this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DISABLED);\n      } else {\n        this._adapter.removeHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DISABLED);\n      }\n    }\n  }\n\n  public get options(): IButtonToggleOption[] {\n    return this._options.map(o => ({ ...o }));\n  }\n  public set options(value: IButtonToggleOption[]) {\n    this._options = value.map(o => ({ ...o }));\n    if (this._isInitialized) {\n      this._applyOptions();\n    }\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ButtonToggleComponent } from '../button-toggle/button-toggle';\nimport { ButtonToggleGroupAdapter } from './button-toggle-group-adapter';\nimport { BUTTON_TOGGLE_GROUP_CONSTANTS, IButtonToggleGroupChangeEventData, IButtonToggleOption } from './button-toggle-group-constants';\nimport { ButtonToggleGroupFoundation } from './button-toggle-group-foundation';\n\nconst template = '<template><div class=\\\"forge-button-toggle-group\\\" role=\\\"group\\\" aria-label=\\\"Button group\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-button-toggle-group{display:-webkit-box;display:flex}.forge-button-toggle-group ::slotted(:not(:last-child)){--forge-button-toggle-border-right-width:0;--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-right-radius:0}.forge-button-toggle-group ::slotted(:first-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-bottom-left-radius:4px}.forge-button-toggle-group ::slotted(:last-child){--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-button-toggle-group--vertical ::slotted(:not(:last-child)){--forge-button-toggle-border-right-width:1px;--forge-button-toggle-border-bottom-width:0;--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-right-radius:0}.forge-button-toggle-group--vertical ::slotted(:first-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-top-right-radius:4px}.forge-button-toggle-group--vertical ::slotted(:last-child){--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-left-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group ::slotted(:only-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-bottom-left-radius:4px;--forge-button-toggle-border-top-right-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group--stretch{width:100%}:host{display:block}:host([hidden]){display:none}';\n\nexport interface IButtonToggleGroupComponent extends IBaseComponent {\n  value: any;\n  multiple: boolean;\n  stretch: boolean;\n  mandatory: boolean;\n  vertical: boolean;\n  disabled: boolean;\n  dense: boolean;\n  options: IButtonToggleOption[];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-button-toggle-group': IButtonToggleGroupComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-button-toggle-group-change': CustomEvent<IButtonToggleGroupChangeEventData>;\n  }\n}\n\n/**\n * The web component class behind the `<forge-button-toggle-group>` custom element.\n * \n * @tag forge-button-toggle-group\n */\n@CustomElement({\n  name: BUTTON_TOGGLE_GROUP_CONSTANTS.elementName,\n  dependencies: [ButtonToggleComponent]\n})\nexport class ButtonToggleGroupComponent extends BaseComponent implements IButtonToggleGroupComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VALUE,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MULTIPLE,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MANDATORY,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VERTICAL,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.STRETCH,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DISABLED,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DENSE\n    ];\n  }\n\n  private _foundation: ButtonToggleGroupFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ButtonToggleGroupFoundation(new ButtonToggleGroupAdapter(this));\n  }\n\n  public initializedCallback(): 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 BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VALUE:\n        this.value = newValue;\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MULTIPLE:\n        this.multiple = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MANDATORY:\n        this.mandatory = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VERTICAL:\n        this.vertical = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.STRETCH:\n        this.stretch = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DENSE:\n        this.dense = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public value: any;\n\n  @FoundationProperty()\n  public multiple: boolean;\n\n  @FoundationProperty()\n  public mandatory: boolean;\n\n  @FoundationProperty()\n  public vertical: boolean;\n\n  @FoundationProperty()\n  public stretch: boolean;\n\n  @FoundationProperty()\n  public dense: boolean;\n\n  @FoundationProperty()\n  public disabled: boolean;\n\n  @FoundationProperty()\n  public options: IButtonToggleOption[];\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ButtonToggleGroupComponent } from './button-toggle-group';\n\nexport * from './button-toggle-group-adapter';\nexport * from './button-toggle-group-constants';\nexport * from './button-toggle-group-foundation';\nexport * from './button-toggle-group';\n\nexport function defineButtonToggleGroupComponent(): void {\n  defineCustomElement(ButtonToggleGroupComponent);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}button-toggle-group`;\n\nconst attributes = {\n  VALUE: 'value',\n  MULTIPLE: 'multiple',\n  MANDATORY: 'mandatory',\n  VERTICAL: 'vertical',\n  STRETCH: 'stretch',\n  DISABLED: 'disabled',\n  DENSE: 'dense'\n};\n\nconst classes = {\n  VERTICAL: 'forge-button-toggle-group--vertical',\n  STRETCH: 'forge-button-toggle-group--stretch'\n};\n\nconst selectors = {\n  ROOT: '.forge-button-toggle-group'\n};\n\nconst events = {\n  CHANGE: `${elementName}-change`\n};\n\nexport const BUTTON_TOGGLE_GROUP_CONSTANTS = {\n  elementName,\n  attributes,\n  classes,\n  selectors,\n  events\n};\n\nexport type IButtonToggleGroupChangeEventData<T = any> = T;\nexport type ButtonToggleIconType = 'font' | 'component';\n\nexport interface IButtonToggleOption {\n  label?: string;\n  icon?: string;\n  value: any;\n  leadingIcon?: string;\n  leadingIconType?: ButtonToggleIconType;\n  trailingIcon?: string;\n  trailingIconType?: ButtonToggleIconType;\n}\n", "import { getShadowElement, removeAllChildren } from '@tylertech/forge-core';\nimport { ICON_CLASS_NAME } from '../../constants';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { IButtonToggleComponent } from '../button-toggle/button-toggle';\nimport { BUTTON_TOGGLE_CONSTANTS } from '../button-toggle/button-toggle-constants';\nimport { IButtonToggleGroupComponent } from './button-toggle-group';\nimport { BUTTON_TOGGLE_GROUP_CONSTANTS, IButtonToggleOption } from './button-toggle-group-constants';\n\nexport interface IButtonToggleGroupAdapter extends IBaseAdapter {\n  addListener(type: string, listener: (evt: Event) => void): void;\n  removeListener(type: string, listener: (evt: Event) => void): void;\n  addSlotChangeListener(listener: (evt: Event) => void): void;\n  removeSlotChangeListener(listener: (evt: Event) => void): void;\n  deselect(selectedToggle: IButtonToggleComponent): void;\n  applyAdjacentSelections(isVertical: boolean): void;\n  setVertical(isVertical: boolean): void;\n  setStretch(value: boolean): void;\n  setDense(value: boolean): void;\n  setDisabled(value: boolean): void;\n  getSelectedValues(): any[];\n  applyValues(values: any[]): void;\n  createOptions(options: IButtonToggleOption[]): void;\n}\n\nexport class ButtonToggleGroupAdapter extends BaseAdapter<IButtonToggleGroupComponent> implements IButtonToggleGroupAdapter {\n  private _rootElement: HTMLElement;\n  private _slotElement: HTMLSlotElement;\n\n  constructor(component: IButtonToggleGroupComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, BUTTON_TOGGLE_GROUP_CONSTANTS.selectors.ROOT);\n    this._slotElement = this._rootElement.querySelector('slot') as HTMLSlotElement;\n  }\n\n  public addListener(type: string, listener: (evt: Event) => void): void {\n    this._rootElement.addEventListener(type, listener);\n  }\n\n  public removeListener(type: string, listener: (evt: Event) => void): void {\n    this._rootElement.removeEventListener(type, listener);\n  }\n\n  public addSlotChangeListener(listener: EventListener): void {\n    this._slotElement.addEventListener('slotchange', listener);\n  }\n  public removeSlotChangeListener(listener: EventListener): void {\n    this._slotElement.addEventListener('slotchange', listener);\n  }\n\n  public deselect(selectedToggle: IButtonToggleComponent): void {\n    const toggles = this._getButtonToggleElements();\n    toggles.filter(t => t !== selectedToggle).forEach(t => t.selected = false);\n  }\n\n  public applyAdjacentSelections(isVertical: boolean): void {\n    const toggles = this._getButtonToggleElements();\n    for (let i = toggles.length - 1; i > 0; i--) {\n      toggles[i].removeAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED_ADJACENT);\n      toggles[i].removeAttribute(BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED_ADJACENT_VERTICAL);\n      if (toggles[i].selected && toggles[i - 1].selected) {\n        const attr = isVertical ? BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED_ADJACENT_VERTICAL : BUTTON_TOGGLE_CONSTANTS.attributes.SELECTED_ADJACENT;\n        toggles[i].setAttribute(attr, '');\n      }\n    }\n  }\n\n  public setVertical(isVertical: boolean): void {\n    if (isVertical) {\n      this._rootElement.classList.add(BUTTON_TOGGLE_GROUP_CONSTANTS.classes.VERTICAL);\n    } else {\n      this._rootElement.classList.remove(BUTTON_TOGGLE_GROUP_CONSTANTS.classes.VERTICAL);\n    }\n  }\n\n  public setStretch(value: boolean): void {\n    if (value) {\n      this._rootElement.classList.add(BUTTON_TOGGLE_GROUP_CONSTANTS.classes.STRETCH);\n    } else {\n      this._rootElement.classList.remove(BUTTON_TOGGLE_GROUP_CONSTANTS.classes.STRETCH);\n    }\n\n    const toggles = this._getButtonToggleElements();\n    toggles.forEach(toggle => {\n      if (value) {\n        toggle.setAttribute('stretch', '');\n      } else {\n        toggle.removeAttribute('stretch');\n      }\n    });\n  }\n\n  public setDense(value: boolean): void {\n    const toggles = this._getButtonToggleElements();\n    toggles.forEach(t => t.dense = value);\n  }\n\n  public setDisabled(value: boolean): void {\n    const toggles = this._getButtonToggleElements();\n    toggles.forEach(t => t.disabled = value);\n  }\n\n  public getSelectedValues(): any[] {\n    const toggles = this._getButtonToggleElements();\n    return toggles.filter(t => t.selected).map(t => t.value);\n  }\n\n  public applyValues(values: any[]): void {\n    const toggles = this._getButtonToggleElements();\n    toggles.forEach(t => t.selected = values.indexOf(t.value) >= 0);\n  }\n\n  public createOptions(options: IButtonToggleOption[]): void {\n    removeAllChildren(this._component);\n    options.forEach(o => {\n      this._component.appendChild(this._createButtonToggle(o));\n    });\n  }\n\n  private _createButtonToggle(option: IButtonToggleOption): IButtonToggleComponent {\n    const buttonToggle = document.createElement(BUTTON_TOGGLE_CONSTANTS.elementName) as IButtonToggleComponent;\n    buttonToggle.value = option.value;\n\n    if (option.label) {\n      buttonToggle.textContent = option.label;\n    } else if (option.icon) {\n      const icon = document.createElement('i');\n      icon.textContent = option.icon;\n      icon.classList.add(ICON_CLASS_NAME);\n      icon.setAttribute('aria-hidden', 'true');\n      buttonToggle.appendChild(icon);\n    }\n\n    if (option.leadingIcon) {\n      let leadingIcon;\n      if (option.leadingIconType === 'component') {\n        leadingIcon = document.createElement('forge-icon');\n        leadingIcon.name = option.leadingIcon;\n      } else {\n        leadingIcon = document.createElement('i');\n        leadingIcon.textContent = option.leadingIcon;\n        leadingIcon.classList.add(ICON_CLASS_NAME);\n        leadingIcon.setAttribute('aria-hidden', 'true');\n      }\n      leadingIcon.slot = 'leading';\n      buttonToggle.appendChild(leadingIcon);\n    }\n\n    if (option.trailingIcon) {\n      let trailingIcon;\n      if (option.trailingIconType === 'component') {\n        trailingIcon = document.createElement('forge-icon');\n        trailingIcon.name = option.trailingIcon;\n      } else {\n        trailingIcon = document.createElement('i');\n        trailingIcon.textContent = option.trailingIcon;\n        trailingIcon.classList.add(ICON_CLASS_NAME);\n        trailingIcon.setAttribute('aria-hidden', 'true');\n      }\n      trailingIcon.slot = 'trailing';\n      buttonToggle.appendChild(trailingIcon);\n    }\n\n    return buttonToggle;\n  }\n\n  private _getButtonToggleElements(): IButtonToggleComponent[] {\n    return Array.from(this._component.querySelectorAll(BUTTON_TOGGLE_CONSTANTS.elementName));\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { IButtonToggleComponent } from '../button-toggle/button-toggle';\nimport { BUTTON_TOGGLE_CONSTANTS, IButtonToggleSelectEventData } from '../button-toggle/button-toggle-constants';\nimport { IButtonToggleGroupAdapter } from './button-toggle-group-adapter';\nimport { BUTTON_TOGGLE_GROUP_CONSTANTS, IButtonToggleOption } from './button-toggle-group-constants';\n\nexport interface IButtonToggleGroupFoundation extends ICustomElementFoundation {\n  value: any;\n  multiple: boolean;\n  stretch: boolean;\n  mandatory: boolean;\n  vertical: boolean;\n  dense: boolean;\n  disabled: boolean;\n  options: IButtonToggleOption[];\n}\n\nexport class ButtonToggleGroupFoundation implements IButtonToggleGroupFoundation {\n  private _isInitialized = false;\n  private _multiple = false;\n  private _mandatory = false;\n  private _vertical = false;\n  private _stretch = false;\n  private _dense = false;\n  private _disabled = false;\n  private _options: IButtonToggleOption[] = [];\n  private _values: any[] = [];\n  private _originalValue: any;\n  private _selectListener: (evt: CustomEvent<IButtonToggleSelectEventData>) => void;\n  private _slotListener: () => void;\n\n  constructor(private _adapter: IButtonToggleGroupAdapter) {\n    this._selectListener = evt => this._onSelect(evt);\n    this._slotListener = () => this._synchronize();\n  }\n\n  public initialize(): void {\n    if (this._options && this._options.length) {\n      this._applyOptions(false);\n    }\n\n    this._adapter.addListener(BUTTON_TOGGLE_CONSTANTS.events.SELECT, this._selectListener);\n    this._adapter.addSlotChangeListener(this._slotListener);\n    this._adapter.setVertical(this._vertical);\n    this._adapter.setStretch(this._stretch);\n    this._adapter.setDense(this._dense);\n    this._adapter.setDisabled(this._disabled);\n    this._adapter.applyAdjacentSelections(this._vertical);\n    this._isInitialized = true;\n  }\n\n  public disconnect(): void {\n    this._isInitialized = false;\n    this._adapter.removeListener(BUTTON_TOGGLE_CONSTANTS.events.SELECT, this._selectListener);\n    this._adapter.removeSlotChangeListener(this._slotListener);\n  }\n\n  private _synchronize(): void {\n    if (!this._multiple) {\n      const selectedValues = this._adapter.getSelectedValues().concat(this._values);\n      this.value = selectedValues.length ? selectedValues[selectedValues.length - 1] : null;\n    } else {\n      const selectedValues = new Set(this._adapter.getSelectedValues().concat(this._values));\n      this._applyValue(Array.from(selectedValues));\n    }\n  }\n\n  private _onSelect(evt: CustomEvent<IButtonToggleSelectEventData>): void {\n    const target = evt.target as IButtonToggleComponent;\n\n    // When in mandatory mode we need to ensure at least one element is selected. If there are no selections\n    // then we need to reselect the target toggle because it was deselected\n    if (this._mandatory) {\n      const values = this._adapter.getSelectedValues();\n      if (!values.length) {\n        target.selected = true;\n        return;\n      }\n    }\n\n    // When not in multiple mode, we deselect all toggles, except for the one that was just changed\n    if (!this._multiple) {\n      this._adapter.deselect(target);\n    }\n\n    this._adapter.applyAdjacentSelections(this._vertical);\n    this._adapter.emitHostEvent(BUTTON_TOGGLE_GROUP_CONSTANTS.events.CHANGE, this._getValue());\n  }\n\n  private _getValue(): any {\n    const selections = this._adapter.getSelectedValues();\n    return this._multiple ? Array.from(new Set(selections)) : selections.slice(0, 1)[0] ?? null;\n  }\n\n  private _applyValue(value: any): void {\n    let values = value instanceof Array ? value : [value];\n    if (!this._multiple && values.length > 1) {\n      values = values[0];\n    }\n    this._values = values;\n    this._adapter.applyValues(values);\n    if (this._multiple) {\n      this._adapter.applyAdjacentSelections(this._vertical);\n    }\n  }\n\n  private _applyOptions(init = true): void {\n    if (this._options) {\n      this._adapter.createOptions(this._options);\n\n      if (init) {\n        this._adapter.setStretch(this._stretch);\n        this._adapter.setDense(this._dense);\n        this._adapter.setDisabled(this._disabled);\n        this._adapter.applyAdjacentSelections(this._vertical);\n      }\n    }\n  }\n\n  public get value(): any {\n    if (!this._isInitialized) {\n      return this._originalValue;\n    }\n    return this._getValue();\n  }\n  public set value(value: any) {\n    this._originalValue = value;\n    this._applyValue(value);\n  }\n\n  public get multiple(): boolean {\n    return this._multiple;\n  }\n  public set multiple(value: boolean) {\n    if (this._multiple !== value) {\n      this._multiple = value;\n      this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MULTIPLE, this._multiple as any);\n    }\n  }\n\n  public get mandatory(): boolean {\n    return this._mandatory;\n  }\n  public set mandatory(value: boolean) {\n    if (this._mandatory !== value) {\n      this._mandatory = value;\n      if (this._mandatory) {\n        this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MANDATORY);\n      } else {\n        this._adapter.removeHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MANDATORY);\n      }\n    }\n  }\n\n  public get vertical(): boolean {\n    return this._vertical;\n  }\n  public set vertical(value: boolean) {\n    if (this._vertical !== value) {\n      this._vertical = value;\n      this._adapter.setVertical(this._vertical);\n      this._adapter.applyAdjacentSelections(this._vertical);\n      if (this._vertical) {\n        this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VERTICAL);\n      } else {\n        this._adapter.removeHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VERTICAL);\n      }\n    }\n  }\n\n  public get stretch(): boolean {\n    return this._stretch;\n  }\n  public set stretch(value: boolean) {\n    if (this._stretch !== value) {\n      this._stretch = value;\n      this._adapter.setStretch(this._stretch);\n      if (this._stretch) {\n        this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.STRETCH);\n      } else {\n        this._adapter.removeHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.STRETCH);\n      }\n    }\n  }\n\n  public get dense(): boolean {\n    return this._dense;\n  }\n  public set dense(value: boolean) {\n    if (this._dense !== value) {\n      this._dense = value;\n      this._adapter.setDense(this._dense);\n      if (this._dense) {\n        this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DENSE);\n      } else {\n        this._adapter.removeHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DENSE);\n      }\n    }\n  }\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._adapter.setDisabled(this._disabled);\n      if (this._disabled) {\n        this._adapter.setHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DISABLED);\n      } else {\n        this._adapter.removeHostAttribute(BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DISABLED);\n      }\n    }\n  }\n\n  public get options(): IButtonToggleOption[] {\n    return this._options.map(o => ({ ...o }));\n  }\n  public set options(value: IButtonToggleOption[]) {\n    this._options = value.map(o => ({ ...o }));\n    if (this._isInitialized) {\n      this._applyOptions();\n    }\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\nimport { ButtonToggleComponent } from '../button-toggle/button-toggle';\nimport { ButtonToggleGroupAdapter } from './button-toggle-group-adapter';\nimport { BUTTON_TOGGLE_GROUP_CONSTANTS, IButtonToggleGroupChangeEventData, IButtonToggleOption } from './button-toggle-group-constants';\nimport { ButtonToggleGroupFoundation } from './button-toggle-group-foundation';\n\nconst template = '<template><div class=\\\"forge-button-toggle-group\\\" role=\\\"group\\\" aria-label=\\\"Button group\\\" part=\\\"root\\\"><slot></slot></div></template>';\nconst styles = '.forge-button-toggle-group{display:-webkit-box;display:flex}.forge-button-toggle-group ::slotted(:not(:last-child)){--forge-button-toggle-border-right-width:0;--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-right-radius:0}.forge-button-toggle-group ::slotted(:first-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-bottom-left-radius:4px}.forge-button-toggle-group ::slotted(:last-child){--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-button-toggle-group--vertical ::slotted(:not(:last-child)){--forge-button-toggle-border-right-width:1px;--forge-button-toggle-border-bottom-width:0;--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-bottom-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-right-radius:0}.forge-button-toggle-group--vertical ::slotted(:first-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-top-right-radius:4px}.forge-button-toggle-group--vertical ::slotted(:last-child){--forge-button-toggle-border-top-left-radius:0;--forge-button-toggle-border-top-right-radius:0;--forge-button-toggle-border-bottom-left-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group ::slotted(:only-child){--forge-button-toggle-border-top-left-radius:4px;--forge-button-toggle-border-bottom-left-radius:4px;--forge-button-toggle-border-top-right-radius:4px;--forge-button-toggle-border-bottom-right-radius:4px}.forge-button-toggle-group--stretch{width:100%}:host{display:block}:host([hidden]){display:none}';\n\nexport interface IButtonToggleGroupComponent extends IBaseComponent {\n  value: any;\n  multiple: boolean;\n  stretch: boolean;\n  mandatory: boolean;\n  vertical: boolean;\n  disabled: boolean;\n  dense: boolean;\n  options: IButtonToggleOption[];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-button-toggle-group': IButtonToggleGroupComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-button-toggle-group-change': CustomEvent<IButtonToggleGroupChangeEventData>;\n  }\n}\n\n/**\n * The web component class behind the `<forge-button-toggle-group>` custom element.\n * \n * @tag forge-button-toggle-group\n */\n@CustomElement({\n  name: BUTTON_TOGGLE_GROUP_CONSTANTS.elementName,\n  dependencies: [ButtonToggleComponent]\n})\nexport class ButtonToggleGroupComponent extends BaseComponent implements IButtonToggleGroupComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VALUE,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MULTIPLE,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MANDATORY,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VERTICAL,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.STRETCH,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DISABLED,\n      BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DENSE\n    ];\n  }\n\n  private _foundation: ButtonToggleGroupFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ButtonToggleGroupFoundation(new ButtonToggleGroupAdapter(this));\n  }\n\n  public initializedCallback(): 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 BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VALUE:\n        this.value = newValue;\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MULTIPLE:\n        this.multiple = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.MANDATORY:\n        this.mandatory = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VERTICAL:\n        this.vertical = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.STRETCH:\n        this.stretch = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DENSE:\n        this.dense = coerceBoolean(newValue);\n        break;\n      case BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public declare value: any;\n\n  @FoundationProperty()\n  public declare multiple: boolean;\n\n  @FoundationProperty()\n  public declare mandatory: boolean;\n\n  @FoundationProperty()\n  public declare vertical: boolean;\n\n  @FoundationProperty()\n  public declare stretch: boolean;\n\n  @FoundationProperty()\n  public declare dense: boolean;\n\n  @FoundationProperty()\n  public declare disabled: boolean;\n\n  @FoundationProperty()\n  public declare options: IButtonToggleOption[];\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ButtonToggleGroupComponent } from './button-toggle-group';\n\nexport * from './button-toggle-group-adapter';\nexport * from './button-toggle-group-constants';\nexport * from './button-toggle-group-foundation';\nexport * from './button-toggle-group';\n\nexport function defineButtonToggleGroupComponent(): void {\n  defineCustomElement(ButtonToggleGroupComponent);\n}\n"],
+  "mappings": "uWAEA,GAAM,GAA2C,GAAG,uBAE9C,EAAa,CACjB,MAAO,QACP,SAAU,WACV,UAAW,YACX,SAAU,WACV,QAAS,UACT,SAAU,WACV,MAAO,OACT,EAEM,EAAU,CACd,SAAU,sCACV,QAAS,oCACX,EAEM,EAAY,CAChB,KAAM,4BACR,EAEM,EAAS,CACb,OAAQ,GAAG,UACb,EAEa,EAAgC,CAC3C,cACA,aACA,UACA,YACA,QACF,ECTO,GAAM,GAAN,aAAuC,EAA8E,CAI1H,YAAY,EAAwC,CAClD,MAAM,CAAS,EACf,KAAK,aAAe,EAAiB,EAAW,EAA8B,UAAU,IAAI,EAC5F,KAAK,aAAe,KAAK,aAAa,cAAc,MAAM,CAC5D,CAEA,AAAO,YAAY,EAAc,EAAsC,CACrE,KAAK,aAAa,iBAAiB,EAAM,CAAQ,CACnD,CAEA,AAAO,eAAe,EAAc,EAAsC,CACxE,KAAK,aAAa,oBAAoB,EAAM,CAAQ,CACtD,CAEA,AAAO,sBAAsB,EAA+B,CAC1D,KAAK,aAAa,iBAAiB,aAAc,CAAQ,CAC3D,CACA,AAAO,yBAAyB,EAA+B,CAC7D,KAAK,aAAa,iBAAiB,aAAc,CAAQ,CAC3D,CAEA,AAAO,SAAS,EAA8C,CAE5D,AADgB,KAAK,yBAAyB,EACtC,OAAO,GAAK,IAAM,CAAc,EAAE,QAAQ,GAAK,EAAE,SAAW,EAAK,CAC3E,CAEA,AAAO,wBAAwB,EAA2B,CACxD,GAAM,GAAU,KAAK,yBAAyB,EAC9C,OAAS,GAAI,EAAQ,OAAS,EAAG,EAAI,EAAG,IAGtC,GAFA,EAAQ,GAAG,gBAAgB,EAAwB,WAAW,iBAAiB,EAC/E,EAAQ,GAAG,gBAAgB,EAAwB,WAAW,0BAA0B,EACpF,EAAQ,GAAG,UAAY,EAAQ,EAAI,GAAG,SAAU,CAClD,GAAM,GAAO,EAAa,EAAwB,WAAW,2BAA6B,EAAwB,WAAW,kBAC7H,EAAQ,GAAG,aAAa,EAAM,EAAE,CAClC,CAEJ,CAEA,AAAO,YAAY,EAA2B,CAC5C,AAAI,EACF,KAAK,aAAa,UAAU,IAAI,EAA8B,QAAQ,QAAQ,EAE9E,KAAK,aAAa,UAAU,OAAO,EAA8B,QAAQ,QAAQ,CAErF,CAEA,AAAO,WAAW,EAAsB,CACtC,AAAI,EACF,KAAK,aAAa,UAAU,IAAI,EAA8B,QAAQ,OAAO,EAE7E,KAAK,aAAa,UAAU,OAAO,EAA8B,QAAQ,OAAO,EAIlF,AADgB,KAAK,yBAAyB,EACtC,QAAQ,GAAU,CACxB,AAAI,EACF,EAAO,aAAa,UAAW,EAAE,EAEjC,EAAO,gBAAgB,SAAS,CAEpC,CAAC,CACH,CAEA,AAAO,SAAS,EAAsB,CAEpC,AADgB,KAAK,yBAAyB,EACtC,QAAQ,GAAK,EAAE,MAAQ,CAAK,CACtC,CAEA,AAAO,YAAY,EAAsB,CAEvC,AADgB,KAAK,yBAAyB,EACtC,QAAQ,GAAK,EAAE,SAAW,CAAK,CACzC,CAEA,AAAO,mBAA2B,CAEhC,MAAO,AADS,MAAK,yBAAyB,EAC/B,OAAO,GAAK,EAAE,QAAQ,EAAE,IAAI,GAAK,EAAE,KAAK,CACzD,CAEA,AAAO,YAAY,EAAqB,CAEtC,AADgB,KAAK,yBAAyB,EACtC,QAAQ,GAAK,EAAE,SAAW,EAAO,QAAQ,EAAE,KAAK,GAAK,CAAC,CAChE,CAEA,AAAO,cAAc,EAAsC,CACzD,EAAkB,KAAK,UAAU,EACjC,EAAQ,QAAQ,GAAK,CACnB,KAAK,WAAW,YAAY,KAAK,oBAAoB,CAAC,CAAC,CACzD,CAAC,CACH,CAEA,AAAQ,oBAAoB,EAAqD,CAC/E,GAAM,GAAe,SAAS,cAAc,EAAwB,WAAW,EAG/E,GAFA,EAAa,MAAQ,EAAO,MAExB,EAAO,MACT,EAAa,YAAc,EAAO,cACzB,EAAO,KAAM,CACtB,GAAM,GAAO,SAAS,cAAc,GAAG,EACvC,EAAK,YAAc,EAAO,KAC1B,EAAK,UAAU,IAAI,CAAe,EAClC,EAAK,aAAa,cAAe,MAAM,EACvC,EAAa,YAAY,CAAI,CAC/B,CAEA,GAAI,EAAO,YAAa,CACtB,GAAI,GACJ,AAAI,EAAO,kBAAoB,YAC7B,GAAc,SAAS,cAAc,YAAY,EACjD,EAAY,KAAO,EAAO,aAE1B,GAAc,SAAS,cAAc,GAAG,EACxC,EAAY,YAAc,EAAO,YACjC,EAAY,UAAU,IAAI,CAAe,EACzC,EAAY,aAAa,cAAe,MAAM,GAEhD,EAAY,KAAO,UACnB,EAAa,YAAY,CAAW,CACtC,CAEA,GAAI,EAAO,aAAc,CACvB,GAAI,GACJ,AAAI,EAAO,mBAAqB,YAC9B,GAAe,SAAS,cAAc,YAAY,EAClD,EAAa,KAAO,EAAO,cAE3B,GAAe,SAAS,cAAc,GAAG,EACzC,EAAa,YAAc,EAAO,aAClC,EAAa,UAAU,IAAI,CAAe,EAC1C,EAAa,aAAa,cAAe,MAAM,GAEjD,EAAa,KAAO,WACpB,EAAa,YAAY,CAAY,CACvC,CAEA,MAAO,EACT,CAEA,AAAQ,0BAAqD,CAC3D,MAAO,OAAM,KAAK,KAAK,WAAW,iBAAiB,EAAwB,WAAW,CAAC,CACzF,CACF,ECvJO,GAAM,GAAN,KAA0E,CAc/E,YAAoB,EAAqC,CAArC,gBAbpB,KAAQ,eAAiB,GACzB,KAAQ,UAAY,GACpB,KAAQ,WAAa,GACrB,KAAQ,UAAY,GACpB,KAAQ,SAAW,GACnB,KAAQ,OAAS,GACjB,KAAQ,UAAY,GACpB,KAAQ,SAAkC,CAAC,EAC3C,KAAQ,QAAiB,CAAC,EAMxB,KAAK,gBAAkB,GAAO,KAAK,UAAU,CAAG,EAChD,KAAK,cAAgB,IAAM,KAAK,aAAa,CAC/C,CAEA,AAAO,YAAmB,CACxB,AAAI,KAAK,UAAY,KAAK,SAAS,QACjC,KAAK,cAAc,EAAK,EAG1B,KAAK,SAAS,YAAY,EAAwB,OAAO,OAAQ,KAAK,eAAe,EACrF,KAAK,SAAS,sBAAsB,KAAK,aAAa,EACtD,KAAK,SAAS,YAAY,KAAK,SAAS,EACxC,KAAK,SAAS,WAAW,KAAK,QAAQ,EACtC,KAAK,SAAS,SAAS,KAAK,MAAM,EAClC,KAAK,SAAS,YAAY,KAAK,SAAS,EACxC,KAAK,SAAS,wBAAwB,KAAK,SAAS,EACpD,KAAK,eAAiB,EACxB,CAEA,AAAO,YAAmB,CACxB,KAAK,eAAiB,GACtB,KAAK,SAAS,eAAe,EAAwB,OAAO,OAAQ,KAAK,eAAe,EACxF,KAAK,SAAS,yBAAyB,KAAK,aAAa,CAC3D,CAEA,AAAQ,cAAqB,CAC3B,GAAK,KAAK,UAGH,CACL,GAAM,GAAiB,GAAI,KAAI,KAAK,SAAS,kBAAkB,EAAE,OAAO,KAAK,OAAO,CAAC,EACrF,KAAK,YAAY,MAAM,KAAK,CAAc,CAAC,CAC7C,KANqB,CACnB,GAAM,GAAiB,KAAK,SAAS,kBAAkB,EAAE,OAAO,KAAK,OAAO,EAC5E,KAAK,MAAQ,EAAe,OAAS,EAAe,EAAe,OAAS,GAAK,IACnF,CAIF,CAEA,AAAQ,UAAU,EAAsD,CACtE,GAAM,GAAS,EAAI,OAInB,GAAI,KAAK,YAEH,CAAC,AADU,KAAK,SAAS,kBAAkB,EACnC,OAAQ,CAClB,EAAO,SAAW,GAClB,MACF,CAIF,AAAK,KAAK,WACR,KAAK,SAAS,SAAS,CAAM,EAG/B,KAAK,SAAS,wBAAwB,KAAK,SAAS,EACpD,KAAK,SAAS,cAAc,EAA8B,OAAO,OAAQ,KAAK,UAAU,CAAC,CAC3F,CAEA,AAAQ,WAAiB,CAzF3B,MA0FI,GAAM,GAAa,KAAK,SAAS,kBAAkB,EACnD,MAAO,MAAK,UAAY,MAAM,KAAK,GAAI,KAAI,CAAU,CAAC,EAAI,KAAW,MAAM,EAAG,CAAC,EAAE,KAAvB,OAA6B,IACzF,CAEA,AAAQ,YAAY,EAAkB,CACpC,GAAI,GAAS,YAAiB,OAAQ,EAAQ,CAAC,CAAK,EACpD,AAAI,CAAC,KAAK,WAAa,EAAO,OAAS,GACrC,GAAS,EAAO,IAElB,KAAK,QAAU,EACf,KAAK,SAAS,YAAY,CAAM,EAC5B,KAAK,WACP,KAAK,SAAS,wBAAwB,KAAK,SAAS,CAExD,CAEA,AAAQ,cAAc,EAAO,GAAY,CACvC,AAAI,KAAK,UACP,MAAK,SAAS,cAAc,KAAK,QAAQ,EAErC,GACF,MAAK,SAAS,WAAW,KAAK,QAAQ,EACtC,KAAK,SAAS,SAAS,KAAK,MAAM,EAClC,KAAK,SAAS,YAAY,KAAK,SAAS,EACxC,KAAK,SAAS,wBAAwB,KAAK,SAAS,GAG1D,CAEA,GAAW,QAAa,CACtB,MAAK,MAAK,eAGH,KAAK,UAAU,EAFb,KAAK,cAGhB,CACA,GAAW,OAAM,EAAY,CAC3B,KAAK,eAAiB,EACtB,KAAK,YAAY,CAAK,CACxB,CAEA,GAAW,WAAoB,CAC7B,MAAO,MAAK,SACd,CACA,GAAW,UAAS,EAAgB,CAClC,AAAI,KAAK,YAAc,GACrB,MAAK,UAAY,EACjB,KAAK,SAAS,iBAAiB,EAA8B,WAAW,SAAU,KAAK,SAAgB,EAE3G,CAEA,GAAW,YAAqB,CAC9B,MAAO,MAAK,UACd,CACA,GAAW,WAAU,EAAgB,CACnC,AAAI,KAAK,aAAe,GACtB,MAAK,WAAa,EAClB,AAAI,KAAK,WACP,KAAK,SAAS,iBAAiB,EAA8B,WAAW,SAAS,EAEjF,KAAK,SAAS,oBAAoB,EAA8B,WAAW,SAAS,EAG1F,CAEA,GAAW,WAAoB,CAC7B,MAAO,MAAK,SACd,CACA,GAAW,UAAS,EAAgB,CAClC,AAAI,KAAK,YAAc,GACrB,MAAK,UAAY,EACjB,KAAK,SAAS,YAAY,KAAK,SAAS,EACxC,KAAK,SAAS,wBAAwB,KAAK,SAAS,EACpD,AAAI,KAAK,UACP,KAAK,SAAS,iBAAiB,EAA8B,WAAW,QAAQ,EAEhF,KAAK,SAAS,oBAAoB,EAA8B,WAAW,QAAQ,EAGzF,CAEA,GAAW,UAAmB,CAC5B,MAAO,MAAK,QACd,CACA,GAAW,SAAQ,EAAgB,CACjC,AAAI,KAAK,WAAa,GACpB,MAAK,SAAW,EAChB,KAAK,SAAS,WAAW,KAAK,QAAQ,EACtC,AAAI,KAAK,SACP,KAAK,SAAS,iBAAiB,EAA8B,WAAW,OAAO,EAE/E,KAAK,SAAS,oBAAoB,EAA8B,WAAW,OAAO,EAGxF,CAEA,GAAW,QAAiB,CAC1B,MAAO,MAAK,MACd,CACA,GAAW,OAAM,EAAgB,CAC/B,AAAI,KAAK,SAAW,GAClB,MAAK,OAAS,EACd,KAAK,SAAS,SAAS,KAAK,MAAM,EAClC,AAAI,KAAK,OACP,KAAK,SAAS,iBAAiB,EAA8B,WAAW,KAAK,EAE7E,KAAK,SAAS,oBAAoB,EAA8B,WAAW,KAAK,EAGtF,CAEA,GAAW,WAAoB,CAC7B,MAAO,MAAK,SACd,CACA,GAAW,UAAS,EAAgB,CAClC,AAAI,KAAK,YAAc,GACrB,MAAK,UAAY,EACjB,KAAK,SAAS,YAAY,KAAK,SAAS,EACxC,AAAI,KAAK,UACP,KAAK,SAAS,iBAAiB,EAA8B,WAAW,QAAQ,EAEhF,KAAK,SAAS,oBAAoB,EAA8B,WAAW,QAAQ,EAGzF,CAEA,GAAW,UAAiC,CAC1C,MAAO,MAAK,SAAS,IAAI,GAAM,KAAK,EAAI,CAC1C,CACA,GAAW,SAAQ,EAA8B,CAC/C,KAAK,SAAW,EAAM,IAAI,GAAM,KAAK,EAAI,EACrC,KAAK,gBACP,KAAK,cAAc,CAEvB,CACF,ECzNA,GAAM,GAAW,qIACX,EAAS,68DAgCF,EAAN,aAAyC,EAAqD,CAenG,aAAc,CACZ,MAAM,EACN,EAAqB,KAAM,EAAU,CAAM,EAC3C,KAAK,YAAc,GAAI,GAA4B,GAAI,GAAyB,IAAI,CAAC,CACvF,CAlBA,UAAkB,qBAA+B,CAC/C,MAAO,CACL,EAA8B,WAAW,MACzC,EAA8B,WAAW,SACzC,EAA8B,WAAW,UACzC,EAA8B,WAAW,SACzC,EAA8B,WAAW,QACzC,EAA8B,WAAW,SACzC,EAA8B,WAAW,KAC3C,CACF,CAUA,AAAO,qBAA4B,CACjC,KAAK,YAAY,WAAW,CAC9B,CAEA,AAAO,sBAA6B,CAClC,KAAK,YAAY,WAAW,CAC9B,CAEA,AAAO,yBAAyB,EAAc,EAAkB,EAAwB,CACtF,OAAQ,OACD,GAA8B,WAAW,MAC5C,KAAK,MAAQ,EACb,UACG,GAA8B,WAAW,SAC5C,KAAK,SAAW,EAAc,CAAQ,EACtC,UACG,GAA8B,WAAW,UAC5C,KAAK,UAAY,EAAc,CAAQ,EACvC,UACG,GAA8B,WAAW,SAC5C,KAAK,SAAW,EAAc,CAAQ,EACtC,UACG,GAA8B,WAAW,QAC5C,KAAK,QAAU,EAAc,CAAQ,EACrC,UACG,GAA8B,WAAW,MAC5C,KAAK,MAAQ,EAAc,CAAQ,EACnC,UACG,GAA8B,WAAW,SAC5C,KAAK,SAAW,EAAc,CAAQ,EACtC,MAEN,CAyBF,EAtBiB,GADf,AAAC,EAAmB,GACL,AAxDJ,EAwDI,qBAGA,GADf,AAAC,EAAmB,GACL,AA3DJ,EA2DI,wBAGA,GADf,AAAC,EAAmB,GACL,AA9DJ,EA8DI,yBAGA,GADf,AAAC,EAAmB,GACL,AAjEJ,EAiEI,wBAGA,GADf,AAAC,EAAmB,GACL,AApEJ,EAoEI,uBAGA,GADf,AAAC,EAAmB,GACL,AAvEJ,EAuEI,qBAGA,GADf,AAAC,EAAmB,GACL,AA1EJ,EA0EI,wBAGA,GADf,AAAC,EAAmB,GACL,AA7EJ,EA6EI,uBA7EJ,EAAN,GAJP,AAAC,EAAc,CACb,KAAM,EAA8B,YACpC,aAAc,CAAC,CAAqB,CACtC,CAAC,GACY,GC/BN,aAAkD,CACvD,EAAoB,CAA0B,CAChD",
   "names": []
 }

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{b as K}from"./chunk.EE2LK23T.js";import{B as D}from"./chunk.LZMYHIO2.js";import{d as F}from"./chunk.KBMLP7UT.js";import{d as U,l as Z}from"./chunk.ZAKLVVFO.js";import{a as z}from"./chunk.5PXABBKU.js";import{a as g}from"./chunk.B3IJU6XJ.js";import{a as B,b as N}from"./chunk.OOW3UKT4.js";import{a as M,e as O,g as s,l as G}from"./chunk.MMVZJLXE.js";import{d as u,k as C,o as P}from"./chunk.G76HB2FK.js";import{a as L,f as h}from"./chunk.MCIQXNKY.js";var W=`${N}color-picker`,Y={VALUE:"value",ALLOW_OPACITY:"allow-opacity",DEBOUNCE_CHANGE_EVENT:"debounce-change-event"},J={SLIDER_THUMB_ACTIVE:"forge-color-picker__slider-thumb--active",GRADIENT_THUMB_ACTIVE:"forge-color-picker__gradient-thumb--active"},Q={GRADIENT:".forge-color-picker__gradient",GRADIENT_THUMB:".forge-color-picker__gradient-thumb",PREVIEW_COLOR:".forge-color-picker__color-preview",HEX_INPUT:"#forge-color-picker-hex-input",RGBA_INPUT:"#forge-color-picker-rgba-input",HSVA_INPUT:"#forge-color-picker-hsva-input",HUE_SLIDER:".forge-color-picker__hue-slider",HUE_SLIDER_THUMB:"#forge-color-picker-hue-thumb",OPACITY_SLIDER:".forge-color-picker__opacity-slider",OPACITY_SLIDER_THUMB:"#forge-color-picker-opacity-thumb",SLIDER:".forge-color-picker__slider",SLIDER_THUMB:".forge-color-picker__slider-thumb",COLOR_VALUE_HEX_CONTAINER:".forge-color-picker__color-hex",COLOR_VALUE_RGBA_CONTAINER:".forge-color-picker__color-rgba",COLOR_VALUE_HSVA_CONTAINER:".forge-color-picker__color-hsva",TYPE_BUTTON:"#forge-color-picker-type-button",COLOR_VALUE_RGBA_R:"#forge-color-picker-rgba-r-input",COLOR_VALUE_RGBA_G:"#forge-color-picker-rgba-g-input",COLOR_VALUE_RGBA_B:"#forge-color-picker-rgba-b-input",COLOR_VALUE_RGBA_A:"#forge-color-picker-rgba-a-input",COLOR_VALUE_HSVA_H:"#forge-color-picker-hsva-h-input",COLOR_VALUE_HSVA_S:"#forge-color-picker-hsva-s-input",COLOR_VALUE_HSVA_V:"#forge-color-picker-hsva-v-input",COLOR_VALUE_HSVA_A:"#forge-color-picker-hsva-a-input"},q={CHANGE:`${W}-change`},ee={CHANGE_EVENT_DEBOUNCE_THRESHOLD:200},o={elementName:W,attributes:Y,events:q,classes:J,selectors:Q,numbers:ee},w="000000",A=(n=>(n.HEX="hex",n.RGB="rgb",n.RGBA="rgba",n.HSV="hsv",n.HSVA="hsva",n))(A||{});var f=class extends z{constructor(t){super(t);this._gradientElement=s(t,o.selectors.GRADIENT),this._previewColorElement=s(t,o.selectors.PREVIEW_COLOR),this._hexInputElement=s(t,o.selectors.HEX_INPUT),this._rgbaInputRElement=s(t,o.selectors.COLOR_VALUE_RGBA_R),this._rgbaInputGElement=s(t,o.selectors.COLOR_VALUE_RGBA_G),this._rgbaInputBElement=s(t,o.selectors.COLOR_VALUE_RGBA_B),this._rgbaInputAElement=s(t,o.selectors.COLOR_VALUE_RGBA_A),this._hsvaInputHElement=s(t,o.selectors.COLOR_VALUE_HSVA_H),this._hsvaInputSElement=s(t,o.selectors.COLOR_VALUE_HSVA_S),this._hsvaInputVElement=s(t,o.selectors.COLOR_VALUE_HSVA_V),this._hsvaInputAElement=s(t,o.selectors.COLOR_VALUE_HSVA_A),this._hueSliderElement=s(t,o.selectors.HUE_SLIDER),this._hueSliderThumbElement=s(t,o.selectors.HUE_SLIDER_THUMB),this._opacitySliderElement=s(t,o.selectors.OPACITY_SLIDER),this._opacitySliderThumbElement=s(t,o.selectors.OPACITY_SLIDER_THUMB),this._hexValueContainerElement=s(t,o.selectors.COLOR_VALUE_HEX_CONTAINER),this._rgbaValueContainerElement=s(t,o.selectors.COLOR_VALUE_RGBA_CONTAINER),this._hsvaValueContainerElement=s(t,o.selectors.COLOR_VALUE_HSVA_CONTAINER),this._typeButtonElement=s(t,o.selectors.TYPE_BUTTON)}setPreviewColor(t){this._previewColorElement.style.backgroundColor=t}setHexInputValue(t){this._hexInputElement.value=t}setRgbaInputValue(t){this._rgbaInputRElement.value=t.r.toString(),this._rgbaInputGElement.value=t.g.toString(),this._rgbaInputBElement.value=t.b.toString(),this._rgbaInputAElement.value=t.a.toString()}setHsvaInputValue(t){this._hsvaInputHElement.value=t.h.toString(),this._hsvaInputSElement.value=t.s.toString(),this._hsvaInputVElement.value=t.v.toString(),this._hsvaInputAElement.value=t.a.toString()}updateA11y(t,i){this._hueSliderThumbElement.setAttribute("aria-valuenow",t.toString()),this._hueSliderThumbElement.setAttribute("aria-valuetext",t.toString()),this._opacitySliderThumbElement.setAttribute("aria-valuenow",i.toString()),this._opacitySliderThumbElement.setAttribute("aria-valuetext",i.toString())}setGradientColor(t){this._gradientElement.style.backgroundColor=t}getHueSliderElement(){return this._hueSliderElement}getOpacitySliderElement(){return this._opacitySliderElement}getGradientElement(){return this._gradientElement}setActiveValueType(t){switch(this._hexValueContainerElement.style.display="none",this._rgbaValueContainerElement.style.display="none",this._hsvaValueContainerElement.style.display="none",t){case"hex":this._hexValueContainerElement.style.removeProperty("display");break;case"rgba":this._rgbaValueContainerElement.style.removeProperty("display");break;case"hsva":this._hsvaValueContainerElement.style.removeProperty("display");break}}focusValueInput(t){switch(t){case"hex":this._hexInputElement.focus(),this._hexInputElement.select();break;case"rgba":this._rgbaInputRElement.focus(),this._rgbaInputRElement.select();break;case"hsva":this._hsvaInputHElement.focus(),this._hsvaInputHElement.select();break}}setTypeClickListener(t){this._typeButtonElement.addEventListener("click",t)}removeTypeClickListener(t){this._typeButtonElement.removeEventListener("click",t)}setHexInputListener(t,i){this._hexInputElement.addEventListener(t,i)}removeHexInputListener(t,i){this._hexInputElement.removeEventListener(t,i)}getHexInputValue(){return this._hexInputElement.value}setRgbaInputListener(t,i){this._rgbaInputRElement.addEventListener(t,i),this._rgbaInputGElement.addEventListener(t,i),this._rgbaInputBElement.addEventListener(t,i),this._rgbaInputAElement.addEventListener(t,i)}removeRgbaInputListener(t,i){this._rgbaInputRElement.removeEventListener(t,i),this._rgbaInputGElement.removeEventListener(t,i),this._rgbaInputBElement.removeEventListener(t,i),this._rgbaInputAElement.removeEventListener(t,i)}getRgbaInputValue(){return{r:parseInt(this._rgbaInputRElement.value,10),g:parseInt(this._rgbaInputGElement.value,10),b:parseInt(this._rgbaInputBElement.value,10),a:parseFloat(this._rgbaInputAElement.value)}}setHsvaInputListener(t,i){this._hsvaInputHElement.addEventListener(t,i),this._hsvaInputSElement.addEventListener(t,i),this._hsvaInputVElement.addEventListener(t,i),this._hsvaInputAElement.addEventListener(t,i)}removeHsvaInputListener(t,i){this._hsvaInputHElement.removeEventListener(t,i),this._hsvaInputSElement.removeEventListener(t,i),this._hsvaInputVElement.removeEventListener(t,i),this._hsvaInputAElement.removeEventListener(t,i)}getHsvaInputValue(){return{h:parseInt(this._hsvaInputHElement.value,10),s:parseInt(this._hsvaInputSElement.value,10),v:parseInt(this._hsvaInputVElement.value,10),a:parseFloat(this._hsvaInputAElement.value)}}toggleOpacityControls(t){t?(this._opacitySliderElement.style.removeProperty("display"),this._rgbaInputAElement.parentElement&&this._rgbaInputAElement.parentElement.style.removeProperty("display"),this._hsvaInputAElement.parentElement&&this._hsvaInputAElement.parentElement.style.removeProperty("display")):(this._opacitySliderElement.style.display="none",this._rgbaInputAElement.parentElement&&(this._rgbaInputAElement.parentElement.style.display="none"),this._hsvaInputAElement.parentElement&&(this._hsvaInputAElement.parentElement.style.display="none"))}};function E(r,e,t){let i=t.getBoundingClientRect(),a=r-i.left,n=e-i.top;return a>i.width?a=i.width:a<0&&(a=0),n>i.height?n=i.height:n<0&&(n=0),{x:a,y:n,height:i.height,width:i.width}}function v(r){let e,t,i,a=r.h/60,n=r.s/100,l=r.v/100;if(n===0)return e=t=i=l,{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(i*255),a:r.a};let d=Math.floor(a),_=a-d,c=l*(1-n),x=l*(1-n*_),k=l*(1-n*(1-_));switch(d){case 0:e=l,t=k,i=c;break;case 1:e=x,t=l,i=c;break;case 2:e=c,t=l,i=k;break;case 3:e=c,t=x,i=l;break;case 4:e=k,t=c,i=l;break;default:e=l,t=c,i=x}return{r:Math.round(e*255),g:Math.round(t*255),b:Math.round(i*255),a:r.a}}function m(r){return T(r.r)+T(r.g)+T(r.b)+(Math.round(r.a*255)+65536).toString(16).substr(-2)}function T(r){return("0"+r.toString(16)).slice(-2)}function $(r){let e=r.length===3||r.length===4,t=e?`${r.slice(0,1)}${r.slice(0,1)}`:r.slice(0,2),i=e?`${r.slice(1,2)}${r.slice(1,2)}`:r.slice(2,4),a=e?`${r.slice(2,3)}${r.slice(2,3)}`:r.slice(4,6),n=(e?`${r.slice(3,4)}${r.slice(3,4)}`:r.slice(6,8))||"ff";return{r:parseInt(t,16),g:parseInt(i,16),b:parseInt(a,16),a:parseFloat((parseInt(n,16)/255).toFixed(2))}}function X(r){return`rgba(${r.r}, ${r.g}, ${r.b}, ${r.a})`}function H(r,e){let t=r.replace(/^#/,"");return e||(t.length===4?t=t.substring(0,3):t.length===8&&(t=t.substring(0,6))),`#${t}`}function j(r){let e=r.r/255,t=r.g/255,i=r.b/255,a=Math.max(e,t,i),n=Math.min(e,t,i),l=a,d=a,_=a,c=a-n;if(d=a===0?0:c/a,a===n)l=0;else{switch(a){case e:l=(t-i)/c+(t<i?6:0);break;case t:l=(i-e)/c+2;break;case i:l=(e-t)/c+4;break}l/=6}return{h:Math.round(l*360),s:Math.round(d*100),v:Math.round(_*100),a:r.a}}function S(r){if(!r||typeof r!="string")return!1;switch(r.substring(0,1)==="#"&&(r=r.substring(1)),r.length){case 3:return/^[0-9A-F]{3}$/i.test(r);case 4:return/^[0-9A-F]{4}$/i.test(r);case 6:return/^[0-9A-F]{6}$/i.test(r);case 8:return/^[0-9A-F]{8}$/i.test(r);default:return!1}}function R(r){return u(r.r)&&r.r>=0&&r.r<=255&&u(r.g)&&r.g>=0&&r.g<=255&&u(r.b)&&r.b>=0&&r.b<=255&&u(r.a)&&r.a>=0&&r.a<=1}function V(r){return u(r.h)&&r.h>=0&&r.h<=360&&u(r.s)&&r.s>=0&&r.s<=100&&u(r.v)&&r.v>=0&&r.v<=100&&u(r.a)&&r.a>=0&&r.a<=1}var y=class{constructor(e,t){this._rootElement=e;this._changeListener=t;this._keydownListener=i=>this._onKeydown(i),this._downListener=i=>this._onDown(i),this._moveListener=i=>this._onMove(i),this._upListener=i=>this._onUp(i),this._initialize()}destroy(){this._unlisten()}setValue(e,t){window.requestAnimationFrame(()=>{let i=this._rootElement.getBoundingClientRect();this._xPercent=Math.round(i.width*(e/100)),this._yPercent=i.height-Math.round(i.height*(t/100)),this._setThumbPosition(this._xPercent,this._yPercent)})}_initialize(){this._thumbElement=this._rootElement.querySelector(o.selectors.GRADIENT_THUMB),this._listen(),this._setThumbPosition(this._xPercent,this._yPercent)}_listen(){this._rootElement.addEventListener("keydown",this._keydownListener),this._rootElement.addEventListener("mousedown",this._downListener),this._rootElement.addEventListener("touchstart",this._downListener)}_unlisten(){this._rootElement.removeEventListener("keydown",this._keydownListener),this._rootElement.removeEventListener("mousedown",this._downListener),this._rootElement.removeEventListener("touchstart",this._downListener),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener)}_onKeydown(e){let t=e.key==="Enter"||e.keyCode===13,i=e.key==="ArrowLeft"||e.keyCode===37,a=e.key==="ArrowUp"||e.keyCode===38,n=e.key==="ArrowRight"||e.keyCode===39,l=e.key==="ArrowDown"||e.keyCode===40,d=this._rootElement.getBoundingClientRect();if(l)e.preventDefault(),this._yPercent++;else if(a)e.preventDefault(),this._yPercent--;else if(i)e.preventDefault(),this._xPercent--;else if(n)e.preventDefault(),this._xPercent++;else if(t)e.preventDefault();else return;this._xPercent>d.width?this._xPercent=d.width:this._xPercent<0&&(this._xPercent=0),this._yPercent>d.height?this._yPercent=d.height:this._yPercent<0&&(this._yPercent=0),this._setThumbPosition(this._xPercent,this._yPercent),this._notify()}_onDown(e){e.preventDefault(),document.addEventListener("mousemove",this._moveListener),document.addEventListener("touchmove",this._moveListener),document.addEventListener("mouseup",this._upListener),document.addEventListener("touchend",this._upListener),this._updateThumbPosition(e)}_onMove(e){e.preventDefault(),this._updateThumbPosition(e)}_onUp(e){document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener),this._updateThumbPosition(e),this._thumbElement.focus()}_updateThumbPosition(e){let t=/^mouse/.test(e.type),i=t?e.clientX:e.changedTouches[0].clientX,a=t?e.clientY:e.changedTouches[0].clientY,n=this._calculateSliderPercent(i,a);this._setThumbPosition(n.x,n.y),this._xPercent=parseInt((n.x/n.width*100).toString(),10),this._yPercent=Math.abs(parseInt((n.y/n.height*100).toString(),10)-100),this._notify()}_calculateSliderPercent(e,t){return E(e,t,this._rootElement)}_setThumbPosition(e,t){this._thumbElement.style.left=`${e}px`,this._thumbElement.style.top=`${t}px`}_notify(){typeof this._changeListener=="function"&&this._changeListener(this._xPercent,this._yPercent)}};var b=class{constructor(e,t){this._rootElement=e;this._changeListener=t;this._percent=1;this._min=0;this._max=1;this._step=.01;this._keydownListener=i=>this._onKeydown(i),this._downListener=i=>this._onDown(i),this._moveListener=i=>this._onMove(i),this._upListener=i=>this._onUp(i),this._initialize()}destroy(){this._unlisten()}setValue(e){this._percent=e,this._setThumbPosition(this._percent)}_initialize(){this._thumbElement=this._rootElement.querySelector(o.selectors.SLIDER_THUMB),this._listen(),this._setThumbPosition(this._percent)}_listen(){this._thumbElement.addEventListener("keydown",this._keydownListener),this._rootElement.addEventListener("mousedown",this._downListener),this._rootElement.addEventListener("touchstart",this._downListener)}_unlisten(){this._thumbElement.removeEventListener("keydown",this._keydownListener),this._rootElement.removeEventListener("mousedown",this._downListener),this._rootElement.removeEventListener("touchstart",this._downListener),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener)}_onKeydown(e){let t=e.key==="ArrowLeft"||e.keyCode===37,i=e.key==="ArrowRight"||e.keyCode===39,a=e.key==="Home"||e.keyCode===36,n=e.key==="End"||e.keyCode===35;t?(e.preventDefault(),this._percent-=this._step):i?(e.preventDefault(),this._percent+=this._step):a?(e.preventDefault(),this._percent=this._min):n&&(e.preventDefault(),this._percent=this._max),this._percent<this._min?this._percent=this._min:this._percent>this._max&&(this._percent=this._max),this._setThumbPosition(this._percent),this._notify()}_onDown(e){e.preventDefault(),document.addEventListener("mousemove",this._moveListener),document.addEventListener("touchmove",this._moveListener),document.addEventListener("mouseup",this._upListener),document.addEventListener("touchend",this._upListener),this._updateThumbPosition(e)}_onMove(e){e.preventDefault(),this._thumbElement.classList.add(o.classes.SLIDER_THUMB_ACTIVE),this._updateThumbPosition(e)}_onUp(e){this._thumbElement.classList.remove(o.classes.SLIDER_THUMB_ACTIVE),document.removeEventListener("mousemove",this._moveListener),document.removeEventListener("touchmove",this._moveListener),document.removeEventListener("mouseup",this._upListener),document.removeEventListener("touchend",this._upListener),this._updateThumbPosition(e),this._thumbElement.focus()}_updateThumbPosition(e){let t=/^mouse/.test(e.type)?e.clientX:e.changedTouches[0].clientX;this._percent=this._calculateSliderPercent(t),this._setThumbPosition(this._percent),this._notify()}_calculateSliderPercent(e){let t=E(e,0,this._rootElement);return parseFloat((t.x/t.width).toFixed(2))}_setThumbPosition(e){this._thumbElement.style.left=`${e*100}%`}_notify(){typeof this._changeListener=="function"&&this._changeListener(this._percent)}};var I=class{constructor(e){this._adapter=e;this._value=null;this._allowOpacity=!0;this._hex=w;this._hsva={h:0,s:0,v:0,a:1};this._rgba={r:0,g:0,b:0,a:1};this._debounceChangeEvent=!1;this._valueType="hex";this._initialized=!1;this._gradientSliderChangedListener=(t,i)=>this._onGradientSliderChanged(t,i),this._hueSliderChangedListener=t=>this._onHueSliderChanged(t),this._opacitySliderChangedListener=t=>this._onOpacitySliderChanged(t),this._typeClickListener=t=>this._onTypeClicked(t),this._hexInputChangedListener=t=>this._onHexInputChanged(),this._rgbaInputChangedListener=t=>this._onRgbaInputChanged(),this._hsvaInputChangedListener=t=>this._onHsvaInputChanged()}initialize(){this._initialized=!0,this._applyChangeEventTrigger(),this._adapter.setTypeClickListener(this._typeClickListener),this._adapter.setHexInputListener("input",this._hexInputChangedListener),this._adapter.setRgbaInputListener("input",this._rgbaInputChangedListener),this._adapter.setHsvaInputListener("input",this._hsvaInputChangedListener),this._gradientSlider=new y(this._adapter.getGradientElement(),this._gradientSliderChangedListener),this._hueSlider=new b(this._adapter.getHueSliderElement(),this._hueSliderChangedListener),this._opacitySlider=new b(this._adapter.getOpacitySliderElement(),this._opacitySliderChangedListener),this._initializeOpacity(),this._setColorFromHex(),this._adapter.setActiveValueType(this._valueType)}disconnect(){this._adapter.removeTypeClickListener(this._typeClickListener),this._adapter.removeHexInputListener("input",this._hexInputChangedListener),this._adapter.removeRgbaInputListener("input",this._hexInputChangedListener),this._adapter.removeHsvaInputListener("input",this._hexInputChangedListener),this._gradientSlider.destroy(),this._hueSlider.destroy(),this._opacitySlider.destroy(),this._initialized=!1}_applyChangeEventTrigger(){this._debounceChangeEvent?this._triggerChangeEvent=P((e,t)=>{this._emitChangeEvent(e,t)},o.numbers.CHANGE_EVENT_DEBOUNCE_THRESHOLD,!1):this._triggerChangeEvent=(e,t)=>this._emitChangeEvent(e,t)}_initializeOpacity(){this._hsva.a=1,this._adapter.toggleOpacityControls(this._allowOpacity),this._render()}_onTypeClicked(e){this._valueType==="hex"?this._valueType="rgba":this._valueType==="rgba"?this._valueType="hsva":this._valueType==="hsva"&&(this._valueType="hex"),this._adapter.setActiveValueType(this._valueType),this._adapter.focusValueInput(this._valueType)}_onHexInputChanged(){let e=this._adapter.getHexInputValue();S(e)&&(this.value=e,this._triggerChangeEvent("input","hex"))}_onRgbaInputChanged(){let e=this._adapter.getRgbaInputValue();R(e)&&(this.value=m(e),this._triggerChangeEvent("input","rgba"))}_onHsvaInputChanged(){let e=this._adapter.getHsvaInputValue();V(e)&&(this.value=m(v(e)),this._triggerChangeEvent("input","hsva"))}_setColorFromHex(){this._rgba=$(this._hex),this._hsva=j(this._rgba),this._initialized&&(this._gradientSlider.setValue(this._hsva.s,this._hsva.v),this._hueSlider.setValue(parseFloat((this._hsva.h/360).toFixed(2))),this._opacitySlider.setValue(this._hsva.a),this._render())}_onGradientSliderChanged(e,t){this._hsva.s=e,this._hsva.v=t,this._syncColors(),this._render(),this._triggerChangeEvent("slider","gradient")}_onHueSliderChanged(e){this._hsva.h=parseInt((360*e).toString(),10),this._syncColors(),this._setGradientColor(),this._render(),this._triggerChangeEvent("slider","hue")}_onOpacitySliderChanged(e){this._hsva.a=e,this._syncColors(),this._render(),this._triggerChangeEvent("slider","opacity")}_setGradientColor(){let e=v({h:this._hsva.h,s:100,v:100,a:1});this._adapter.setGradientColor(`rgb(${e.r}, ${e.g}, ${e.b})`)}_syncColors(){this._rgba=v(this._hsva),this._hex=m(this._rgba),this._value=this._hex||null}_render(){this._setGradientColor(),this._adapter.setPreviewColor(X(this._rgba)),this._adapter.setHexInputValue(this._getFormattedHex()),this._adapter.setRgbaInputValue(this._rgba),this._adapter.setHsvaInputValue(this._hsva),this._adapter.updateA11y(this._hsva.h,Math.round(this._hsva.a*100))}_getFormattedHex(){return H(this._hex,!1)}_emitChangeEvent(e,t){let i={type:e,source:t,hex:H(this._hex,!1).replace(/^#/,""),rgba:this._rgba,hsva:this._hsva};this._allowOpacity&&(i.alpha=this._hsva.a),this._adapter.emitHostEvent(o.events.CHANGE,i)}get value(){return this._getFormattedHex()}set value(e){if(this._value!==e){if(this._value=e||w,!S(this._value))throw new Error("Invalid hex value provided.");this._hex=this._value.replace(/^#/,""),this._setColorFromHex(),this._adapter.setHostAttribute(o.attributes.VALUE,this._value)}}get rgba(){return this._rgba?L({},this._rgba):null}set rgba(e){e?R(e)&&(this.value=m(e)):this.value=null}get hsva(){return this._hsva?L({},this._hsva):null}set hsva(e){e?V(e)&&(this.value=m(v(e))):this.value=null}get opacity(){return this._hsva?this._hsva.a:null}set opacity(e){this._hsva.a!==e&&e!=null&&this._allowOpacity&&(e>=0&&e<=1?(this._hsva.a=e,this._syncColors(),this._initialized&&(this._opacitySlider.setValue(this._hsva.a),this._render())):console.warn(`The provided opacity value (${e}) must be between 0 and 1.`))}get allowOpacity(){return this._allowOpacity}set allowOpacity(e){this._allowOpacity=e,this._initialized&&this._initializeOpacity()}get debounceChangeEvent(){return this._debounceChangeEvent}set debounceChangeEvent(e){this._debounceChangeEvent!==e&&(this._debounceChangeEvent=e,this._initialized&&this._applyChangeEventTrigger())}};var te='<template><div class="forge-color-picker" part="root"><input type="color" tabindex="-1" class="forge-color-picker__input" spellcheck="false" autocomplete="off" aria-label="Color picker value" part="input"><div class="forge-color-picker__container" part="container"><div class="forge-color-picker__gradient" tabindex="0" part="gradient"><div class="forge-color-picker__gradient-color" part="gradient-color"></div><div class="forge-color-picker__gradient-thumb" part="gradient-thumb"></div></div><div class="forge-color-picker__control-preview" part="controls-preview-container"><div class="forge-color-picker__controls" part="controls-container"><div class="forge-color-picker__slider-control" part="hue-control-container"><div class="forge-color-picker__slider forge-color-picker__hue-slider" part="hue-control-slider"><div class="forge-color-picker__slider-thumb" id="forge-color-picker-hue-thumb" part="hue-control-slider-thumb" tabindex="0" role="slider" aria-label="Change hue" aria-valuemin="0" aria-valuemax="360" aria-valuenow="0" aria-orientation="horizontal" aria-valuetext="0"></div></div></div><div class="forge-color-picker__slider-control" part="opacity-control-container"><div class="forge-color-picker__canvas" part="opacity-control-canvas"><div class="forge-color-picker__slider forge-color-picker__opacity-slider" part="opacity-control-slider"><div class="forge-color-picker__slider-thumb" id="forge-color-picker-opacity-thumb" part="opacity-control-slider-thumb" tabindex="0" role="slider" aria-label="Change opacity" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-orientation="horizontal" aria-valuetext="0"></div></div></div></div></div><div class="forge-color-picker__color-preview-container forge-color-picker__canvas" part="color-preview-container"><div class="forge-color-picker__color-preview" part="color-preview"></div></div></div><div class="forge-color-picker__value" part="value-container"><div class="forge-color-picker__color-types" part="types-container"><div class="forge-color-picker__color-hex" part="hex-type-container"><div part="hex-type-label-wrapper"><label for="forge-color-picker-hex-input" part="hex-label">HEX</label></div><input type="text" id="forge-color-picker-hex-input" part="hex-input" style="width: 88px;" maxlength="9" spellcheck="false" autocomplete="off" aria-label="HEX value"></div><div class="forge-color-picker__color-rgba" part="rgba-type-container"><div part="rgba-type-wrapper-r"><label for="forge-color-picker-rgba-r-input" part="rgba-type-label-r">R</label> <input type="number" id="forge-color-picker-rgba-r-input" part="rgba-type-input-r" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Red"></div><div part="rgba-type-wrapper-g"><label for="forge-color-picker-rgba-g-input" part="rgba-type-label-g">G</label> <input type="number" id="forge-color-picker-rgba-g-input" part="rgba-type-input-g" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Green"></div><div part="rgba-type-wrapper-b"><label for="forge-color-picker-rgba-b-input" part="rgba-type-label-b">B</label> <input type="number" id="forge-color-picker-rgba-b-input" part="rgba-type-input-b" min="0" max="255" maxlength="3" autocomplete="off" aria-label="Blue"></div><div part="rgba-type-wrapper-a"><label for="forge-color-picker-rgba-a-input" part="rgba-type-label-a">A</label> <input type="number" id="forge-color-picker-rgba-a-input" part="rgba-type-input-a" min="0" max="1" step="0.1" maxlength="3" autocomplete="off" aria-label="Alpha"></div></div><div class="forge-color-picker__color-hsva" part="hsva-type-container"><div part="hsva-type-wrapper-h"><label for="forge-color-picker-hsva-h-input" part="hsva-type-label-h">H</label> <input type="number" id="forge-color-picker-hsva-h-input" part="hsva-type-input-h" min="0" max="360" maxlength="3" autocomplete="off" aria-label="Hue"></div><div part="hsva-type-wrapper-s"><label for="forge-color-picker-hsva-s-input" part="hsva-type-label-s">S</label> <input type="number" id="forge-color-picker-hsva-s-input" part="hsva-type-input-s" min="0" max="100" maxlength="3" autocomplete="off" aria-label="Saturation"></div><div part="hsva-type-wrapper-v"><label for="forge-color-picker-hsva-v-input" part="hsva-type-label-v">V</label> <input type="number" id="forge-color-picker-hsva-v-input" part="hsva-type-input-v" min="0" max="100" maxlength="3" autocomplete="off" aria-label="Value"></div><div part="hsva-type-wrapper-a"><label for="forge-color-picker-hsva-a-input" part="hsva-type-label-a">A</label> <input type="number" id="forge-color-picker-hsva-a-input" part="hsva-type-input-a" min="0" max="1" step="0.1" maxlength="3" autocomplete="off" aria-label="Alpha"></div></div></div><div class="forge-color-picker__type-button" part="type-container"><forge-icon-button part="type-button"><button type="button" id="forge-color-picker-type-button" aria-labelledby="type-button-tooltip" part="type-button-element"><forge-icon name="unfold_more" part="type-button-icon"></forge-icon></button><forge-tooltip delay="500" position="bottom" id="type-button-tooltip">Change color format</forge-tooltip></forge-icon-button></div></div></div></div></template>',ie='.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:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-icon-button--on::after,.forge-icon-button--on::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.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:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);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)}*{-webkit-box-sizing:border-box;box-sizing:border-box}.forge-color-picker{width:272px;width:var(--forge-color-picker-width,272px);position:relative;display:inline-block;overflow:hidden}.forge-color-picker__input{height:1px;opacity:0;position:absolute;width:1px}.forge-color-picker__gradient{position:relative;outline:0}.forge-color-picker__gradient-color{background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),to(#000)),-webkit-gradient(linear,left top,right top,color-stop(0,#fff),to(rgba(255,255,255,0)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,#000 100%),linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%);height:152px}.forge-color-picker__gradient-thumb{border:1px solid #fff;border-radius:50%;cursor:pointer;display:inline-block;height:10px;width:10px;margin-left:-5px;margin-top:-5px;position:absolute;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:left .2s cubic-bezier(.25, .8, .25, 1) 0s,top .2s cubic-bezier(.25, .8, .25, 1) 0s;transition:left .2s cubic-bezier(.25, .8, .25, 1) 0s,top .2s cubic-bezier(.25, .8, .25, 1) 0s}.forge-color-picker__control-preview{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100%;padding:16px}.forge-color-picker__controls{-webkit-box-flex:1;flex:1;margin-right:16px}.forge-color-picker__slider{position:relative}.forge-color-picker__slider-thumb{outline:0;height:16px;width:16px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3);position:absolute;border-radius:50%;top:calc(50% - 8px);margin-left:-8px;-webkit-transition:left .4s cubic-bezier(.25, .8, .25, 1);transition:left .4s cubic-bezier(.25, .8, .25, 1)}.forge-color-picker__slider-thumb--active{-webkit-transition:none;transition:none}.forge-color-picker__slider-thumb:hover{cursor:pointer}.forge-color-picker__color-preview-container{border-radius:50%;-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.54) inset,0 0 2px 0 rgba(0,0,0,.54);box-shadow:0 0 2px 0 rgba(0,0,0,.54) inset,0 0 2px 0 rgba(0,0,0,.54);overflow:hidden}.forge-color-picker__color-preview{height:32px;width:32px;-webkit-transition:background-color .2s cubic-bezier(.25, .8, .25, 1);transition:background-color .2s cubic-bezier(.25, .8, .25, 1)}.forge-color-picker__value{display:-webkit-box;display:flex;width:100%;-webkit-box-align:center;align-items:center;padding:0 8px 16px 16px;font-size:12px}.forge-color-picker__color-types{-webkit-box-flex:1;flex:1}.forge-color-picker__color-types label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-light,rgba(0,0,0,.54))}.forge-color-picker__color-types input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit)}.forge-color-picker__color-types input[type=number],.forge-color-picker__color-types input[type=text]{color:#000;color:var(--mdc-theme-on-surface,#000);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:transparent;padding:4px 8px;border-width:1px;border-style:solid;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1);transition:border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1);transition:box-shadow .2s 0s cubic-bezier(0, 0, .2, 1),border-color .2s 0s cubic-bezier(0, 0, .2, 1);transition:box-shadow .2s 0s cubic-bezier(0, 0, .2, 1),border-color .2s 0s cubic-bezier(0, 0, .2, 1),-webkit-box-shadow .2s 0s cubic-bezier(0, 0, .2, 1)}.forge-color-picker__color-types input[type=number]:hover,.forge-color-picker__color-types input[type=text]:hover{border-color:rgba(0,0,0,.87);border-color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-color-picker__color-types input[type=number]:focus,.forge-color-picker__color-types input[type=text]:focus{border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5);-webkit-box-shadow:0 0 0 1px inset #3f51b5;box-shadow:0 0 0 1px inset #3f51b5;-webkit-box-shadow:0 0 0 1px inset var(--mdc-theme-primary,#3f51b5);box-shadow:0 0 0 1px inset var(--mdc-theme-primary,#3f51b5)}.forge-color-picker__color-types input[type=number]{text-align:center;-moz-appearance:textfield}.forge-color-picker__color-types input[type=number]::-webkit-inner-spin-button,.forge-color-picker__color-types input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.forge-color-picker__color-hex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:space-between;align-items:space-between}.forge-color-picker__canvas{background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+")}.forge-color-picker__hue-slider{height:8px;background:-webkit-gradient(linear,left top,right top,color-stop(0,red),color-stop(16%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(84%,#f0f),to(#ff0004));background:linear-gradient(to right,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 84%,#ff0004 100%)}.forge-color-picker__opacity-slider{height:8px;margin-top:16px;background:-webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),to(red));background:linear-gradient(to right,rgba(255,0,0,0) 0,red 100%)}.forge-color-picker__color-hsva,.forge-color-picker__color-rgba{display:-webkit-box;display:flex}.forge-color-picker__color-hsva div,.forge-color-picker__color-rgba div{margin-right:4px}.forge-color-picker__color-hsva label,.forge-color-picker__color-rgba label{display:block;text-align:center}.forge-color-picker__color-hsva input,.forge-color-picker__color-rgba input{width:44px}:host{display:inline-block}:host([hidden]){display:none}',p=class extends G{constructor(){super();U.define(D),O(this,te,ie),this._foundation=new I(new f(this))}static get observedAttributes(){return[o.attributes.VALUE,o.attributes.ALLOW_OPACITY,o.attributes.DEBOUNCE_CHANGE_EVENT]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(t,i,a){switch(t){case o.attributes.VALUE:this.value=a;break;case o.attributes.ALLOW_OPACITY:this.allowOpacity=C(a);break;case o.attributes.DEBOUNCE_CHANGE_EVENT:this.debounceChangeEvent=C(a);break}}};h([g()],p.prototype,"value",2),h([g()],p.prototype,"rgba",2),h([g()],p.prototype,"hsva",2),h([g()],p.prototype,"opacity",2),h([g()],p.prototype,"allowOpacity",2),h([g()],p.prototype,"debounceChangeEvent",2),p=h([B({name:o.elementName,dependencies:[K,F,Z]})],p);function Xe(){M(p)}export{o as a,w as b,A as c,f as d,I as e,p as f,Xe as g};
+//# sourceMappingURL=chunk.PRO76W5D.js.map