@tylertech/forge 3.0.0-next.19 → 3.0.0-next.20

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/icon-button/icon-button-constants.ts", "../../src/icon-button/icon-button-foundation.ts", "../../src/icon-button/icon-button-adapter.ts", "../../src/icon-button/icon-button.ts", "../../src/icon-button/icon-button-component-delegate.ts", "../../src/icon-button/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX, Density, Theme } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}icon-button`;\n\nconst observedAttributes = {\n  TOGGLE: 'toggle',\n  ON: 'on',\n  VARIANT: 'variant',\n  THEME: 'theme',\n  SHAPE: 'shape',\n  DENSITY: 'density'\n};\n\nconst attributes = {\n  ...observedAttributes,\n  ARIA_PRESSED: 'aria-pressed'\n};\n\nconst events = {\n  TOGGLE: `${elementName}-toggle`\n};\n\nconst defaults = {\n  DEFAULT_VARIANT: 'icon' as IconButtonVariant,\n  DEFAULT_THEME: 'primary' as IconButtonTheme,\n  DEFAULT_SHAPE: 'circular' as IconButtonShape,\n  DEFAULT_DENSITY: 'large' as IconButtonDensity\n};\n\nexport const ICON_BUTTON_CONSTANTS = {\n  elementName,\n  observedAttributes,\n  attributes,\n  events,\n  defaults\n};\n\nexport type IconButtonVariant = 'icon' | 'outlined' | 'tonal' | 'filled' | 'raised';\nexport type IconButtonTheme = Theme;\nexport type IconButtonShape = 'circular' | 'squared';\nexport type IconButtonDensity = Density;\n", "import { BaseButtonFoundation, IBaseButtonFoundation } from '../button/base/base-button-foundation';\nimport { IIconButtonAdapter } from './icon-button-adapter';\nimport { IconButtonDensity, IconButtonShape, IconButtonTheme, IconButtonVariant, ICON_BUTTON_CONSTANTS } from './icon-button-constants';\n\nexport interface IIconButtonFoundation extends IBaseButtonFoundation {\n  toggle: boolean;\n  on: boolean;\n  variant: IconButtonVariant;\n  theme: IconButtonTheme;\n  shape: IconButtonShape;\n  density: IconButtonDensity;\n}\n\nexport class IconButtonFoundation extends BaseButtonFoundation<IIconButtonAdapter> implements IIconButtonFoundation {\n  private _toggle = false;\n  private _on = false;\n  private _variant: IconButtonVariant = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_VARIANT;\n  private _theme: IconButtonTheme = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_THEME;\n  private _shape: IconButtonShape = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_SHAPE;\n  private _density: IconButtonDensity = ICON_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY;\n\n  constructor(adapter: IIconButtonAdapter) {\n    super(adapter);\n  }\n\n  protected override async _onClick(evt: MouseEvent): Promise<void> {\n    if (this._toggle) {\n      this._onToggle();\n    }\n    super._onClick(evt);\n  }\n\n  private _onToggle(): void {\n    // Update internal state first so listeners can access the new state\n    const originalOn = this._on;\n    this._on = !this._on;\n\n    const cancelled = !this._adapter.emitHostEvent(ICON_BUTTON_CONSTANTS.events.TOGGLE, this.on, true, true);\n    this._on = originalOn;\n\n    if (cancelled) {\n      return;\n    }\n\n    this.on = !originalOn;\n  }\n\n  public get toggle(): boolean {\n    return this._toggle;\n  }\n  public set toggle(value: boolean) {\n    value = !!value;\n    if (this._toggle !== value) {\n      this._toggle = value;\n      this._adapter.toggleHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ARIA_PRESSED, this._toggle, `${this._on}`);\n      this._adapter.toggleHostAttribute(ICON_BUTTON_CONSTANTS.attributes.TOGGLE, this._toggle);\n    }\n  }\n\n  public get on(): boolean {\n    return this._on;\n  }\n  public set on(value: boolean) {\n    value = !!value;\n    if (this._on !== value) {\n      this._on = value;\n      \n      if (this._toggle) {\n        this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ARIA_PRESSED, `${this._on}`);\n      } else {\n        this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ARIA_PRESSED);\n      }\n\n      this._adapter.toggleHostAttribute(ICON_BUTTON_CONSTANTS.attributes.ON, this._on);\n    }\n  }\n\n  public get variant(): IconButtonVariant {\n    return this._variant;\n  }\n  public set variant(value: IconButtonVariant) {\n    value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_VARIANT;\n    if (this._variant !== value) {\n      this._variant = value;\n\n      if (this._variant !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_VARIANT) {\n        this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.VARIANT, this._variant);\n      } else {\n        this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.VARIANT);\n      }\n    }\n  }\n\n  public get theme(): IconButtonTheme {\n    return this._theme;\n  }\n  public set theme(value: IconButtonTheme) {\n    value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_THEME;\n    if (this._theme !== value) {\n      this._theme = value;\n\n      if (this._theme !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_THEME) {\n        this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.THEME, this._theme);\n      } else {\n        this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.THEME);\n      }\n    }\n  }\n\n  public get shape(): IconButtonShape {\n    return this._shape;\n  }\n  public set shape(value: IconButtonShape) {\n    value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_SHAPE;\n    if (this._shape !== value) {\n      this._shape = value;\n\n      if (this._shape !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_SHAPE) {\n        this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.SHAPE, this._shape);\n      } else {\n        this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.SHAPE);\n      }\n    }\n  }\n\n  public get density(): IconButtonDensity {\n    return this._density;\n  }\n  public set density(value: IconButtonDensity) {\n    value = value ?? ICON_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY;\n    if (this._density !== value) {\n      this._density = value;\n\n      if (this._density !== ICON_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY) {\n        this._adapter.setHostAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSITY, this._density);\n      } else {\n        this._adapter.removeHostAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSITY);\n      }\n    }\n  }\n}\n", "import { BaseButtonAdapter, IBaseButtonAdapter } from '../button/base/base-button-adapter';\nimport { IIconButtonComponent } from './icon-button';\n\nexport interface IIconButtonAdapter extends IBaseButtonAdapter {}\n\nexport class IconButtonAdapter extends BaseButtonAdapter implements IIconButtonAdapter {\n  constructor(component: IIconButtonComponent) {\n    super(component);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { IconComponent } from '../icon';\nimport { BaseButton, IBaseButton } from '../button/base/base-button';\nimport { BASE_BUTTON_CONSTANTS } from '../button/base/base-button-constants';\nimport { FocusIndicatorComponent } from '../focus-indicator';\nimport { StateLayerComponent } from '../state-layer';\nimport { IconButtonDensity, IconButtonShape, IconButtonTheme, IconButtonVariant, ICON_BUTTON_CONSTANTS } from './icon-button-constants';\nimport { IconButtonFoundation } from './icon-button-foundation';\nimport { IconButtonAdapter } from './icon-button-adapter';\n\nconst template = '<template><div class=\\\"forge-icon-button\\\" part=\\\"root\\\"><slot name=\\\"start\\\"></slot><slot></slot><slot name=\\\"on\\\"></slot><slot name=\\\"end\\\"></slot><slot name=\\\"badge\\\"></slot><forge-focus-indicator target=\\\":host\\\" part=\\\"focus-indicator\\\"></forge-focus-indicator><forge-state-layer target=\\\":host\\\" exportparts=\\\"surface:state-layer\\\"></forge-state-layer></div></template>';\nconst styles = ':host{--_icon-button-display:var(--forge-icon-button-display, inline-flex);--_icon-button-disabled-cursor:var(--forge-icon-button-disabled-cursor, not-allowed)}:host{display:var(--_icon-button-display);position:relative;outline:0;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.forge-icon-button{--_icon-button-size:var(--forge-icon-button-size, 48px);--_icon-button-gap:var(--forge-icon-button-gap, 0);--_icon-button-icon-color:var(--forge-icon-button-icon-color, currentColor);--_icon-button-background-color:var(--forge-icon-button-background-color, none);--_icon-button-icon-size:var(--forge-icon-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));--_icon-button-cursor:var(--forge-icon-button-cursor, pointer);--_icon-button-padding:var(--forge-icon-button-padding, var(--forge-spacing-xxsmall, 4px));--_icon-button-border:var(--forge-icon-button-border, none);--_icon-button-shadow:var(--forge-icon-button-shadow, none);--_icon-button-transition-duration:var(--forge-icon-button-transition-duration, var(--forge-animation-duration-short3, 150ms));--_icon-button-transition-timing:var(--forge-icon-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_icon-button-shape:var(--forge-icon-button-shape, var(--forge-shape-full, 9999px));--_icon-button-shape-start-start:var(--forge-icon-button-shape-start-start, var(--_icon-button-shape));--_icon-button-shape-start-end:var(--forge-icon-button-shape-start-end, var(--_icon-button-shape));--_icon-button-shape-end-start:var(--forge-icon-button-shape-end-start, var(--_icon-button-shape));--_icon-button-shape-end-end:var(--forge-icon-button-shape-end-end, var(--_icon-button-shape));--_icon-button-shape-squared:var(--forge-icon-button-shape-squared, var(--forge-shape-medium, 4px));--_icon-button-outlined-border-width:var(--forge-icon-button-outlined-border-width, 1px);--_icon-button-outlined-border-style:var(--forge-icon-button-outlined-border-style, solid);--_icon-button-outlined-border-color:var(--forge-icon-button-outlined-border-color, var(--_icon-button-icon-color));--_icon-button-tonal-icon-color:var(--forge-icon-button-tonal-icon-color, var(--forge-theme-on-primary-container, #222c62));--_icon-button-tonal-background-color:var(--forge-icon-button-tonal-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-filled-icon-color:var(--forge-icon-button-filled-icon-color, var(--forge-theme-on-primary, #ffffff));--_icon-button-filled-background-color:var(--forge-icon-button-filled-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-raised-shadow:var(--forge-icon-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));--_icon-button-raised-hover-shadow:var(--forge-icon-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));--_icon-button-raised-active-shadow:var(--forge-icon-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));--_icon-button-raised-disabled-shadow:var(--forge-icon-button-raised-disabled-shadow, none);--_icon-button-density-small-size:var(--forge-icon-button-density-small-size, 24px);--_icon-button-density-small-padding:var(--forge-icon-button-density-small-padding, var(--forge-spacing-xxxsmall, 2px));--_icon-button-density-small-icon-size:var(--forge-icon-button-density-small-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));--_icon-button-density-medium-size:var(--forge-icon-button-density-medium-size, 36px);--_icon-button-density-medium-padding:var(--forge-icon-button-density-medium-padding, var(--forge-spacing-xxsmall, 4px));--_icon-button-density-large-size:var(--forge-icon-button-density-large-size, var(--_icon-button-size));--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-tonal-toggle-background-color:var(--forge-icon-button-tonal-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-background-color:var(--forge-icon-button-filled-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));--_icon-button-filled-toggle-icon-color:var(--forge-icon-button-filled-toggle-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-primary, #3f51b5));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-primary, #ffffff));--_icon-button-disabled-opacity:var(--forge-icon-button-disabled-opacity, 0.38);--_icon-button-popover-icon-padding:var(--forge-icon-button-popover-icon-padding, var(--forge-spacing-xsmall, 8px));--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5))}.forge-icon-button{position:relative;z-index:0;display:var(--_icon-button-display);-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;gap:var(--_icon-button-gap);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_icon-button-density-large-size);min-width:var(--_icon-button-density-large-size);border:var(--_icon-button-border);border-start-start-radius:var(--_icon-button-shape-start-start);border-start-end-radius:var(--_icon-button-shape-start-end);border-end-start-radius:var(--_icon-button-shape-end-start);border-end-end-radius:var(--_icon-button-shape-end-end);padding:var(--_icon-button-padding);-webkit-box-shadow:var(--_icon-button-shadow);box-shadow:var(--_icon-button-shadow);color:var(--_icon-button-icon-color);background:var(--_icon-button-background-color);font-size:var(--_icon-button-icon-size);cursor:var(--_icon-button-cursor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition-property:background,-webkit-box-shadow;transition-property:background,-webkit-box-shadow;transition-property:box-shadow,background;transition-property:box-shadow,background,-webkit-box-shadow;-webkit-transition-duration:var(--_icon-button-transition-duration);transition-duration:var(--_icon-button-transition-duration);-webkit-transition-timing-function:var(--_icon-button-transition-timing);transition-timing-function:var(--_icon-button-transition-timing)}.forge-icon-button ::slotted(:is([slot=start],[slot=end])){font-size:var(--_icon-button-icon-size);height:var(--_icon-button-icon-size);width:var(--_icon-button-icon-size);font-weight:inherit}a{position:absolute;inset:0;text-decoration:none}forge-focus-indicator{--forge-focus-indicator-color:var(--_icon-button-focus-indicator-color);--forge-focus-indicator-shape-start-start:var(--_icon-button-shape-start-start);--forge-focus-indicator-shape-start-end:var(--_icon-button-shape-start-end);--forge-focus-indicator-shape-end-start:var(--_icon-button-shape-end-start);--forge-focus-indicator-shape-end-end:var(--_icon-button-shape-end-end)}:host(:is([variant=icon],:not([variant]))){--forge-focus-indicator-outward-offset:0px}forge-state-layer{--forge-state-layer-color:var(--_icon-button-icon-color)}:host([popover-icon]) .forge-icon-button{--_icon-button-padding:var(--_icon-button-popover-icon-padding)}:host([variant=outlined]) .forge-icon-button{border-width:var(--_icon-button-outlined-border-width);border-style:var(--_icon-button-outlined-border-style);border-color:var(--_icon-button-outlined-border-color)}:host([variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-tonal-icon-color);--_icon-button-background-color:var(--_icon-button-tonal-background-color)}:host(:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-icon-color);--_icon-button-background-color:var(--_icon-button-filled-background-color)}:host([variant=raised]) .forge-icon-button{--_icon-button-shadow:var(--_icon-button-raised-shadow)}:host([variant=raised]) .forge-icon-button:hover{--_icon-button-raised-shadow:var(--_icon-button-raised-hover-shadow)}:host([variant=raised]) .forge-icon-button:active{--_icon-button-raised-shadow:var(--_icon-button-raised-active-shadow)}:host(:is(:not([toggle]),[toggle]:not([on]))) slot[name=on]{display:none}:host([toggle][on]) slot:not([name]){display:none}:host([toggle][on]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-toggle-on-icon-color)}:host([toggle][on][variant=outlined]) .forge-icon-button{--_icon-button-background-color:var(--_icon-button-outlined-toggle-on-background-color);--_icon-button-icon-color:var(--_icon-button-outlined-toggle-on-icon-color)}:host([toggle]:not([on])[variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--_icon-button-tonal-toggle-background-color)}:host([toggle][on][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-tonal-toggle-on-icon-color);--_icon-button-background-color:var(--_icon-button-tonal-toggle-on-background-color)}:host([toggle]:not([on]):is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-toggle-icon-color);--_icon-button-background-color:var(--_icon-button-filled-toggle-background-color)}:host([toggle][on]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--_icon-button-filled-toggle-on-icon-color);--_icon-button-background-color:var(--_icon-button-filled-toggle-on-background-color)}::slotted([slot=badge]){position:absolute;top:0;left:60%;z-index:1;pointer-events:none}::slotted(forge-badge[slot=badge][dot]){top:8px}:host(:is([dense],[density=small],[density=medium])) ::slotted(forge-badge[slot=badge]:not([dot])){top:-25%}:host(:is([dense],[density=small],[density=medium])) ::slotted(forge-badge[slot=badge][dot]){top:0}::slotted(forge-circular-progress){--forge-circular-progress-indicator-color:var(--_icon-button-icon-color);--forge-circular-progress-track-color:transparent;--forge-circular-progress-size:1em}:host(:is([dense],[density=small])) .forge-icon-button{--_icon-button-size:var(--_icon-button-density-small-size);--_icon-button-icon-size:var(--_icon-button-density-small-icon-size);--_icon-button-padding:var(--_icon-button-density-small-padding)}:host(:is([dense],[density=small])) ::slotted(*){font-size:var(--_icon-button-density-small-icon-size)}:host([density=medium]) .forge-icon-button{--_icon-button-size:var(--_icon-button-density-medium-size);--_icon-button-padding:var(--_icon-button-density-medium-padding)}:host([shape=squared]) .forge-icon-button{--_icon-button-shape:var(--_icon-button-shape-squared)}:host([disabled]){cursor:var(--_icon-button-disabled-cursor)}:host([disabled]) .forge-icon-button{pointer-events:none;opacity:var(--_icon-button-disabled-opacity)}:host([disabled][variant=raised]) .forge-icon-button{--_icon-button-raised-shadow:var(--_icon-button-raised-disabled-shadow)}:host(:not([toggle])[theme=primary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-primary, #3f51b5))}:host([toggle][theme=primary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5))}:host([toggle][theme=primary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-primary, #3f51b5));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5))}:host([theme=primary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5))}:host(:not([toggle])[theme=secondary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107))}:host([toggle][theme=secondary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-secondary, #ffc107))}:host([toggle][theme=secondary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-secondary-container, #fff0c3));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-secondary, #ffc107))}:host(:not([toggle])[theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-secondary-container, #8a6804));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container, #fff0c3))}:host([toggle]:not([on])[theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container, #fff0c3))}:host([toggle][theme=secondary][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-secondary-container, #fff0c3));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-secondary-container, #8a6804))}:host(:not([toggle])[theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-secondary, #000000));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary, #ffc107))}:host([toggle]:not([on])[theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-secondary, #ffc107));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-secondary-container, #fff0c3))}:host([toggle][theme=secondary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-secondary, #ffc107));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-secondary, #ffc107))}:host(:not([toggle])[theme=tertiary]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle][theme=tertiary]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle][theme=tertiary][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-tertiary-container, #d0d7ff));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-tertiary, #3d5afe))}:host(:not([toggle])[theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-tertiary-container, #213189));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([toggle]:not([on])[theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([toggle][theme=tertiary][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-tertiary-container, #d0d7ff));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-tertiary-container, #213189))}:host(:not([toggle])[theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-tertiary, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary, #3d5afe))}:host([toggle]:not([on])[theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([toggle][theme=tertiary]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-tertiary, #3d5afe));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-tertiary, #3d5afe))}:host(:not([toggle])[theme=success]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32))}:host([toggle][theme=success]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-success, #2e7d32))}:host([toggle][theme=success][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-success-container, #cde0ce));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-success, #2e7d32))}:host(:not([toggle])[theme=success][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-success-container, #19441b));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container, #cde0ce))}:host([toggle]:not([on])[theme=success][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container, #cde0ce))}:host([toggle][theme=success][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-success-container, #cde0ce));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-success-container, #19441b))}:host(:not([toggle])[theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-success, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success, #2e7d32))}:host([toggle]:not([on])[theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-success, #2e7d32));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-success-container, #cde0ce))}:host([toggle][theme=success]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-success, #2e7d32));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-success, #2e7d32))}:host(:not([toggle])[theme=error]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020))}:host([toggle][theme=error]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-error, #b00020))}:host([toggle][theme=error][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-error-container, #ecc2c9));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-error, #b00020))}:host(:not([toggle])[theme=error][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-error-container, #5f0011));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container, #ecc2c9))}:host([toggle]:not([on])[theme=error][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container, #ecc2c9))}:host([toggle][theme=error][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-error-container, #ecc2c9));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-error-container, #5f0011))}:host(:not([toggle])[theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-error, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error, #b00020))}:host([toggle]:not([on])[theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-error, #b00020));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-error-container, #ecc2c9))}:host([toggle][theme=error]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-error, #b00020));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-error, #b00020))}:host(:not([toggle])[theme=warning]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900))}:host([toggle][theme=warning]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-warning, #d14900))}:host([toggle][theme=warning][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-warning-container, #f4d3c2));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-warning, #d14900))}:host(:not([toggle])[theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-warning-container, #712700));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container, #f4d3c2))}:host([toggle]:not([on])[theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container, #f4d3c2))}:host([toggle][theme=warning][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-warning-container, #f4d3c2));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-warning-container, #712700))}:host(:not([toggle])[theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-warning, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning, #d14900))}:host([toggle]:not([on])[theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-warning, #d14900));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-warning-container, #f4d3c2))}:host([toggle][theme=warning]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-warning, #d14900));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-warning, #d14900))}:host(:not([toggle])[theme=info]:is(:not([variant]),[variant=icon],[variant=outlined])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0))}:host([toggle][theme=info]:is(:not([variant]),[variant=icon])) .forge-icon-button{--_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-info, #1565c0))}:host([toggle][theme=info][variant=outlined]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0));--_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-info-container, #c7daf0));--_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-info, #1565c0))}:host(:not([toggle])[theme=info][variant=tonal]) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-info-container, #0b3768));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container, #c7daf0))}:host([toggle]:not([on])[theme=info][variant=tonal]) .forge-icon-button{--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container, #c7daf0))}:host([toggle][theme=info][variant=tonal]) .forge-icon-button{--_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-info-container, #c7daf0));--_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-on-info-container, #0b3768))}:host(:not([toggle])[theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-on-info, #ffffff));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info, #1565c0))}:host([toggle]:not([on])[theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-icon-color:var(--forge-icon-button-icon-color, var(--forge-theme-info, #1565c0));--_icon-button-background-color:var(--forge-icon-button-background-color, var(--forge-theme-info-container, #c7daf0))}:host([toggle][theme=info]:is([variant=filled],[variant=raised])) .forge-icon-button{--_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-info, #1565c0));--_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info]) .forge-icon-button{--_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-info, #1565c0))}';\n\nexport interface IIconButtonComponent extends IBaseButton {\n  toggle: boolean;\n  on: boolean;\n  variant: IconButtonVariant;\n  theme: IconButtonTheme;\n  shape: IconButtonShape;\n  density: IconButtonDensity;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-icon-button': IIconButtonComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-icon-button-toggle': CustomEvent<boolean>;\n  }\n}\n\n/**\n * @tag forge-icon-button\n * \n * @summary Icons buttons are used to trigger an action or event.\n * \n * @property {boolean} toggle - Whether or not the icon button can be toggled.\n * @property {boolean} on - Whether or not the button is on. Only applies when `toggle` is `true`.\n * @property {IconButtonVariant} variant - The variant of the button. Valid values are `text`, `outlined`, `filled`, and `raised`.\n * @property {IconButtonTheme} theme - The theme of the button. Valid values are `primary`, `secondary`, `tertiary`, `success`, `error`, `warning`, `info`.\n * @property {string} shape - The shape of the button. Valid values are `circular` and `squared`.\n * @property {IconButtonDensity} density - The density of the button. Valid values are `small`, `medium`, and `large`.\n * @property {string} type - The type of button. Defaults to `button`. Valid values are `button`, `submit`, and `reset`.\n * @property {boolean} disabled - Whether or not the button is disabled.\n * @property {boolean} popoverIcon - Whether or not the button shows a built-in popover icon.\n * @property {string} name - The name of the button.\n * @property {string} value - The form value of the button.\n * @property {boolean} dense - Whether or not the button is dense.\n * @property {boolean} anchor - Whether or not the button is an `<a>` element.\n * @property {string} href - The href of the anchor.\n * @property {string} target - The target of the anchor.\n * @property {string} download - The download of the anchor.\n * @property {string} rel - The rel of the anchor.\n * @property {HTMLFormElement | null} form - The form reference of the button if within a `<form>` element.\n * \n * @attribute {boolean} toggle - Whether or not the icon button can be toggled.\n * @attribute {boolean} on - Whether or not the button is on. Only applies when `toggle` is `true`.\n * @attribute {IconButtonVariant} variant - The variant of the button. Valid values are `text`, `outlined`, `filled`, and `raised`.\n * @attribute {IconButtonTheme} theme - The theme of the button. Valid values are `primary`, `secondary`, `tertiary`, `success`, `error`, `warning`, `info`.\n * @attribute {string} shape - The shape of the button. Valid values are `circular` and `squared`.\n * @attribute {IconButtonDensity} density - The density of the button. Valid values are `small`, `medium`, and `large`.\n * @attribute {string} type - The type of button. Defaults to `button`. Valid values are `button`, `submit`, and `reset`.\n * @attribute {boolean} disabled - Whether or not the button is disabled.\n * @attribute {boolean} popover-icon - Whether or not the button shows a built-in popover icon.\n * @attribute {string} name - The name of the button.\n * @attribute {string} value - The form value of the button.\n * @attribute {boolean} dense - Whether or not the button is dense.\n * @attribute {boolean} anchor - Whether or not the button is an `<a>` element.\n * @attribute {string} href - The href of the anchor.\n * @attribute {string} target - The target of the anchor.\n * @attribute {string} download - The download of the anchor.\n * @attribute {string} rel - The rel of the anchor.\n * \n * @event {Event} click - Fires when the button is clicked.\n * @event {Event} forge-icon-button-toggle - Fires when the icon button is toggled.\n * \n * @cssproperty --forge-icon-button-display - The display property of the button.\n * @cssproperty --forge-icon-button-size - The height and min-width of the button.\n * @cssproperty --forge-icon-button-gap - The gap between the icon content.\n * @cssproperty --forge-icon-button-icon-color - The color of the icon.\n * @cssproperty --forge-icon-button-background-color - The background color of the button.\n * @cssproperty --forge-icon-button-icon-size - The size of the icon.\n * @cssproperty --forge-icon-button-cursor - The cursor of the button.\n * @cssproperty --forge-icon-button-padding - The inline padding of the button.\n * @cssproperty --forge-icon-button-border - The border of the button.\n * @cssproperty --forge-icon-button-shadow - The shadow of the button.\n * @cssproperty --forge-icon-button-transition-duration - The transition duration of the button.\n * @cssproperty --forge-icon-button-transition-timing - The transition timing of the button.\n * @cssproperty --forge-icon-button-shape - The shape of the button.\n * @cssproperty --forge-icon-button-shape-start-start - The start-start border-radius of the button.\n * @cssproperty --forge-icon-button-shape-start-end - The start-end border-radius of the button.\n * @cssproperty --forge-icon-button-shape-end-start - The end-start border-radius of the button.\n * @cssproperty --forge-icon-button-shape-end-end - The end-end border-radius of the button.\n * @cssproperty --forge-icon-button-shape-squared - The squared border-radius of the button.\n * @cssproperty --forge-icon-button-outlined-border-width - The border width when in the outlined variant.\n * @cssproperty --forge-icon-button-outlined-border-style - The border style when in the outlined variant.\n * @cssproperty --forge-icon-button-outlined-border-color - The border color when in the outlined variant.\n * @cssproperty --forge-icon-button-tonal-icon-color - The icon color when in the tonal variant.\n * @cssproperty --forge-icon-button-tonal-background-color - The background color when in the tonal variant.\n * @cssproperty --forge-icon-button-filled-icon-color - The icon color when in the filled variant.\n * @cssproperty --forge-icon-button-filled-background-color - The background color when in the filled variant.\n * @cssproperty --forge-icon-button-raised-shadow - The shadow when in the raised variant.\n * @cssproperty --forge-icon-button-raised-hover-shadow - The shadow when in the raised variant and hovered.\n * @cssproperty --forge-icon-button-raised-active-shadow - The shadow when in the raised variant and active.\n * @cssproperty --forge-icon-button-raised-disabled-shadow - The shadow when in the raised variant and disabled.\n * @cssproperty --forge-icon-button-density-small-size - The size of the button when in the small density.\n * @cssproperty --forge-icon-button-density-small-padding - The padding of the button when in the small density.\n * @cssproperty --forge-icon-button-density-small-icon-size - The size of the icon when in the small density.\n * @cssproperty --forge-icon-button-density-medium-size - The size of the button when in the medium density.\n * @cssproperty --forge-icon-button-density-medium-padding - The padding of the button when in the medium density.\n * @cssproperty --forge-icon-button-density-large-size - The size of the button when in the large density.\n * @cssproperty --forge-icon-button-toggle-on-icon-color - The color of the icon when in toggle mode and toggled on.\n * @cssproperty --forge-icon-button-outlined-toggle-on-background-color - The background color when in the outlined variant and toggled on.\n * @cssproperty --forge-icon-button-outlined-toggle-on-icon-color - The icon color when in the outlined variant and toggled on.\n * @cssproperty --forge-icon-button-tonal-toggle-background-color - The background color when in the tonal variant and toggled.\n * @cssproperty --forge-icon-button-tonal-toggle-on-background-color - The background color when in the tonal variant and toggled on.\n * @cssproperty --forge-icon-button-tonal-toggle-on-icon-color - The icon color when in the tonal variant and toggled on.\n * @cssproperty --forge-icon-button-filled-toggle-background-color - The background color when in the filled variant and toggled.\n * @cssproperty --forge-icon-button-filled-toggle-icon-color - The icon color when in the filled variant and toggled.\n * @cssproperty --forge-icon-button-filled-toggle-on-background-color - The background color when in the filled variant and toggled on.\n * @cssproperty --forge-icon-button-filled-toggle-on-icon-color - The icon color when in the filled variant and toggled on.\n * @cssproperty --forge-icon-button-disabled-cursor - The cursor when the button is disabled.\n * @cssproperty --forge-icon-button-disabled-opacity - The opacity when the button is disabled.\n * @cssproperty --forge-icon-button-popover-icon-padding - The padding of the popover icon.\n * @cssproperty --forge-icon-button-focus-indicator-color - The color of the focus indicator.\n * \n * @csspart root - The root container element.\n * @csspart focus-indicator - The focus-indicator indicator element.\n * @csspart state-layer - The state-layer surface element.\n * \n * @slot - This is a default/unnamed slot for the icon.\n * @slot on - The icon to show when in `toggle` mode when toggled \"on\".\n * @slot start - Elements to logically render before the icon.\n * @slot end - Elements to logically render after the icon.\n * @slot badge - Absolutely positions the element in the top-end corner of the button (typically reserved for badge-like content).\n */\n@CustomElement({\n  name: ICON_BUTTON_CONSTANTS.elementName,\n  dependencies: [\n    FocusIndicatorComponent,\n    StateLayerComponent,\n    IconComponent\n  ]\n})\nexport class IconButtonComponent extends BaseButton<IconButtonFoundation> implements IIconButtonComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      ...Object.values(BASE_BUTTON_CONSTANTS.observedAttributes),\n      ...Object.values(ICON_BUTTON_CONSTANTS.observedAttributes)\n    ];\n  }\n\n  protected readonly _foundation: IconButtonFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new IconButtonFoundation(new IconButtonAdapter(this));\n  }\n\n  public override attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case ICON_BUTTON_CONSTANTS.attributes.TOGGLE:\n        this.toggle = coerceBoolean(newValue);\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.ON:\n        this.on = coerceBoolean(newValue);\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.VARIANT:\n        this.variant = newValue as IconButtonVariant;\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.THEME:\n        this.theme = newValue as IconButtonTheme;\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.SHAPE:\n        this.shape = newValue as IconButtonShape;\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.DENSITY:\n        this.density = newValue as IconButtonDensity;\n        break;\n    }\n    super.attributeChangedCallback(name, oldValue, newValue);\n  }\n\n  @FoundationProperty()\n  public declare toggle: boolean;\n\n  @FoundationProperty()\n  public declare on: boolean;\n\n  @FoundationProperty()\n  public declare theme: IconButtonTheme;\n\n  @FoundationProperty()\n  public declare variant: IconButtonVariant;\n\n  @FoundationProperty()\n  public declare shape: IconButtonShape;\n\n  @FoundationProperty()\n  public declare density: IconButtonDensity;\n}\n", "import { addClass } from '@tylertech/forge-core';\nimport { IconExternalType, ICON_CONSTANTS, IIconComponent } from '../icon';\nimport { ICON_CLASS_NAME } from '../constants';\nimport { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';\nimport { IIconButtonComponent } from './icon-button';\nimport { ICON_BUTTON_CONSTANTS } from './icon-button-constants';\nimport { PopupPlacement } from '../popup';\n\nexport type IconButtonComponentDelegateProps = Partial<IIconButtonComponent>;\nexport interface IIconButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {\n  iconName?: string;\n  iconExternal?: boolean;\n  iconExternalType?: IconExternalType;\n  iconType?: 'font' | 'component';\n  iconClass?: string | string[];\n  tooltip?: string;\n  tooltipPosition?: PopupPlacement;\n}\nexport interface IIconButtonComponentDelegateConfig extends IBaseComponentDelegateConfig<IIconButtonComponent, IIconButtonComponentDelegateOptions> {}\n\nexport class IconButtonComponentDelegate extends BaseComponentDelegate<IIconButtonComponent, IIconButtonComponentDelegateOptions> {\n  private _iconElement?: IIconComponent;\n\n  constructor(config?: IIconButtonComponentDelegateConfig) {\n    super(config);\n  }\n\n  protected _build(): IIconButtonComponent {\n    const component = document.createElement(ICON_BUTTON_CONSTANTS.elementName);\n\n    if (this._config.options?.tooltip) {\n      const tooltip = document.createElement('forge-tooltip');\n      tooltip.textContent = this._config.options.tooltip;\n      \n      if (this._config.options.tooltipPosition) {\n        tooltip.placement = this._config.options.tooltipPosition;\n      }\n\n      component.appendChild(tooltip);\n    }\n\n    return component;\n  }\n\n  public get iconElement(): IIconComponent | undefined {\n    return this._iconElement;\n  }\n\n  public get disabled(): boolean {\n    return !!this._element.disabled;\n  }\n  public set disabled(value: boolean) {\n    this._element.disabled = value;\n  }\n\n  protected _configure(): void {\n    this._configureIcon();\n  }\n\n  private _configureIcon(): void {\n    if (!this._config.options?.iconName) {\n      return;\n    }\n\n    const type = this._config.options?.iconType || 'component';\n\n    switch (type) {\n      case 'font':\n        const classes = Array.isArray(this._config.options.iconClass) ? this._config.options.iconClass : [ICON_CLASS_NAME];\n        addClass(classes, this._element);\n        this._element.textContent = this._config.options.iconName;\n        break;\n      case 'component':\n        this._iconElement = document.createElement(ICON_CONSTANTS.elementName);\n        this._iconElement.name = this._config.options.iconName;\n        if (this._config.options.iconExternal !== undefined) {\n          this._iconElement.external = !!this._config.options.iconExternal;\n        }\n        if (this._config.options.iconExternalType) {\n          this._iconElement.externalType = this._config.options.iconExternalType;\n        }\n        if (this._config.options.iconClass) {\n          addClass(this._config.options.iconClass, this._iconElement);\n        }\n        this._element.appendChild(this._iconElement);\n        break;\n    }\n  }\n\n  public onClick(listener: (evt: MouseEvent) => void): void {\n    this._element.addEventListener('click', listener);\n  }\n\n  public onFocus(listener: (evt: Event) => void): void {\n    this._element.addEventListener('focus', evt => listener(evt));\n  }\n\n  public onBlur(listener: (evt: Event) => void): void {\n    this._element.addEventListener('blur', evt => listener(evt));\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { IconButtonComponent } from './icon-button';\n\nexport * from './icon-button';\nexport * from './icon-button-adapter';\nexport * from './icon-button-component-delegate';\nexport * from './icon-button-constants';\nexport * from './icon-button-foundation';\n\nexport function defineIconButtonComponent(): void {\n  defineCustomElement(IconButtonComponent);\n}\n"],
-  "mappings": "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",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "attributes", "__spreadProps", "__spreadValues", "events", "defaults", "ICON_BUTTON_CONSTANTS", "IconButtonFoundation", "BaseButtonFoundation", "adapter", "ICON_BUTTON_CONSTANTS", "evt", "originalOn", "cancelled", "value", "IconButtonAdapter", "BaseButtonAdapter", "component", "template", "styles", "IconButtonComponent", "BaseButton", "attachShadowTemplate", "IconButtonFoundation", "IconButtonAdapter", "BASE_BUTTON_CONSTANTS", "ICON_BUTTON_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "FocusIndicatorComponent", "StateLayerComponent", "IconComponent", "IconButtonComponentDelegate", "BaseComponentDelegate", "config", "_a", "component", "ICON_BUTTON_CONSTANTS", "tooltip", "value", "_b", "classes", "ICON_CLASS_NAME", "addClass", "ICON_CONSTANTS", "listener", "evt", "defineIconButtonComponent", "defineCustomElement", "IconButtonComponent"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{e as a}from"./chunk.HZUQXCOQ.js";import{i as l}from"./chunk.J2M2MXP2.js";function d(e){f(e._customElementName,e),l(e._customElementDependencies)&&m(e._customElementDependencies)}function m(e){e.forEach(d)}function f(e,t,o){var n;!((n=window==null?void 0:window.customElements)===null||n===void 0)&&n.get(e)||window.customElements.define(e,t,o)}function C(e,t){let o=e;for(;o.parentNode&&(o=o.parentNode,!!o.tagName);)if(!o.tagName||o.tagName.toLowerCase()===t.toLowerCase())return o;return null}function u(e){return new DOMParser().parseFromString(e,"text/html").querySelector("template")}function v(e,t){e.appendChild(u(t).content.cloneNode(!0))}function R(e,t,o,n=!1){let i=p(t,o);e.attachShadow({mode:"open",delegatesFocus:n}),w(e,i)}function p(e,t){let o=u(e);if(t){t=t instanceof Array?t:[t];let n=document.createElement("style");n.type="text/css",n.textContent=t.join(" "),o.content.appendChild(n)}return o}function w(e,t){e.shadowRoot.appendChild(t.content.cloneNode(!0))}function h(e,t){return e.shadowRoot.querySelector(t)}function S(e,t){return e.querySelector(t)}function T(e,t,o,n=!0,i=!1){let r;return typeof CustomEvent=="function"?r=new CustomEvent(t,{detail:o,bubbles:n,cancelable:i}):(r=document.createEvent("CustomEvent"),r.initCustomEvent(t,n,i,o)),e.dispatchEvent(r)}function N(e,t,o,n,i,r){let s=!!h(e,n);return r||(r=document.createComment(`(${o}) ${n}`)),t&&!s?a(i,r):!t&&s&&a(r,i),r}function D(e,t){function o(n){return!n||n===document||n===window?null:(n.assignedSlot&&(n=n.assignedSlot),n.closest(e)||o(n.getRootNode().host))}return o(t)}var c=class extends HTMLElement{};export{d as a,m as b,C as c,v as d,R as e,h as f,S as g,T as h,N as i,D as j,c as k};
-//# sourceMappingURL=chunk.TPXXHX5J.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../node_modules/@tylertech/forge-core/esm/custom-elements/component-utils.js", "../../src/core/base/base-component.ts"],
-  "sourcesContent": ["import { replaceElement, isArray, removeAllChildren, walkUpUntil } from '../utils';\n/**\n * Recursively defines a component as a custom elements and all of its dependencies.\n * @param component The component to import.\n */\nexport function defineCustomElement(component) {\n    tryDefine(component._customElementName, component);\n    if (isArray(component._customElementDependencies)) {\n        defineCustomElements(component._customElementDependencies);\n    }\n}\n/**\n * Defines the specified custom element components.\n * @param {any[]} components The components to register.\n */\nexport function defineCustomElements(components) {\n    components.forEach(defineCustomElement);\n}\n/**\n * Attempts to define the provided custom element name/constructor if not already defined.\n * @param name The name of the custom element to define.\n * @param ctor The custom element constructor.\n */\nexport function tryDefine(name, ctor, options) {\n    var _a;\n    if ((_a = window === null || window === void 0 ? void 0 : window.customElements) === null || _a === void 0 ? void 0 : _a.get(name)) {\n        return;\n    }\n    window.customElements.define(name, ctor, options);\n}\n/**\n * Useful when capturing the value of a unupgraded component during the `connectedCallback` upon upgrade.\n *\n * More information here:\n * https://developers.google.com/web/fundamentals/architecture/building-components/best-practices#lazy-properties\n *\n * @param property\n */\nexport function upgradeProperty(instance, property) {\n    if (instance.hasOwnProperty(property)) {\n        const value = instance[property];\n        delete instance[property];\n        instance[property] = value;\n    }\n}\n/**\n * Traverses up the DOM tree starting from the provided component element to find the specified parent.\n * @param {HTMLElement} component The starting HTMLElement.\n * @param {string} parentTagName The parent tag name we are searching for.\n */\nexport function requireParent(component, parentTagName) {\n    let el = component;\n    while (el.parentNode) {\n        el = el.parentNode;\n        if (!el.tagName) {\n            break;\n        }\n        if (!el.tagName || el.tagName.toLowerCase() === parentTagName.toLowerCase()) {\n            return el;\n        }\n    }\n    return null;\n}\n/**\n * Creates a template element from a string.\n * @param template The template HTML string.\n */\nexport function parseTemplateString(template) {\n    const templateDocument = new DOMParser().parseFromString(template, 'text/html');\n    return templateDocument.querySelector('template');\n}\n/**\n * Attaches a template to the given web component instance light DOM.\n * @param {T} componentInstance A component instance.\n * @param {string} template The template HTML string.\n */\nexport function attachLightTemplate(componentInstance, template) {\n    componentInstance.appendChild(parseTemplateString(template).content.cloneNode(true));\n}\n/**\n * Attaches a shadow root to the given web component instance.\n * @param {T} componentInstance A component instance.\n * @param {string} elementName The name of the element the shadow root is to be attached to.\n * @param {string} template The shadow root template HTML string.\n * @param {string | string[]} styles The shadow root styles string to be encapsulated by this shadow root.\n * @param {boolean} [delegatesFocus=false] Should the component delagate focus.\n */\nexport function attachShadowTemplate(componentInstance, template, styles, delegatesFocus = false) {\n    const templateElement = prepareShadowTemplate(template, styles);\n    componentInstance.attachShadow({ mode: 'open', delegatesFocus });\n    setShadowTemplate(componentInstance, templateElement);\n}\n/**\n * Replaces the template of an existing shadow root with the provided template.\n * @param {T} componentInstance A component instance.\n * @param {string} elementName The name of the element the shadow root is to be attached to.\n * @param {string} template The shadow root template HTML string.\n * @param {string | string[]} styles The shadow root styles string to be encapsulated by this shadow root.\n */\nexport function replaceShadowTemplate(componentInstance, template, styles) {\n    if (!componentInstance.shadowRoot) {\n        throw new Error('This element does not contain a shadow root. Did you mean to call `attachShadowTemplate`?');\n    }\n    const templateElement = prepareShadowTemplate(template, styles);\n    if (componentInstance.shadowRoot.children.length) {\n        removeAllChildren(componentInstance.shadowRoot);\n    }\n    setShadowTemplate(componentInstance, templateElement);\n}\n/**\n * Creates and prepares an HTML template element for rendering within a shadow root.\n * @param {string} elementName The name of the element the shadow root is to be attached to.\n * @param {string} template The shadow root template HTML string.\n * @param {string | string[]} styles The shadow root styles string to be encapsulated by this shadow root.\n */\nexport function prepareShadowTemplate(template, styles) {\n    const templateElement = parseTemplateString(template);\n    if (styles) {\n        styles = styles instanceof Array ? styles : [styles];\n        const styleElement = document.createElement('style');\n        styleElement.type = 'text/css';\n        styleElement.textContent = styles.join(' ');\n        templateElement.content.appendChild(styleElement);\n    }\n    return templateElement;\n}\n/**\n * Appends a template to the provided components shadow root.\n * @param {T} componentInstance A component instance.\n * @param {HTMLTemplateElement} templateElement A template element to be cloned.\n */\nexport function setShadowTemplate(componentInstance, templateElement) {\n    componentInstance.shadowRoot.appendChild(templateElement.content.cloneNode(true));\n}\n/**\n * Copies style rules from the provided document stylesheets collection to the provided shadow root stylesheet.\n * @param {Document} fromDocument The document to find the style sheets in.\n * @param {ShadowRoot} shadowRoot The shadow root that contains the stylesheet to copy the rules to.\n * @param {IStyleSheetDescriptor[]} styleSheetDescriptors A collection of style sheet predicates.\n * @param {CSSStyleSheet} shadowStyleSheet The shadow root stylesheet to copy the style rules to.\n */\nexport function provideDocumentStyles(fromDocument, shadowRoot, documentStyleSheets, shadowStyleSheet) {\n    if (!shadowStyleSheet) {\n        return;\n    }\n    const documentSheets = [];\n    documentStyleSheets.forEach(sheet => {\n        const sheetName = typeof sheet === 'string' ? sheet : sheet.name;\n        const sheetFilter = sheet.selectorFilter;\n        const matchingStyleSheet = _findMatchingStyleSheet(fromDocument.styleSheets, sheetName);\n        if (!matchingStyleSheet) {\n            throw new Error(`Could not find stylesheet: ${sheetName}`);\n        }\n        let startIndex = shadowStyleSheet.cssRules.length;\n        for (const rule in matchingStyleSheet.cssRules) {\n            if (matchingStyleSheet.cssRules.hasOwnProperty(rule) && matchingStyleSheet.cssRules[rule].cssText && (!sheetFilter || new RegExp(sheetFilter).test(matchingStyleSheet.cssRules[rule].selectorText))) {\n                shadowStyleSheet.insertRule(matchingStyleSheet.cssRules[rule].cssText, startIndex++);\n            }\n        }\n    });\n}\n/**\n * Finds a stylesheet by name in the provided stylesheet list.\n * @param styleSheetList The stylesheet list to search.\n * @param sheetName The stylesheet name to find.\n * @returns {CSSStyleSheet | undefined}\n */\nfunction _findMatchingStyleSheet(styleSheetList, sheetName) {\n    for (const prop in styleSheetList) {\n        if (styleSheetList.hasOwnProperty(prop) && styleSheetList[prop].href) {\n            if (new RegExp(sheetName).test(styleSheetList[prop].href)) {\n                return styleSheetList[prop];\n            }\n        }\n    }\n    return undefined;\n}\n/**\n * Gets an HTML element using a query selector from the provided components` shadow root.\n * @param {HTMLElement} componentInstance The component instance that contains a shadow root.\n * @param {string} selector The selector to be passed to `querySelector`.\n */\nexport function getShadowElement(componentInstance, selector) {\n    return componentInstance.shadowRoot.querySelector(selector);\n}\n/**\n * Gets an HTML element using a query selector from the provided components` light DOM.\n * @param {HTMLElement} componentInstance The component instance.\n * @param {string} selector The selector to be passed to `querySelector`.\n */\nexport function getLightElement(componentInstance, selector) {\n    return componentInstance.querySelector(selector);\n}\n/**\n * Creates and dispatches a cross-browser `CustomEvent` with the provided type and data.\n * @param {string} type\n * @param {any} data\n * @param {boolean=} bubble\n */\nexport function emitEvent(component, type, data, bubble = true, cancelable = false) {\n    let evt;\n    if (typeof CustomEvent === 'function') {\n        evt = new CustomEvent(type, {\n            detail: data,\n            bubbles: bubble,\n            cancelable\n        });\n    }\n    else {\n        evt = document.createEvent('CustomEvent');\n        evt.initCustomEvent(type, bubble, cancelable, data);\n    }\n    return component.dispatchEvent(evt);\n}\n/**\n * Replaces the provided element with a placeholder comment and vice versa.\n * Useful for hiding and showing elements while retaining their location in the DOM.\n * @param {boolean} isVisible Whether the element is visible or not.\n * @param {string} elementName The element tag name.\n * @param {string} selector The selector used to find the element\n * @param {Node} element The element\n * @param {Comment} placeholder The existing placeholder\n */\nexport function toggleElementPlaceholder(component, isVisible, elementName, selector, element, placeholder) {\n    const exists = !!getShadowElement(component, selector);\n    if (!placeholder) {\n        placeholder = document.createComment(`(${elementName}) ${selector}`);\n    }\n    if (isVisible && !exists) {\n        replaceElement(element, placeholder);\n    }\n    else if (!isVisible && exists) {\n        replaceElement(placeholder, element);\n    }\n    return placeholder;\n}\n/**\n * Walks up the tree starting a specific node and stops when it finds a shadow root.\n * @param {Node} node The node to start searching from.\n * @returns {ShadowRoot | null} The closest shadow root ancestor, or null if not inside a shadow root.\n */\nexport function getClosestShadowRoot(node) {\n    return walkUpUntil(node, current => current.toString() === '[object ShadowRoot]');\n}\n/**\n * Finds the closest element up the tree from a starting element across shadow boundaries.\n * @param selector The CSS selector for the element to find.\n * @param startElement The element to start finding from.\n */\nexport function closestElement(selector, startElement) {\n    function __closestFrom(el) {\n        if (!el || el === document || el === window) {\n            return null;\n        }\n        if (el.assignedSlot) {\n            el = el.assignedSlot;\n        }\n        const found = el.closest(selector);\n        return found || __closestFrom(el.getRootNode().host);\n    }\n    return __closestFrom(startElement);\n}\n", "export interface IBaseComponent extends HTMLElement {\n  initializedCallback?(): void;\n  connectedCallback?(): void;\n  disconnectedCallback?(): void;\n  attributeChangedCallback?(name: string, oldValue: string, newValue: string): void;\n}\n\nexport abstract class BaseComponent extends HTMLElement implements IBaseComponent {}\n"],
-  "mappings": "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",
-  "names": ["defineCustomElement", "component", "tryDefine", "isArray", "defineCustomElements", "components", "name", "ctor", "options", "_a", "requireParent", "component", "parentTagName", "el", "parseTemplateString", "template", "attachLightTemplate", "componentInstance", "attachShadowTemplate", "styles", "delegatesFocus", "templateElement", "prepareShadowTemplate", "setShadowTemplate", "prepareShadowTemplate", "template", "styles", "templateElement", "parseTemplateString", "styleElement", "setShadowTemplate", "componentInstance", "getShadowElement", "componentInstance", "selector", "getLightElement", "emitEvent", "component", "type", "data", "bubble", "cancelable", "evt", "toggleElementPlaceholder", "isVisible", "elementName", "element", "placeholder", "exists", "replaceElement", "closestElement", "selector", "startElement", "__closestFrom", "el", "BaseComponent"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{a as i,b as n}from"./chunk.UVXKHQQZ.js";import{a,e as o,k as r}from"./chunk.TPXXHX5J.js";import{d as e}from"./chunk.M3QDAYD2.js";var m=`${n}page-state`,g={elementName:m};var s='<template><div class="forge-page-state" part="root"><div class="forge-page-state__graphic" part="graphic-container"><slot name="graphic"></slot></div><h1 class="forge-page-state__title" part="title-container"><slot name="title"></slot></h1><h2 class="forge-page-state__message" part="message-container"><slot name="message"></slot></h2><div class="forge-page-state__actions" part="actions-container"><slot name="action"></slot></div></div></template>',p=".forge-page-state{width:576px;width:var(--forge-page-state-width,576px);margin-top:56px;margin-top:var(--forge-page-state-vertical-margin,56px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);text-align:center}.forge-page-state__graphic{height:296px;height:var(--forge-page-state-graphic-height,296px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%}.forge-page-state__graphic ::slotted([slot=graphic]){height:100%;width:100%}.forge-page-state__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3rem;font-size:var(--mdc-typography-headline3-font-size, 3rem);line-height:3.125rem;line-height:var(--mdc-typography-headline3-line-height, 3.125rem);font-weight:400;font-weight:var(--mdc-typography-headline3-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline3-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline3-text-decoration,inherit);text-decoration:var(--mdc-typography-headline3-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline3-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-top:56px;margin-top:var(--forge-page-state-vertical-margin,56px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px)}.forge-page-state__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);font-size:20px;margin-top:0}.forge-page-state__actions ::slotted(:not(:last-child)){margin-right:16px}@media (max-width:599px){.forge-page-state{width:70%;width:var(--forge-page-state-mobile-width,70%)}.forge-page-state__graphic{height:auto;height:var(--forge-page-state-mobile-graphic-height,auto)}.forge-page-state__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit)}.forge-page-state__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit)}.forge-page-state__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.forge-page-state__actions ::slotted(:not(:last-child)){margin-right:0;margin-bottom:16px}}:host{display:-webkit-box;display:flex;width:100%;-webkit-box-pack:center;justify-content:center}:host([hidden]){display:none}",t=class extends r{constructor(){super(),o(this,s,p)}};t=e([i({name:g.elementName})],t);function k(){a(t)}export{g as a,t as b,k as c};
-//# sourceMappingURL=chunk.UCIVBX64.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/page-state/page-state-constants.ts", "../../src/page-state/page-state.ts", "../../src/page-state/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}page-state`;\n\nexport const PAGE_STATE_CONSTANTS = {\n  elementName\n};\n", "import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nimport { PAGE_STATE_CONSTANTS } from './page-state-constants';\n\nconst template = '<template><div class=\\\"forge-page-state\\\" part=\\\"root\\\"><div class=\\\"forge-page-state__graphic\\\" part=\\\"graphic-container\\\"><slot name=\\\"graphic\\\"></slot></div><h1 class=\\\"forge-page-state__title\\\" part=\\\"title-container\\\"><slot name=\\\"title\\\"></slot></h1><h2 class=\\\"forge-page-state__message\\\" part=\\\"message-container\\\"><slot name=\\\"message\\\"></slot></h2><div class=\\\"forge-page-state__actions\\\" part=\\\"actions-container\\\"><slot name=\\\"action\\\"></slot></div></div></template>';\nconst styles = '.forge-page-state{width:576px;width:var(--forge-page-state-width,576px);margin-top:56px;margin-top:var(--forge-page-state-vertical-margin,56px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);text-align:center}.forge-page-state__graphic{height:296px;height:var(--forge-page-state-graphic-height,296px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%}.forge-page-state__graphic ::slotted([slot=graphic]){height:100%;width:100%}.forge-page-state__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3rem;font-size:var(--mdc-typography-headline3-font-size, 3rem);line-height:3.125rem;line-height:var(--mdc-typography-headline3-line-height, 3.125rem);font-weight:400;font-weight:var(--mdc-typography-headline3-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline3-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline3-text-decoration,inherit);text-decoration:var(--mdc-typography-headline3-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline3-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));margin-top:56px;margin-top:var(--forge-page-state-vertical-margin,56px);margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px)}.forge-page-state__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight,400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));margin-bottom:56px;margin-bottom:var(--forge-page-state-vertical-margin,56px);font-size:20px;margin-top:0}.forge-page-state__actions ::slotted(:not(:last-child)){margin-right:16px}@media (max-width:599px){.forge-page-state{width:70%;width:var(--forge-page-state-mobile-width,70%)}.forge-page-state__graphic{height:auto;height:var(--forge-page-state-mobile-graphic-height,auto)}.forge-page-state__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit)}.forge-page-state__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit)}.forge-page-state__actions{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.forge-page-state__actions ::slotted(:not(:last-child)){margin-right:0;margin-bottom:16px}}:host{display:-webkit-box;display:flex;width:100%;-webkit-box-pack:center;justify-content:center}:host([hidden]){display:none}';\n\nexport interface IPageStateComponent extends IBaseComponent {}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-page-state': IPageStateComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-page-state>` custom element.\n * \n * @tag forge-page-state\n */\n@CustomElement({\n  name: PAGE_STATE_CONSTANTS.elementName\n})\nexport class PageStateComponent extends BaseComponent implements IPageStateComponent {\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { PageStateComponent } from './page-state';\n\nexport * from './page-state-constants';\nexport * from './page-state';\n\nexport function definePageStateComponent(): void {\n  defineCustomElement(PageStateComponent);\n}\n"],
-  "mappings": "wIAEA,IAAMA,EAA2C,GAAGC,cAEvCC,EAAuB,CAClC,YAAAF,CACF,ECDA,IAAMG,EAAW,qcACXC,EAAS,o9JAkBFC,EAAN,cAAiCC,CAA6C,CACnF,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,CAAM,CAC7C,CACF,EALaC,EAANG,EAAA,CAHNC,EAAc,CACb,KAAMC,EAAqB,WAC7B,CAAC,GACYL,GCjBN,SAASM,GAAiC,CAC/CC,EAAoBC,CAAkB,CACxC",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "PAGE_STATE_CONSTANTS", "template", "styles", "PageStateComponent", "BaseComponent", "attachShadowTemplate", "__decorateClass", "CustomElement", "PAGE_STATE_CONSTANTS", "definePageStateComponent", "defineCustomElement", "PageStateComponent"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{b as u,c as O,f as S}from"./chunk.JPOTN7LL.js";import{a as _}from"./chunk.LEVFMI2Q.js";import{b as B}from"./chunk.4SP42UG3.js";import{a as I}from"./chunk.ZY3ETQ3D.js";import{a as L}from"./chunk.NVUMRW44.js";import{a as k,b as A}from"./chunk.UVXKHQQZ.js";import{a as E,e as w,f as c}from"./chunk.TPXXHX5J.js";import{f as v,g as h,u as y}from"./chunk.HZUQXCOQ.js";import{k as g}from"./chunk.J2M2MXP2.js";import{a as b,b as m,d as l}from"./chunk.M3QDAYD2.js";var C=`${A}button-area`,x={DISABLED:"disabled",IGNORE:"data-forge-ignore",IGNORE_ALT:"forge-ignore"},T={ROOT:"root",BUTTON_SLOT:"button"},D={DISABLED:"forge-button-area--disabled"},z={ROOT:`#${T.ROOT}`,BUTTON_SLOT:"slot[name=button]"},o={elementName:C,attributes:x,ids:T,classes:D,selectors:z};var s=class extends I{constructor(e){super(e);this._rootElement=c(e,o.selectors.ROOT),this._buttonSlotElement=c(e,o.selectors.BUTTON_SLOT)}destroy(){typeof this._destroyUserInteractionListener=="function"&&this._destroyUserInteractionListener()}get root(){return this._rootElement}get unbounded(){return!1}get disabled(){return this.buttonIsDisabled()}setDisabled(e){var r;y(this._rootElement,e,o.classes.DISABLED),(r=this._buttonElement)==null||r.toggleAttribute(o.attributes.DISABLED,e)}addListener(e,r){this._rootElement.addEventListener(e,r)}removeListener(e,r){this._rootElement.removeEventListener(e,r)}addSlotChangeListener(e){this._buttonSlotElement.addEventListener("slotchange",e)}removeSlotChangeListener(e){this._buttonSlotElement.removeEventListener("slotchange",e)}startButtonObserver(e){this._buttonElement&&(this._buttonObserver=new MutationObserver(e),this._buttonObserver.observe(this._buttonElement,{attributeFilter:[o.attributes.DISABLED]}))}stopButtonObserver(){this._buttonObserver&&(this._buttonObserver.disconnect(),this._buttonObserver=void 0)}detectSlottedButton(){this._buttonElement=this._buttonSlotElement.assignedElements()[0]}buttonIsDisabled(){var e,r;return(r=(e=this._buttonElement)==null?void 0:e.disabled)!=null?r:!0}requestDisabledButtonFrame(){this._buttonElement&&(this._buttonElement.disabled=!0,requestAnimationFrame(()=>this._buttonElement.disabled=!1))}async createRipple(){if(this._rippleInstance)typeof this._destroyUserInteractionListener=="function"&&this._destroyUserInteractionListener(),this._rippleInstance.destroy(),this._rippleInstance=void 0;else{let e=await this._userInteractionListener();if(!this._rippleInstance){let r=m(b({},u.createAdapter(this)),{isSurfaceActive:()=>{var t,i;return this._rootElement.matches(":active")||((i=(t=this._buttonElement)==null?void 0:t.matches(":active"))!=null?i:!1)},isSurfaceDisabled:()=>{var t;return(t=this.disabled)!=null?t:!0},isUnbounded:()=>!!this.unbounded,registerInteractionHandler:(t,i)=>{var d;this._isRootEvent(t)?this._rootElement.addEventListener(t,i,{passive:!0}):(d=this._buttonElement)==null||d.addEventListener(t,i,{passive:!0})},deregisterInteractionHandler:(t,i)=>{var d;this._isRootEvent(t)?this._rootElement.removeEventListener(t,i,{passive:!0}):(d=this._buttonElement)==null||d.removeEventListener(t,i,{passive:!0})},addClass:t=>v(t,this._rootElement),removeClass:t=>h(t,this._rootElement),updateCssVariable:(t,i)=>this._rootElement.style.setProperty(t,i)});this._rippleInstance=new u(this._rootElement,new O(r)),e==="focusin"&&this._rippleInstance.handleFocus()}}}async _userInteractionListener(){typeof this._destroyUserInteractionListener=="function"&&this._destroyUserInteractionListener();let{userInteraction:e,destroy:r}=B(this._rootElement);this._destroyUserInteractionListener=r;let{type:t}=await e;return this._destroyUserInteractionListener=void 0,t}_isRootEvent(e){return["touchstart","pointerdown","mousedown"].includes(e)}};var p=class{constructor(a){this._adapter=a;this._disabled=!1;this._clickListener=e=>this._handleClick(e),this._keydownListener=e=>this._handleKeydown(e),this._pointerdownListener=e=>this._handlePointerdown(e),this._slotListener=()=>this._handleSlotChange()}initialize(){this._adapter.addListener("click",this._clickListener),this._adapter.addListener("keydown",this._keydownListener),this._adapter.addListener("pointerdown",this._pointerdownListener),this._adapter.addSlotChangeListener(this._slotListener),this._adapter.createRipple()}disconnect(){this._adapter.destroy(),this._adapter.removeListener("click",this._clickListener),this._adapter.removeSlotChangeListener(this._slotListener),this._adapter.stopButtonObserver()}_handleClick(a){var r;this._disabled&&a.stopPropagation(),((r=window.getSelection())==null?void 0:r.type)==="Range"&&a.stopPropagation(),this._shouldIgnoreEvent(a)&&a.stopPropagation()}_handleKeydown(a){a.key!==" "&&a.key!=="Enter"||this._shouldIgnoreEvent(a)&&a.stopPropagation()}_handlePointerdown(a){this._disabled||this._shouldIgnoreEvent(a)&&this._adapter.requestDisabledButtonFrame()}_handleSlotChange(){this._adapter.stopButtonObserver(),this._adapter.detectSlottedButton(),this._adapter.startButtonObserver(()=>this._handleButtonDisabled()),this._adapter.buttonIsDisabled()?this.disabled=!0:this._disabled&&this._adapter.setDisabled(!0)}_handleButtonDisabled(){this.disabled=this._adapter.buttonIsDisabled()}_shouldIgnoreEvent(a){return _(a).some(r=>r.nodeType===1&&(r.hasAttribute(o.attributes.IGNORE)||r.hasAttribute(o.attributes.IGNORE_ALT)))}get disabled(){return this._disabled}set disabled(a){this._disabled!==a&&(this._disabled=a,this._adapter.setDisabled(this._disabled),this._adapter.toggleHostAttribute(o.attributes.DISABLED,this._disabled))}};var R='<template><div class="forge-button-area" id="root" part="root"><div class="forge-button-area__button" id="button" part="button"><slot name="button"></slot></div><slot></slot></div></template>',N='@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-button-area{overflow:hidden}.forge-button-area:not(.forge-button-area--disabled).forge-button-area{--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;cursor:pointer}.forge-button-area:not(.forge-button-area--disabled).forge-button-area::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-button-area:not(.forge-button-area--disabled).forge-button-area::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-button-area:not(.forge-button-area--disabled).forge-button-area::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.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-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.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-button-area:not(.forge-button-area--disabled).forge-button-area.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-button-area:not(.forge-button-area--disabled).forge-button-area::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-surface--hover::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded--background-focused::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-area:not(.forge-button-area--disabled).forge-button-area:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated::before{opacity:.12;opacity:var(--mdc-ripple-activated-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated.mdc-ripple-surface--hover::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:hover::before{opacity:.16;opacity:var(--mdc-ripple-hover-opacity, .16)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated.mdc-ripple-upgraded--background-focused::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected.mdc-ripple-surface--hover::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected.mdc-ripple-upgraded--background-focused::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-button-area__button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}:host{display:block}:host([hidden]){display:none}',n=class extends HTMLElement{constructor(){super();w(this,R,N),this._foundation=new p(new s(this))}static get observedAttributes(){return[o.attributes.DISABLED]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,r,t){switch(e){case o.attributes.DISABLED:this.disabled=g(t);break}}};l([L()],n.prototype,"disabled",2),n=l([k({name:o.elementName,dependencies:[S]})],n);function se(){E(n)}export{o as a,s as b,p as c,n as d,se as e};
-//# sourceMappingURL=chunk.VGKNQYHG.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/button-area/button-area-constants.ts", "../../src/button-area/button-area-adapter.ts", "../../src/button-area/button-area-foundation.ts", "../../src/button-area/button-area.ts", "../../src/button-area/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName = `${COMPONENT_NAME_PREFIX}button-area`;\n\nconst attributes = {\n  DISABLED: 'disabled',\n  IGNORE: 'data-forge-ignore',\n  IGNORE_ALT: 'forge-ignore'\n};\n\nconst ids = {\n  ROOT: 'root',\n  BUTTON_SLOT: 'button'\n};\n\nconst classes = {\n  DISABLED: `forge-button-area--disabled`\n};\n\nconst selectors = {\n  ROOT: `#${ids.ROOT}`,\n  BUTTON_SLOT: `slot[name=button]`\n};\n\nexport const BUTTON_AREA_CONSTANTS = {\n  elementName,\n  attributes,\n  ids,\n  classes,\n  selectors\n};\n", "import { addClass, getShadowElement, removeClass, toggleClass } from '@tylertech/forge-core';\n\nimport { BaseAdapter, IBaseAdapter, createUserInteractionListener } from '../core';\nimport { ForgeRipple, ForgeRippleAdapter, ForgeRippleCapableSurface, ForgeRippleFoundation } from '../ripple';\nimport { IButtonAreaComponent } from './button-area';\nimport { BUTTON_AREA_CONSTANTS } from './button-area-constants';\n\nexport interface IButtonAreaAdapter extends IBaseAdapter {\n  destroy(): void;\n  setDisabled(value: boolean): void;\n  addListener(type: string, listener: (event: Event) => void): void;\n  removeListener(type: string, listener: (event: Event) => void): void;\n  addSlotChangeListener(listener: () => void): void;\n  removeSlotChangeListener(listener: () => void): void;\n  startButtonObserver(callback: MutationCallback): void;\n  stopButtonObserver(): void;\n  detectSlottedButton(): void;\n  buttonIsDisabled(): boolean;\n  requestDisabledButtonFrame(): void;\n  createRipple(): Promise<void>;\n}\n\nexport class ButtonAreaAdapter extends BaseAdapter<IButtonAreaComponent> implements IButtonAreaAdapter, ForgeRippleCapableSurface {\n  private _rootElement: HTMLElement;\n  private _buttonSlotElement: HTMLSlotElement;\n  private _buttonElement?: HTMLButtonElement;\n  private _rippleInstance?: ForgeRipple;\n  private _buttonObserver?: MutationObserver;\n  private _destroyUserInteractionListener: (() => void) | undefined;\n\n  constructor(component: IButtonAreaComponent) {\n    super(component);\n    this._rootElement = getShadowElement(component, BUTTON_AREA_CONSTANTS.selectors.ROOT);\n    this._buttonSlotElement = getShadowElement(component, BUTTON_AREA_CONSTANTS.selectors.BUTTON_SLOT) as HTMLSlotElement;\n  }\n\n  public destroy(): void {\n    if (typeof this._destroyUserInteractionListener === 'function') {\n      this._destroyUserInteractionListener();\n    }\n  }\n\n  public get root(): HTMLElement {\n    return this._rootElement;\n  }\n\n  public get unbounded(): boolean | undefined {\n    return false;\n  }\n\n  public get disabled(): boolean | undefined {\n    return this.buttonIsDisabled();\n  }\n\n  public setDisabled(value: boolean): void {\n    toggleClass(this._rootElement, value, BUTTON_AREA_CONSTANTS.classes.DISABLED);\n    this._buttonElement?.toggleAttribute(BUTTON_AREA_CONSTANTS.attributes.DISABLED, value);\n  }\n\n  public addListener(type: string, listener: (event: Event) => void): void {\n    this._rootElement.addEventListener(type, listener);\n  }\n\n  public removeListener(type: string, listener: (event: Event) => void): void {\n    this._rootElement.removeEventListener(type, listener);\n  }\n\n  public addSlotChangeListener(listener: () => void): void {\n    this._buttonSlotElement.addEventListener('slotchange', listener);\n  }\n\n  public removeSlotChangeListener(listener: () => void): void {\n    this._buttonSlotElement.removeEventListener('slotchange', listener);\n  }\n\n  public startButtonObserver(callback: MutationCallback): void {\n    if (this._buttonElement) {\n      this._buttonObserver = new MutationObserver(callback);\n      this._buttonObserver.observe(this._buttonElement, { attributeFilter: [BUTTON_AREA_CONSTANTS.attributes.DISABLED] });\n    }\n  }\n\n  public stopButtonObserver(): void {\n    if (this._buttonObserver) {\n      this._buttonObserver.disconnect();\n      this._buttonObserver = undefined;\n    }\n  }\n\n  public detectSlottedButton(): void {\n    this._buttonElement = this._buttonSlotElement.assignedElements()[0] as HTMLButtonElement | undefined;\n  }\n\n  public buttonIsDisabled(): boolean {\n    return this._buttonElement?.disabled ?? true;\n  }\n\n  public requestDisabledButtonFrame(): void {\n    if (this._buttonElement) {\n      this._buttonElement.disabled = true;\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      requestAnimationFrame(() => this._buttonElement!.disabled = false);\n    }\n  }\n\n  public async createRipple(): Promise<void> {\n    if (!this._rippleInstance) {\n      const type = await this._userInteractionListener();\n      if (!this._rippleInstance) {\n        const adapter: ForgeRippleAdapter = {\n          ...ForgeRipple.createAdapter(this),\n          isSurfaceActive: () => this._rootElement.matches(':active') || (this._buttonElement?.matches(':active') ?? false),\n          isSurfaceDisabled: () => this.disabled ?? true,\n          isUnbounded: () => !!this.unbounded,\n          registerInteractionHandler: (evtType, handler) => {\n            if (this._isRootEvent(evtType)) {\n              this._rootElement.addEventListener(evtType, handler, { passive: true });\n            } else {\n              this._buttonElement?.addEventListener(evtType, handler, { passive: true});\n            }\n          },\n          deregisterInteractionHandler: (evtType, handler) => {\n            if (this._isRootEvent(evtType)) {\n              this._rootElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\n            } else {\n              this._buttonElement?.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions);\n            }\n          },\n          addClass: (className) => addClass(className, this._rootElement),\n          removeClass: (className) => removeClass(className, this._rootElement),\n          updateCssVariable: (varName, value) => this._rootElement.style.setProperty(varName, value)\n        };\n        this._rippleInstance = new ForgeRipple(this._rootElement, new ForgeRippleFoundation(adapter));\n        if (type === 'focusin') {\n          this._rippleInstance.handleFocus();\n        }\n      }\n    } else {\n      if (typeof this._destroyUserInteractionListener === 'function') {\n        this._destroyUserInteractionListener();\n      }\n\n      this._rippleInstance.destroy();\n      this._rippleInstance = undefined;\n    }\n  }\n\n  private async _userInteractionListener(): Promise<string> {\n    if (typeof this._destroyUserInteractionListener === 'function') {\n      this._destroyUserInteractionListener();\n    }\n    const { userInteraction, destroy } = createUserInteractionListener(this._rootElement);\n    this._destroyUserInteractionListener = destroy;\n    const { type } = await userInteraction;\n    this._destroyUserInteractionListener = undefined;\n    return type;\n  }\n\n  private _isRootEvent(evtType: string): boolean {\n    return ['touchstart', 'pointerdown', 'mousedown'].includes(evtType);\n  }\n}\n", "import { ICustomElementFoundation, getEventPath } from '@tylertech/forge-core';\n\nimport { IButtonAreaAdapter } from './button-area-adapter';\nimport { BUTTON_AREA_CONSTANTS } from './button-area-constants';\n\nexport interface IButtonAreaFoundation extends ICustomElementFoundation {\n  disabled: boolean;\n}\n\nexport class ButtonAreaFoundation implements IButtonAreaFoundation {\n  private _disabled = false;\n  private _clickListener: (event: Event) => void;\n  private _keydownListener: (event: KeyboardEvent) => void;\n  private _pointerdownListener: (event: Event) => void;\n  private _slotListener: () => void;\n\n  constructor(private _adapter: IButtonAreaAdapter) {\n    this._clickListener = event => this._handleClick(event);\n    this._keydownListener = event => this._handleKeydown(event);\n    this._pointerdownListener = event => this._handlePointerdown(event);\n    this._slotListener = () => this._handleSlotChange();\n  }\n\n  public initialize(): void {\n    this._adapter.addListener('click', this._clickListener);\n    this._adapter.addListener('keydown', this._keydownListener);\n    this._adapter.addListener('pointerdown', this._pointerdownListener);\n    this._adapter.addSlotChangeListener(this._slotListener);\n    this._adapter.createRipple();\n  }\n\n  public disconnect(): void {\n    this._adapter.destroy();\n    this._adapter.removeListener('click', this._clickListener);\n    this._adapter.removeSlotChangeListener(this._slotListener);\n    this._adapter.stopButtonObserver();\n  }\n\n  private _handleClick(event: Event): void {\n    // Prevent the click if disabled\n    if (this._disabled) {\n      event.stopPropagation();\n    }\n\n    // Prevent the click if a selection was made\n    const selectionType = window.getSelection()?.type;\n    if (selectionType === 'Range') {\n      event.stopPropagation();\n    }\n\n    // Prevent the click if it originates from an ignored element\n    if (this._shouldIgnoreEvent(event)) {\n      event.stopPropagation();\n    }\n  }\n\n  private _handleKeydown(event: KeyboardEvent): void {\n    if (event.key !== ' ' && event.key !== 'Enter') {\n      return;\n    }\n\n    // Prevent the keydown if it originates from an ignored element\n    if (this._shouldIgnoreEvent(event)) {\n      event.stopPropagation();\n    }\n  }\n\n  private _handlePointerdown(event: Event): void {\n    if (this._disabled) {\n      return;\n    }\n\n    // Prevent the ripple animation when ignored children are clicked\n    if (this._shouldIgnoreEvent(event)) {\n      this._adapter.requestDisabledButtonFrame();\n    }\n  }\n\n  private _handleSlotChange(): void {\n    // Clear old button-connected listeners\n    this._adapter.stopButtonObserver();\n\n    this._adapter.detectSlottedButton();\n    this._adapter.startButtonObserver(() => this._handleButtonDisabled());\n\n    // Match the component and button states if either is disabled\n    if (this._adapter.buttonIsDisabled()) {\n      this.disabled = true;\n    } else if (this._disabled) {\n      this._adapter.setDisabled(true);\n    }\n  }\n\n  private _handleButtonDisabled(): void {\n    this.disabled = this._adapter.buttonIsDisabled();\n  }\n\n  private _shouldIgnoreEvent(event: Event): boolean {\n    const eventPath = getEventPath(event);\n    return eventPath.some(el => el.nodeType === 1 && (el.hasAttribute(BUTTON_AREA_CONSTANTS.attributes.IGNORE) || el.hasAttribute(BUTTON_AREA_CONSTANTS.attributes.IGNORE_ALT)));\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      this._adapter.toggleHostAttribute(BUTTON_AREA_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n}\n", "import { CustomElement, attachShadowTemplate, ICustomElement, FoundationProperty, coerceBoolean } from '@tylertech/forge-core';\nimport { ButtonAreaAdapter } from './button-area-adapter';\nimport { ButtonAreaFoundation } from './button-area-foundation';\nimport { BUTTON_AREA_CONSTANTS } from './button-area-constants';\nimport { RippleComponent } from '../ripple';\n\nconst template = '<template><div class=\\\"forge-button-area\\\" id=\\\"root\\\" part=\\\"root\\\"><div class=\\\"forge-button-area__button\\\" id=\\\"button\\\" part=\\\"button\\\"><slot name=\\\"button\\\"></slot></div><slot></slot></div></template>';\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{--mdc-ripple-color:var(--mdc-theme-on-surface)}.forge-button-area{overflow:hidden}.forge-button-area:not(.forge-button-area--disabled).forge-button-area{--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;cursor:pointer}.forge-button-area:not(.forge-button-area--disabled).forge-button-area::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-button-area:not(.forge-button-area--disabled).forge-button-area::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-button-area:not(.forge-button-area--disabled).forge-button-area::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.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-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.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-button-area:not(.forge-button-area--disabled).forge-button-area.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-button-area:not(.forge-button-area--disabled).forge-button-area::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-surface--hover::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded--background-focused::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-area:not(.forge-button-area--disabled).forge-button-area:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated::before{opacity:.12;opacity:var(--mdc-ripple-activated-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated.mdc-ripple-surface--hover::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:hover::before{opacity:.16;opacity:var(--mdc-ripple-hover-opacity, .16)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated.mdc-ripple-upgraded--background-focused::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected::after,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected.mdc-ripple-surface--hover::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected.mdc-ripple-upgraded--background-focused::before,.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-button-area:not(.forge-button-area--disabled).forge-button-area--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-button-area__button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}:host{display:block}:host([hidden]){display:none}';\n\nexport interface IButtonAreaComponent extends ICustomElement {\n  disabled: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-button-area': IButtonAreaComponent;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-button-area>` element.\n * \n * @tag forge-button-area\n */\n@CustomElement({\n  name: BUTTON_AREA_CONSTANTS.elementName,\n  dependencies: [\n    RippleComponent\n  ]\n})\nexport class ButtonAreaComponent extends HTMLElement implements IButtonAreaComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      BUTTON_AREA_CONSTANTS.attributes.DISABLED\n    ];\n  }\n\n  private _foundation: ButtonAreaFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new ButtonAreaFoundation(new ButtonAreaAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.disconnect();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case BUTTON_AREA_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  /** Controls whether the component and associated button element are disabled. */\n  @FoundationProperty()\n  public declare disabled: boolean;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { ButtonAreaComponent } from './button-area';\n\nexport * from './button-area-adapter';\nexport * from './button-area-constants';\nexport * from './button-area-foundation';\nexport * from './button-area';\n\nexport function defineButtonAreaComponent(): void {\n  defineCustomElement(ButtonAreaComponent);\n}\n"],
-  "mappings": "+cAEA,IAAMA,EAAc,GAAGC,eAEjBC,EAAa,CACjB,SAAU,WACV,OAAQ,oBACR,WAAY,cACd,EAEMC,EAAM,CACV,KAAM,OACN,YAAa,QACf,EAEMC,EAAU,CACd,SAAU,6BACZ,EAEMC,EAAY,CAChB,KAAM,IAAIF,EAAI,OACd,YAAa,mBACf,EAEaG,EAAwB,CACnC,YAAAN,EACA,WAAAE,EACA,IAAAC,EACA,QAAAC,EACA,UAAAC,CACF,ECRO,IAAME,EAAN,cAAgCC,CAA2F,CAQhI,YAAYC,EAAiC,CAC3C,MAAMA,CAAS,EACf,KAAK,aAAeC,EAAiBD,EAAWE,EAAsB,UAAU,IAAI,EACpF,KAAK,mBAAqBD,EAAiBD,EAAWE,EAAsB,UAAU,WAAW,CACnG,CAEO,SAAgB,CACjB,OAAO,KAAK,iCAAoC,YAClD,KAAK,gCAAgC,CAEzC,CAEA,IAAW,MAAoB,CAC7B,OAAO,KAAK,YACd,CAEA,IAAW,WAAiC,CAC1C,MAAO,EACT,CAEA,IAAW,UAAgC,CACzC,OAAO,KAAK,iBAAiB,CAC/B,CAEO,YAAYC,EAAsB,CAtD3C,IAAAC,EAuDIC,EAAY,KAAK,aAAcF,EAAOD,EAAsB,QAAQ,QAAQ,GAC5EE,EAAA,KAAK,iBAAL,MAAAA,EAAqB,gBAAgBF,EAAsB,WAAW,SAAUC,EAClF,CAEO,YAAYG,EAAcC,EAAwC,CACvE,KAAK,aAAa,iBAAiBD,EAAMC,CAAQ,CACnD,CAEO,eAAeD,EAAcC,EAAwC,CAC1E,KAAK,aAAa,oBAAoBD,EAAMC,CAAQ,CACtD,CAEO,sBAAsBA,EAA4B,CACvD,KAAK,mBAAmB,iBAAiB,aAAcA,CAAQ,CACjE,CAEO,yBAAyBA,EAA4B,CAC1D,KAAK,mBAAmB,oBAAoB,aAAcA,CAAQ,CACpE,CAEO,oBAAoBC,EAAkC,CACvD,KAAK,iBACP,KAAK,gBAAkB,IAAI,iBAAiBA,CAAQ,EACpD,KAAK,gBAAgB,QAAQ,KAAK,eAAgB,CAAE,gBAAiB,CAACN,EAAsB,WAAW,QAAQ,CAAE,CAAC,EAEtH,CAEO,oBAA2B,CAC5B,KAAK,kBACP,KAAK,gBAAgB,WAAW,EAChC,KAAK,gBAAkB,OAE3B,CAEO,qBAA4B,CACjC,KAAK,eAAiB,KAAK,mBAAmB,iBAAiB,EAAE,CAAC,CACpE,CAEO,kBAA4B,CA7FrC,IAAAE,EAAAK,EA8FI,OAAOA,GAAAL,EAAA,KAAK,iBAAL,YAAAA,EAAqB,WAArB,KAAAK,EAAiC,EAC1C,CAEO,4BAAmC,CACpC,KAAK,iBACP,KAAK,eAAe,SAAW,GAE/B,sBAAsB,IAAM,KAAK,eAAgB,SAAW,EAAK,EAErE,CAEA,MAAa,cAA8B,CACzC,GAAK,KAAK,gBAgCJ,OAAO,KAAK,iCAAoC,YAClD,KAAK,gCAAgC,EAGvC,KAAK,gBAAgB,QAAQ,EAC7B,KAAK,gBAAkB,WArCE,CACzB,IAAMH,EAAO,MAAM,KAAK,yBAAyB,EACjD,GAAI,CAAC,KAAK,gBAAiB,CACzB,IAAMI,EAA8BC,EAAAC,EAAA,GAC/BC,EAAY,cAAc,IAAI,GADC,CAElC,gBAAiB,IAAG,CA/G9B,IAAAT,EAAAK,EA+GiC,YAAK,aAAa,QAAQ,SAAS,KAAMA,GAAAL,EAAA,KAAK,iBAAL,YAAAA,EAAqB,QAAQ,aAA7B,KAAAK,EAA2C,KAC3G,kBAAmB,IAAG,CAhHhC,IAAAL,EAgHmC,OAAAA,EAAA,KAAK,WAAL,KAAAA,EAAiB,IAC1C,YAAa,IAAM,CAAC,CAAC,KAAK,UAC1B,2BAA4B,CAACU,EAASC,IAAY,CAlH5D,IAAAX,EAmHgB,KAAK,aAAaU,CAAO,EAC3B,KAAK,aAAa,iBAAiBA,EAASC,EAAS,CAAE,QAAS,EAAK,CAAC,GAEtEX,EAAA,KAAK,iBAAL,MAAAA,EAAqB,iBAAiBU,EAASC,EAAS,CAAE,QAAS,EAAI,EAE3E,EACA,6BAA8B,CAACD,EAASC,IAAY,CAzH9D,IAAAX,EA0HgB,KAAK,aAAaU,CAAO,EAC3B,KAAK,aAAa,oBAAoBA,EAASC,EAAS,CAAE,QAAS,EAAK,CAA4B,GAEpGX,EAAA,KAAK,iBAAL,MAAAA,EAAqB,oBAAoBU,EAASC,EAAS,CAAE,QAAS,EAAK,EAE/E,EACA,SAAWC,GAAcC,EAASD,EAAW,KAAK,YAAY,EAC9D,YAAcA,GAAcE,EAAYF,EAAW,KAAK,YAAY,EACpE,kBAAmB,CAACG,EAAShB,IAAU,KAAK,aAAa,MAAM,YAAYgB,EAAShB,CAAK,CAC3F,GACA,KAAK,gBAAkB,IAAIU,EAAY,KAAK,aAAc,IAAIO,EAAsBV,CAAO,CAAC,EACxFJ,IAAS,WACX,KAAK,gBAAgB,YAAY,GAWzC,CAEA,MAAc,0BAA4C,CACpD,OAAO,KAAK,iCAAoC,YAClD,KAAK,gCAAgC,EAEvC,GAAM,CAAE,gBAAAe,EAAiB,QAAAC,CAAQ,EAAIC,EAA8B,KAAK,YAAY,EACpF,KAAK,gCAAkCD,EACvC,GAAM,CAAE,KAAAhB,CAAK,EAAI,MAAMe,EACvB,YAAK,gCAAkC,OAChCf,CACT,CAEQ,aAAaQ,EAA0B,CAC7C,MAAO,CAAC,aAAc,cAAe,WAAW,EAAE,SAASA,CAAO,CACpE,CACF,ECxJO,IAAMU,EAAN,KAA4D,CAOjE,YAAoBC,EAA8B,CAA9B,cAAAA,EANpB,KAAQ,UAAY,GAOlB,KAAK,eAAiBC,GAAS,KAAK,aAAaA,CAAK,EACtD,KAAK,iBAAmBA,GAAS,KAAK,eAAeA,CAAK,EAC1D,KAAK,qBAAuBA,GAAS,KAAK,mBAAmBA,CAAK,EAClE,KAAK,cAAgB,IAAM,KAAK,kBAAkB,CACpD,CAEO,YAAmB,CACxB,KAAK,SAAS,YAAY,QAAS,KAAK,cAAc,EACtD,KAAK,SAAS,YAAY,UAAW,KAAK,gBAAgB,EAC1D,KAAK,SAAS,YAAY,cAAe,KAAK,oBAAoB,EAClE,KAAK,SAAS,sBAAsB,KAAK,aAAa,EACtD,KAAK,SAAS,aAAa,CAC7B,CAEO,YAAmB,CACxB,KAAK,SAAS,QAAQ,EACtB,KAAK,SAAS,eAAe,QAAS,KAAK,cAAc,EACzD,KAAK,SAAS,yBAAyB,KAAK,aAAa,EACzD,KAAK,SAAS,mBAAmB,CACnC,CAEQ,aAAaA,EAAoB,CAtC3C,IAAAC,EAwCQ,KAAK,WACPD,EAAM,gBAAgB,IAIFC,EAAA,OAAO,aAAa,IAApB,YAAAA,EAAuB,QACvB,SACpBD,EAAM,gBAAgB,EAIpB,KAAK,mBAAmBA,CAAK,GAC/BA,EAAM,gBAAgB,CAE1B,CAEQ,eAAeA,EAA4B,CAC7CA,EAAM,MAAQ,KAAOA,EAAM,MAAQ,SAKnC,KAAK,mBAAmBA,CAAK,GAC/BA,EAAM,gBAAgB,CAE1B,CAEQ,mBAAmBA,EAAoB,CACzC,KAAK,WAKL,KAAK,mBAAmBA,CAAK,GAC/B,KAAK,SAAS,2BAA2B,CAE7C,CAEQ,mBAA0B,CAEhC,KAAK,SAAS,mBAAmB,EAEjC,KAAK,SAAS,oBAAoB,EAClC,KAAK,SAAS,oBAAoB,IAAM,KAAK,sBAAsB,CAAC,EAGhE,KAAK,SAAS,iBAAiB,EACjC,KAAK,SAAW,GACP,KAAK,WACd,KAAK,SAAS,YAAY,EAAI,CAElC,CAEQ,uBAA8B,CACpC,KAAK,SAAW,KAAK,SAAS,iBAAiB,CACjD,CAEQ,mBAAmBA,EAAuB,CAEhD,OADkBE,EAAaF,CAAK,EACnB,KAAKG,GAAMA,EAAG,WAAa,IAAMA,EAAG,aAAaC,EAAsB,WAAW,MAAM,GAAKD,EAAG,aAAaC,EAAsB,WAAW,UAAU,EAAE,CAC7K,CAEA,IAAW,UAAoB,CAC7B,OAAO,KAAK,SACd,CACA,IAAW,SAASC,EAAgB,CAC9B,KAAK,YAAcA,IACrB,KAAK,UAAYA,EACjB,KAAK,SAAS,YAAY,KAAK,SAAS,EACxC,KAAK,SAAS,oBAAoBD,EAAsB,WAAW,SAAU,KAAK,SAAS,EAE/F,CACF,EC1GA,IAAME,EAAW,kMACXC,EAAS,i/ZAuBFC,EAAN,cAAkC,WAA4C,CASnF,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMH,EAAUC,CAAM,EAC3C,KAAK,YAAc,IAAIG,EAAqB,IAAIC,EAAkB,IAAI,CAAC,CACzE,CAZA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAsB,WAAW,QACnC,CACF,CAUO,mBAA0B,CAC/B,KAAK,YAAY,WAAW,CAC9B,CAEO,sBAA6B,CAClC,KAAK,YAAY,WAAW,CAC9B,CAEO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKD,EAAsB,WAAW,SACpC,KAAK,SAAWI,EAAcD,CAAQ,EACtC,KACJ,CACF,CAKF,EADiBE,EAAA,CADdC,EAAmB,GAhCTV,EAiCI,wBAjCJA,EAANS,EAAA,CANNE,EAAc,CACb,KAAMP,EAAsB,YAC5B,aAAc,CACZQ,CACF,CACF,CAAC,GACYZ,GCrBN,SAASa,IAAkC,CAChDC,EAAoBC,CAAmB,CACzC",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "ids", "classes", "selectors", "BUTTON_AREA_CONSTANTS", "ButtonAreaAdapter", "BaseAdapter", "component", "getShadowElement", "BUTTON_AREA_CONSTANTS", "value", "_a", "toggleClass", "type", "listener", "callback", "_b", "adapter", "__spreadProps", "__spreadValues", "ForgeRipple", "evtType", "handler", "className", "addClass", "removeClass", "varName", "ForgeRippleFoundation", "userInteraction", "destroy", "createUserInteractionListener", "ButtonAreaFoundation", "_adapter", "event", "_a", "getEventPath", "el", "BUTTON_AREA_CONSTANTS", "value", "template", "styles", "ButtonAreaComponent", "attachShadowTemplate", "ButtonAreaFoundation", "ButtonAreaAdapter", "BUTTON_AREA_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "RippleComponent", "defineButtonAreaComponent", "defineCustomElement", "ButtonAreaComponent"]
-}

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{b as v,c as X}from"./chunk.JPOTN7LL.js";import{d as z}from"./chunk.LFLIYBAB.js";import{C as R,e as S,i as L,q as T,x as P}from"./chunk.EWT2PBEP.js";import{d as O,l as D}from"./chunk.L7BSLZCB.js";import{a as A}from"./chunk.ZY3ETQ3D.js";import{a as s}from"./chunk.NVUMRW44.js";import{a as C,b as w}from"./chunk.UVXKHQQZ.js";import{a as I,e as k,f as h,k as N}from"./chunk.TPXXHX5J.js";import{f as d,u as c,v as u}from"./chunk.HZUQXCOQ.js";import{k as p,l as y}from"./chunk.J2M2MXP2.js";import{a as x,b as E,d as n}from"./chunk.M3QDAYD2.js";var f=`${w}step`,l={STEP:"forge-step",STEP_CONTAINER:"forge-step__container",ERROR:"forge-step--error",SELECTED:"forge-step--selected",COMPLETED:"forge-step--completed",EDITABLE:"forge-step--editable",ALTERNATIVE:"forge-step--alternative",ICON_CONTENT:"forge-step-icon-content",ICON:"forge-step-icon",LABEL_CONTAINER:"forge-step-label-container",LABEL:"forge-step-label",OPTIONAL_LABEL:"forge-step-optional-label",INDEX:"forge-step-index",CLUSTERED:"forge-step--clustered",DISABLED:"forge-step--disabled",VERTICAL:"forge-step--vertical",EXPANDED:"forge-step--expanded",EXPANDABLE:"forge-step--expandable",EXPANSION_PANEL:"forge-step__expansion-panel",EXPANSION_ICON:"forge-step__expanded-icon",EXPANSION_ICON_EXPANDED:"forge-step__expanded-icon--expanded",EXPANSION_CONTENT:"forge-step__expansion-content"},F={SELECTED:"selected",INDEX:"index",EDITABLE:"editable",COMPLETED:"completed",ERROR:"error",ALTERNATIVE:"alternative",FIRST:"first",LAST:"last",ARIA_SELECTED:"aria-selected",CLUSTERED:"clustered",DISABLED:"disabled",VERTICAL:"vertical",EXPANDED:"expanded",EXPANDABLE:"expandable",IGNORE_USER_EXPANSION:"ignore-user-expansion"},M={STEP:`.${l.STEP}`,STEP_CONTAINER:`.${l.STEP_CONTAINER}`,INDEX:`.${l.INDEX}`,ICON:`.${l.ICON}`,ICON_CONTENT:`.${l.ICON_CONTENT}`,EXPANSION_SLOT:'slot[name="expansion-content"]',EXPANSION_PANEL:`.${l.EXPANSION_PANEL}`,EXPANSION_ICON:`.${l.EXPANSION_ICON}`},H={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",ARROW_UP_KEY:"ArrowUp",ARROW_DOWN_KEY:"ArrowDown",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",EXPANSION_CONTENT_SLOT_NAME:"expansion-content"},B={SELECT:`${f}-select`,EXPANDED_CONTENT_FOCUSIN:`${f}-expanded-content-focusin`,EXPANDED_CONTENT_FOCUSOUT:`${f}-expanded-content-focusout`},t={elementName:f,classes:l,selectors:M,attributes:F,events:B,strings:H};var m=class extends A{constructor(e){super(e);this.unbounded=!1;this._buttonElement=h(e,t.selectors.STEP),this._container=h(e,t.selectors.STEP_CONTAINER)}get root(){return this._buttonElement}get disabled(){return this._buttonElement.disabled}get component(){return this._component}setRootTabIndex(e){this._buttonElement.tabIndex=e}initialize(){this._component.setAttribute("role","tab")}attachRipple(){this._rippleInstance=this.initializeRipple()}detatchRipple(){this._rippleInstance&&this._rippleInstance.destroy()}initializeRipple(){return this._createRipple()}setIndex(e){this._buttonElement.querySelector(t.selectors.INDEX).innerHTML=(e+1||"").toString()}toggleRootClass(e,r){c(this._buttonElement,r,e)}setRootAttribute(e,r){this._buttonElement.setAttribute(e,r)}focusButton(){this._buttonElement.focus()}toggleDisabled(e){c(this._buttonElement,e,t.classes.DISABLED),u(this._buttonElement,e,"aria-disabled"),this._buttonElement.disabled=e}toggleIcon(e,r){let a=this._buttonElement.querySelector(t.selectors.INDEX),b=this._buttonElement.querySelector(t.selectors.ICON);if(!r){a.style.display="inherit",b.style.display="none";return}a.style.display="none",b.style.display="inherit",b.name=e}slotHasContent(){return this._expansionSlot.assignedElements({flatten:!0}).length>0}setClickListener(e){this._buttonElement.addEventListener("click",e)}removeClickListener(e){this._buttonElement.removeEventListener("click",e)}setSlotListener(e){this._expansionSlot.addEventListener("slotchange",e)}removeSlotListener(e){this._expansionSlot&&this._expansionSlot.removeEventListener("slotchange",e)}setExpanded(e){this._expansionPanel&&(this._expansionPanel.open=e,u(this._expansionPanel,!e,"tabindex","-1")),c(this._buttonElement,e,t.classes.EXPANDED)}setExpansionPanelAnimations(e){this._expansionPanel.useAnimations=e}addExpansionPanel(){this._container.querySelector(t.selectors.EXPANSION_PANEL)||(this._expansionPanel=this._container.appendChild(this._createExpansionPanel()),this._expansionSlot=this._expansionPanel.querySelector(t.selectors.EXPANSION_SLOT))}removeExpansionPanel(){let e=this._container.querySelector(t.selectors.EXPANSION_PANEL);e&&this._container.removeChild(e)}addExpansionIcon(){this._buttonElement.querySelector(t.selectors.EXPANSION_ICON)||this._buttonElement.appendChild(this._createExpansionIcon())}removeExpansionIcon(){let e=this._buttonElement.querySelector(t.selectors.EXPANSION_ICON);e&&this._buttonElement.removeChild(e)}addExpansionPanelListener(e,r){this._expansionPanel.addEventListener(e,r)}removeExpansionPanelListener(e,r){this._expansionPanel&&this._expansionPanel.removeEventListener(e,r)}isExpandedContentInFocus(e){return this._expansionSlot.assignedElements().some(r=>r.contains(e||document.activeElement))}_createRipple(){let e=E(x({},v.createAdapter(this)),{isSurfaceDisabled:()=>this._buttonElement.disabled});return new v(this._buttonElement,new X(e))}_createExpansionPanel(){let e=document.createElement("forge-expansion-panel");e.useAnimations=!1,e.setAttribute("part","expansion-panel"),d(t.classes.EXPANSION_PANEL,e);let r=document.createElement("slot");return r.setAttribute("name","expansion-content"),d(t.classes.EXPANSION_CONTENT,r),e.appendChild(r),e}_createExpansionIcon(){let e=document.createElement("forge-icon");return d(t.classes.EXPANSION_ICON,e),e.name="keyboard_arrow_down",e.setAttribute("part","expanded-icon"),e}};var g=class{constructor(o){this._adapter=o;this._clickListener=()=>this._onClickListener(),this._expansionContentSlotChangeListener=e=>this._onExpansionContentSlotChange(e),this._expansionContentFocusInListener=e=>this._onExpansionContentFocusIn(e),this._expansionContentFocusOutListener=e=>this._onExpansionContentFocusOut(e)}initialize(){this._adapter.initialize(),this._adapter.attachRipple(),this._applySelected(),this._toggleIcon(),this._vertical&&(this._adapter.addExpansionPanel(),this._adapter.addExpansionIcon(),this._adapter.setClickListener(this._clickListener),this._adapter.setSlotListener(this._expansionContentSlotChangeListener),this._adapter.addExpansionPanelListener("focusin",this._expansionContentFocusInListener),this._adapter.addExpansionPanelListener("focusout",this._expansionContentFocusOutListener)),this._initialized=!0}disconnect(){this._adapter.detatchRipple(),this._adapter.removeClickListener(this._clickListener),this._adapter.removeSlotListener(this._expansionContentSlotChangeListener),this._adapter.removeExpansionPanelListener("focusin",this._onExpansionContentFocusIn),this._adapter.removeExpansionPanelListener("focusout",this._onExpansionContentFocusOut)}get index(){return this._index}set index(o){this._index!==o&&(this._index=o,this._applyIndex(),this._adapter.setHostAttribute(t.attributes.INDEX,o.toString()))}get editable(){return this._editable}set editable(o){this._editable!==o&&(this._editable=o,this._adapter.toggleHostAttribute(t.attributes.EDITABLE,o),this._applyEditable())}get completed(){return this._completed}set completed(o){this._completed!==o&&(this._completed=o,this._adapter.toggleHostAttribute(t.attributes.COMPLETED,o),this._applyCompleted())}get error(){return this._error}set error(o){this._error!==o&&(this._error=o,this._adapter.toggleHostAttribute(t.attributes.ERROR,o),this._applyError())}get selected(){return this._selected}set selected(o){this._selected!==o&&(this._selected=o,this._adapter.toggleHostAttribute(t.attributes.SELECTED,o),this._applySelected())}get alternative(){return this._alternative}set alternative(o){this._alternative!==o&&(this._alternative=o,this._adapter.toggleHostAttribute(t.attributes.ALTERNATIVE,o),this._applyAlternative())}get disabled(){return this._disabled}set disabled(o){this._disabled=o,this._applyDisabled()}get vertical(){return this._vertical}set vertical(o){o!==this._vertical&&(this._vertical=o,this._applyVertical(),this._initialized&&(this._vertical?(this._adapter.addExpansionPanel(),this._adapter.addExpansionIcon(),this._adapter.setClickListener(this._clickListener),this._adapter.setSlotListener(this._expansionContentSlotChangeListener)):(this._adapter.removeClickListener(this._clickListener),this._adapter.removeSlotListener(this._expansionContentSlotChangeListener),this._adapter.removeExpansionPanel(),this._adapter.removeExpansionIcon())))}get expanded(){return this._expanded}set expanded(o){o!==this._expanded&&(this._expanded=o,this._adapter.toggleHostAttribute(t.attributes.EXPANDED,this._expanded),this._initialized&&this._applyExpanded())}get ignoreUserExpansion(){return this._ignoreUserExpansion}set ignoreUserExpansion(o){o!==this._ignoreUserExpansion&&(this._ignoreUserExpansion=o)}setStepTabIndex(o){this._adapter.setRootTabIndex(o)}_applyExpanded(){this._adapter.setExpanded(this._expanded)}_applyVertical(){this._adapter.toggleHostAttribute(t.attributes.VERTICAL,this._vertical),this._adapter.toggleRootClass(t.classes.VERTICAL,this._vertical)}focus(){this._adapter.focusButton()}_applyAlternative(){this._adapter.toggleRootClass(t.classes.ALTERNATIVE,this._alternative)}_applySelected(){this._adapter.toggleRootClass(t.classes.SELECTED,this._selected),this._adapter.setHostAttribute(t.attributes.ARIA_SELECTED,(this._selected||!1).toString()),this._adapter.setRootTabIndex(this._selected?0:-1),this._toggleIcon()}_applyIndex(){this._adapter.setIndex(this._index)}_applyEditable(){this._adapter.toggleRootClass(t.classes.EDITABLE,this._editable),this._toggleIcon()}_applyCompleted(){this._adapter.toggleRootClass(t.classes.COMPLETED,this._completed),this._toggleIcon()}_applyError(){this._adapter.toggleRootClass(t.classes.ERROR,this._error),this._toggleIcon()}_applyDisabled(){this._adapter.toggleDisabled(this._disabled),this._toggleIcon()}_getIconState(){return this._error?"warning":this._completed?this._editable?"mode_edit":"check":this._editable&&this._selected&&!this._disabled?"mode_edit":this._disabled?"block":""}_toggleIcon(){this._iconState=this._getIconState(),this._adapter.toggleIcon(this._iconState,this._iconState!=="")}_toggleExpanded(){this._adapter.slotHasContent()&&(this._expanded=!this._expanded,this._applyExpanded(),this._adapter.toggleHostAttribute(t.attributes.EXPANDED,this._expanded))}_onClickListener(){this._vertical&&!this._ignoreUserExpansion&&this._toggleExpanded()}_onExpansionContentSlotChange(o){let e=this._adapter.slotHasContent();e?(this._adapter.setHostAttribute(t.attributes.EXPANDABLE),this._applyExpanded(),this._adapter.setExpansionPanelAnimations(!0)):(this._adapter.removeHostAttribute(t.attributes.EXPANDABLE),this._adapter.setExpansionPanelAnimations(!1)),this._adapter.toggleRootClass(t.classes.EXPANDABLE,e)}_onExpansionContentFocusIn(o){!this._expandedContentFocused&&this._adapter.isExpandedContentInFocus(o.target)&&(this._adapter.emitHostEvent(t.events.EXPANDED_CONTENT_FOCUSIN,this._adapter.component),this._expandedContentFocused=!0)}_onExpansionContentFocusOut(o){o.relatedTarget&&!this._adapter.isExpandedContentInFocus(o.relatedTarget)&&(this._adapter.emitHostEvent(t.events.EXPANDED_CONTENT_FOCUSOUT,this._adapter.component),this._expandedContentFocused=!1)}};var U='<template><div class="forge-step__container" part="root"><button class="forge-step" type="button" part="button"><div class="before" part="before"></div><div class="forge-step__icon-container" part="icon-container"><div class="forge-step-icon-content" part="icon-content"><span class="forge-step-index" part="index"></span><forge-icon class="forge-step-icon" part="icon"></forge-icon></div></div><div class="forge-step__text-container" part="text-container"><div class="forge-step__title" part="title-container"><slot></slot></div><div class="forge-step__subtitle" part="subtitle-container"><slot name="optional"></slot></div></div><div class="after" part="after"></div></button></div></template>',$='@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:relative;outline:0;overflow:hidden}.mdc-ripple-surface::after,.mdc-ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-ripple-surface::after,.mdc-ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-upgraded--unbounded::after,.mdc-ripple-upgraded--unbounded::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-ripple-surface::after,.mdc-ripple-surface::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.mdc-ripple-surface.mdc-ripple-surface--hover::before,.mdc-ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step{padding:12px 16px;outline:0;background:0 0;border:none;border-radius:14px;position:relative;display:-webkit-box;display:flex;overflow:hidden;-webkit-box-align:center;align-items:center;z-index:1;--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;cursor:pointer}.forge-step:focus{outline:0}.forge-step::-moz-focus-inner,.forge-step::-moz-focus-outer{padding:0;border:0}.forge-step::after,.forge-step::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-step::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-step::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-step.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-step.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-step.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-step.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-step.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-step::after,.forge-step::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-step.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-step::after,.forge-step::before{background-color:#000;background-color:var(--mdc-ripple-color,#000)}.forge-step.mdc-ripple-surface--hover::before,.forge-step:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-step.mdc-ripple-upgraded--background-focused::before,.forge-step:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-step:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-step.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step--selected::after,.forge-step--selected::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step.forge-step--error.forge-step--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-step.forge-step--error.forge-step--selected::after,.forge-step.forge-step--error.forge-step--selected::before{background-color:#b00020;background-color:var(--mdc-ripple-color,var(--mdc-theme-error,#b00020))}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-surface--hover::before,.forge-step.forge-step--error.forge-step--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded--background-focused::before,.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-step.forge-step--error.forge-step--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-step.forge-step--error.forge-step--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-step--selected{color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-step--disabled::after,.forge-step--disabled::before{background-color:transparent}.forge-step__container{display:contents}.forge-step__expansion-panel{display:none}.forge-step__expanded-icon{color:#757575;color:var(--forge-theme-icon-color,#757575);display:none;margin-left:auto}.forge-step__title{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle{text-align:left;overflow:hidden;text-overflow:ellipsis}.forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-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-step__icon-container .forge-step-icon-content{border-style:solid;border-width:2px;border-color:transparent;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;border-radius:50%;height:24px;width:24px;font-size:14px;-webkit-transition:background-color .4s cubic-bezier(.25, .8, .25, 1);transition:background-color .4s cubic-bezier(.25, .8, .25, 1);margin:0 8px 0 0;-webkit-box-flex:0;flex:none}.forge-step__icon-container .forge-step-icon-content forge-icon{font-size:14px}.forge-step:not(.forge-step--disabled) .forge-step-icon-content{color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87))}.forge-step--disabled{cursor:not-allowed;color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled.forge-step .forge-step__icon-container .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--disabled .forge-step__text-container .forge-step__title{color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--disabled .forge-step__text-container .forge-step__subtitle ::slotted(*){color:rgba(0,0,0,.6);color:var(--forge-theme-form-field-text-disabled-on-background,rgba(0,0,0,.6))}.forge-step--alternative{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-step--alternative .forge-step__icon-container .forge-step-icon-content{margin:0}.forge-step--alternative .forge-step__text-container{margin-top:8px;place-items:center}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content{border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.forge-step:not(.forge-step--selected):not(.forge-step--disabled).forge-step--editable:not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index,.forge-step:not(.forge-step--selected):not(.forge-step--disabled):not(.forge-step--editable):not(.forge-step--completed):not(.forge-step--error) .forge-step-icon-content .forge-step-index{color:#6200ee;color:var(--mdc-theme-primary,#6200ee)}.forge-step--selected.forge-step--disabled .forge-step-icon-content{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38));background-color:#f5f5f5;background-color:var(--forge-theme-form-field-disabled-on-background,#f5f5f5)}.forge-step--selected:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--selected:not(.forge-step--disabled) .forge-step__title{color:#6200ee;color:var(--mdc-theme-primary,#6200ee);font-weight:500}.forge-step--selected:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#6200ee;color:var(--mdc-theme-primary,#6200ee);font-weight:500}.forge-step--error:not(.forge-step--disabled) .forge-step__title{color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__subtitle ::slotted(*){color:#b00020;color:var(--mdc-theme-error,#b00020)}.forge-step--error:not(.forge-step--disabled) .forge-step__icon-container .forge-step-icon-content{background-color:#b00020;background-color:var(--mdc-theme-error,#b00020);color:#fff;color:var(--mdc-theme-on-error,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error):not(.forge-step--editable) .forge-step-icon-content{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--completed:not(.forge-step--disabled):not(.forge-step--error).forge-step--editable .forge-step-icon-content{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-step--expandable .forge-step__expanded-icon{display:inline-block;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.forge-step--expandable.forge-step--expanded .forge-step__expanded-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.forge-step--expandable .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}.forge-step__text-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:first-child[alternative])::after{align-self:flex-start;top:22px;margin:0}:host(:last-child[alternative])::before{align-self:flex-start;top:22px;margin:0}:host(:not(:first-child):not(:last-child)[alternative])::after,:host(:not(:first-child):not(:last-child)[alternative])::before{align-self:flex-start;top:22px;min-width:7px;margin:0}:host(:not(:last-child)[alternative]) .after{align-self:flex-start;top:22px;position:absolute;width:calc(50% - 18px);left:calc(50% + 18px);height:0;right:0}:host(:not(:last-child)[alternative]) .after::after{content:"";-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;right:0;left:0;min-width:0;width:100%;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child)[alternative]) .before{align-self:flex-start;top:22px;position:absolute;left:0;width:calc(50% - 18px);height:0}:host(:not(:first-child)[alternative]) .before::before{content:"";left:0;min-width:0;width:100%;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;position:absolute;border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px}:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::after,:host(:not(:first-child):not(:last-child)):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px}:host(:last-child):host(:not([vertical]))::before{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 -10px 0 0}:host(:not(:last-child)):host(:not([vertical]))::after{border-top-color:#e0e0e0;border-top-color:var(--forge-theme-border-color,#e0e0e0);content:"";position:relative;height:0;min-width:10px;-webkit-box-flex:1;flex:1;flex-basis:0.000000001px;border-top-style:solid;border-top-width:1px;border-radius:1px 0 0 1px;margin:0 0 0 -10px}:host(:focus){outline:0}:host([vertical]){-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([vertical])::after{content:none}:host([vertical])::before{content:none}:host([vertical]) .forge-step{width:100%;border-radius:4px;min-height:52px}:host([vertical]) .forge-step__text-container{white-space:normal}:host([vertical]) .forge-step__icon-container .forge-step-icon-content{margin:0 16px 0 0}:host([vertical][expandable]) .forge-step__expansion-panel{display:block}:host([ignore-user-expansion]) .forge-step__expanded-icon{display:none}forge-expansion-panel::part(root){border-left-style:solid;border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);border-left-width:1px;border-left-width:var(--forge-step-expansion-panel-border-left-width,1px);margin-left:60px;margin-left:var(--forge-step-expansion-panel-margin-left,60px);margin-top:4px;margin-top:var(--forge-step-expansion-panel-margin-top,4px);margin-bottom:4px;margin-bottom:var(--forge-step-expansion-panel-margin-bottom,4px)}:host(:not(:last-child)[clustered])::after{min-width:25px}:host(:last-child[clustered])::before{min-width:25px}:host(:not(:first-child):not(:last-child)[clustered])::after,:host(:not(:first-child):not(:last-child)[clustered])::before{min-width:25px}:host(:not(:last-child)[safari][alternative])::after{top:24px;margin:0 -5px}:host(:last-child[safari][alternative])::before{top:24px;margin:0 -5px}:host(:not(:first-child):not(:last-child)[safari][alternative])::after,:host(:not(:first-child):not(:last-child)[safari][alternative])::before{top:24px;margin:0 -5px}',i=class extends N{constructor(){super();O.define([P,L,R,S,T]),k(this,U,$),this._foundation=new g(new m(this))}static get observedAttributes(){return[t.attributes.COMPLETED,t.attributes.EDITABLE,t.attributes.ERROR,t.attributes.INDEX,t.attributes.SELECTED,t.attributes.ALTERNATIVE,t.attributes.DISABLED,t.attributes.VERTICAL,t.attributes.EXPANDED,t.attributes.IGNORE_USER_EXPANSION]}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,r,a){switch(e){case t.attributes.INDEX:this.index=y(a);break;case t.attributes.COMPLETED:this.completed=p(a);break;case t.attributes.EDITABLE:this.editable=p(a);break;case t.attributes.ERROR:this.error=p(a);break;case t.attributes.SELECTED:this.selected=p(a);break;case t.attributes.ALTERNATIVE:this.alternative=p(a);break;case t.attributes.DISABLED:this.disabled=p(a);break;case t.attributes.VERTICAL:this.vertical=p(a);break;case t.attributes.EXPANDED:this.expanded=p(a);break;case t.attributes.IGNORE_USER_EXPANSION:this.ignoreUserExpansion=p(a);break}}focus(){this._foundation.focus()}setStepTabIndex(e){this._foundation.setStepTabIndex(e)}};n([s()],i.prototype,"alternative",2),n([s()],i.prototype,"index",2),n([s()],i.prototype,"editable",2),n([s()],i.prototype,"completed",2),n([s()],i.prototype,"error",2),n([s()],i.prototype,"selected",2),n([s()],i.prototype,"disabled",2),n([s()],i.prototype,"vertical",2),n([s()],i.prototype,"expanded",2),n([s()],i.prototype,"ignoreUserExpansion",2),i=n([C({name:t.elementName,dependencies:[D,z]})],i);function ve(){I(i)}export{t as a,m as b,g as c,i as d,ve as e};
-//# sourceMappingURL=chunk.VN7JOJVU.js.map

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

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{d as f}from"./chunk.U7S4DJTU.js";import{a as t}from"./chunk.ZSZFWZAI.js";import{e as E}from"./chunk.UV3WIHCM.js";import{a as m}from"./chunk.ZY3ETQ3D.js";import{a as r}from"./chunk.NVUMRW44.js";import{f as n,k as g}from"./chunk.TPXXHX5J.js";import{A as v,f as _,g as b,m as u,p as L,t as c,u as h}from"./chunk.HZUQXCOQ.js";import{k as d}from"./chunk.J2M2MXP2.js";import{d as o}from"./chunk.M3QDAYD2.js";var S=class extends m{constructor(e){super(e);this._valueChangeListeners=[]}initialize(e){this._rootElement=n(this._component,e),this._labelSlot=n(this._component,"slot[name=label]"),this._leadingSlot=n(this._component,"slot[name=leading]"),this._trailingSlot=n(this._component,"slot[name=trailing]"),this._addonEndSlot=n(this._component,"slot[name=addon-end]"),this._inputElement=this._component.querySelector("input:not([type=checkbox]):not([type=radio])"),this.detectLabel()}destroy(){this._inputMutationObserver&&this._inputMutationObserver.disconnect()}hasLabel(){return!!this._labelElement}ensureSlottedLabel(){this._labelElement.slot="label"}ensureLabelOrder(){if(this._labelElement){let e=Array.from(this._component.children);e.length>1&&e.indexOf(this._labelElement)<e.indexOf(this._inputElement)&&this._component.appendChild(this._labelElement)}}addLabelSlotListener(e){this._labelSlot.addEventListener("slotchange",e)}removeLabelSlotListener(e){this._labelSlot&&this._labelSlot.removeEventListener("slotchange",e)}addLeadingSlotListener(e){this._leadingSlot.addEventListener("slotchange",e)}removeLeadingSlotListener(e){this._leadingSlot&&this._leadingSlot.removeEventListener("slotchange",e)}addTrailingSlotListener(e){this._trailingSlot.addEventListener("slotchange",e)}removeTrailingSlotListener(e){this._trailingSlot&&this._trailingSlot.removeEventListener("slotchange",e)}addAddonEndSlotListener(e){this._addonEndSlot.addEventListener("slotchange",e)}removeAddonEndSlotListener(e){this._addonEndSlot&&this._addonEndSlot.removeEventListener("slotchange",e)}addInputListener(e,s){this._inputElement.addEventListener(e,s)}removeInputListener(e,s){this._inputElement&&this._inputElement.removeEventListener(e,s)}setValueChangedListener(e,s){this.destroyValueChangeListener();let a=E(e,this._inputElement,"value",s);this._valueChangeListeners.push(a)}destroyValueChangeListener(){this._valueChangeListeners.forEach(e=>e())}detectLabel(){this._labelElement=this._component.querySelector("label")}initializeFloatingLabel(){return new f(this._labelElement)}inputHasValue(){return this._inputElement.value?this._inputElement.value.trim().length>0:!1}fieldHasValue(){return this.inputHasValue()}hasPlaceholder(){return this._inputElement.placeholder?this._inputElement.placeholder.trim().length>0:!1}inputHasFocus(e){return this._inputElement===e||this._inputElement===c(this._component.ownerDocument)}setLabelClass(e){this._labelElement&&this._labelElement.classList.add(e)}removeLabelClass(e){this._labelElement&&this._labelElement.classList.remove(e)}isLabelFloating(){return this._component.hasAttribute(t.attributes.HOST_LABEL_FLOATING)}setRoomy(e){h(this._rootElement,e,t.classes.ROOMY)}setDense(e){h(this._rootElement,e,t.classes.DENSE)}hasLeadingNodes(){return this._leadingSlot?this._leadingSlot.assignedNodes().length>0:!1}hasTrailingNodes(){return this._trailingSlot?this._trailingSlot.assignedNodes().length>0:!1}hasAddonEndNodes(){return this._addonEndSlot?this._addonEndSlot.assignedNodes().length>0:!1}setInputClass(e){this._inputElement.classList.add(e)}removeInputClass(e){this._inputElement.classList.remove(e)}setRootClass(e){_(e,this._rootElement)}removeRootClass(e){b(e,this._rootElement)}setInputAttributeObserver(e){this._inputMutationObserver=v(this._inputElement,e,t.observedInputAttributes)}isDisabled(){return this._inputElement.hasAttribute("disabled")}isReadonly(){return this._inputElement.hasAttribute("readonly")}getLabelWidth(e,s){return L(this._labelElement.innerText,{fontSize:e,fontFamily:s})}getLabelFontMetrics(){let e=getComputedStyle(this._labelElement);return{fontSize:parseInt(e.fontSize||"16",10),fontFamily:e.fontFamily||"Roboto"}}};var y=class{constructor(i){this._adapter=i;this._density="default";this._shape="default";this._invalid=!1;this._required=!1;this._floatLabelType="auto";this._isInitialized=!1;this._labelSlotListener=e=>this._onLabelSlotChanged(e),this._leadingSlotListener=e=>this._onLeadingSlotChanged(e),this._trailingSlotListener=e=>this._onTrailingSlotChanged(e),this._addonEndSlotListener=e=>this._onAddonEndSlotChanged(e),this._focusListener=e=>this._onFocus(e),this._blurListener=e=>this._onBlur(e),this._valueChangedListener=e=>this._onValueChanged(e),this._inputAttributeChangedListener=(e,s)=>this._onInputAttributeChanged(e,s)}initialize(){this._adapter.initialize(""),this._adapter.hasLabel()&&this._adapter.ensureSlottedLabel(),this._initializeLabel(),this._adapter.hasPlaceholder()&&(this._floatLabelType="always"),this._detectSlottedContent(),this._adapter.addLabelSlotListener(this._labelSlotListener),this._adapter.addLeadingSlotListener(this._leadingSlotListener),this._adapter.addTrailingSlotListener(this._trailingSlotListener),this._adapter.addAddonEndSlotListener(this._addonEndSlotListener),this._adapter.setValueChangedListener(this,this._valueChangedListener),this._adapter.addInputListener("focus",this._focusListener),this._adapter.addInputListener("blur",this._blurListener),this._adapter.setInputAttributeObserver(this._inputAttributeChangedListener),this._applyDensity(),this._setShapeType(),this._setValidity(),this._adapter.isDisabled()?this._adapter.setRootClass(t.classes.DISABLED):this._adapter.removeRootClass(t.classes.DISABLED),this._adapter.isReadonly()?this._adapter.setRootClass(t.classes.READONLY):this._adapter.removeRootClass(t.classes.READONLY),this._floatLabelType==="always"&&this.floatLabel(!0),this._isInitialized=!0}disconnect(){this._isInitialized=!1,this._adapter.destroy(),this._adapter.removeHostAttribute(t.attributes.HOST_LABEL_FLOATING),this._adapter.removeRootClass(t.classes.LABEL),this._floatingLabel&&(this._floatingLabel.destroy(),this._floatingLabel=void 0),this._adapter.removeLabelSlotListener(this._labelSlotListener),this._adapter.removeLeadingSlotListener(this._leadingSlotListener),this._adapter.removeTrailingSlotListener(this._trailingSlotListener),this._adapter.removeAddonEndSlotListener(this._addonEndSlotListener),this._adapter.removeInputListener("focus",this._focusListener),this._adapter.removeInputListener("blur",this._blurListener),this._adapter.destroyValueChangeListener()}get density(){return this._density}set density(i){if(this._density!==i){let e=this._density;this._density=i,this._isInitialized&&(this._applyDensity(),this._density==="dense"?this._destroyFloatingLabel({cancelFloat:!0}):e==="dense"&&this._initializeLabel()),this._adapter.setHostAttribute(t.attributes.DENSITY,this._density.toString())}}get floatLabelType(){return this._floatLabelType}set floatLabelType(i){this._floatLabelType!==i&&(this._floatLabelType=i,this._isInitialized&&this.floatLabel(this._floatLabelType==="always"),this._adapter.setHostAttribute(t.attributes.FLOAT_LABEL_TYPE,this._floatLabelType))}get shape(){return this._shape}set shape(i){this._shape!==i&&(this._shape=i,this._isInitialized&&this._setShapeType(),this._adapter.setHostAttribute(t.attributes.SHAPE,this._shape))}get invalid(){return this._invalid}set invalid(i){this._invalid!==i&&(this._invalid=i,this._isInitialized&&this._setValidity())}get required(){return this._required}set required(i){this._required!==i&&(this._required=i,this._isInitialized&&this._setValidity(),this._required?this._adapter.setHostAttribute(t.attributes.REQUIRED):this._adapter.removeHostAttribute(t.attributes.REQUIRED))}floatLabel(i){var e,s;if(((e=this._floatingLabel)==null?void 0:e.isFloating)===i||this._adapter.isLabelFloating()===i){i&&this._adapter.setHostAttribute(t.attributes.HOST_LABEL_FLOATING,"");return}if(!i&&this._floatLabelType==="always"){(s=this._floatingLabel)==null||s.float(!0,!0),this._adapter.setHostAttribute(t.attributes.HOST_LABEL_FLOATING,"");return}this._floatingLabel&&(this._floatingLabel.float(i,this._floatLabelType==="always"),i?(this._adapter.setInputClass(t.classes.INPUT_FOCUSED),this._adapter.setHostAttribute(t.attributes.HOST_LABEL_FLOATING,"")):(this._adapter.removeInputClass(t.classes.INPUT_FOCUSED),this._adapter.removeHostAttribute(t.attributes.HOST_LABEL_FLOATING)))}_onLabelSlotChanged(i){this._initializeLabel()}_onLeadingSlotChanged(i){this._detectLeadingContent()}_onTrailingSlotChanged(i){this._detectTrailingContent()}_onAddonEndSlotChanged(i){this._detectAddonEndContent()}_initializeLabel(){var i;(i=this._floatingLabel)==null||i.destroy(),this._adapter.detectLabel(),this._adapter.hasLabel()&&this._density!=="dense"?(this._floatingLabel=this._adapter.initializeFloatingLabel(),this._adapter.ensureLabelOrder(),this.floatLabel(this._floatLabelType==="always"||this._adapter.fieldHasValue()||this._adapter.hasPlaceholder()),this._adapter.setRootClass(t.classes.LABEL)):this._destroyFloatingLabel()}_destroyFloatingLabel({cancelFloat:i=!1}={}){var e;this._adapter.removeHostAttribute(t.attributes.HOST_LABEL_FLOATING),this._adapter.removeRootClass(t.classes.LABEL),(e=this._floatingLabel)==null||e.destroy({cancelFloat:i}),this._floatingLabel=void 0}_detectLeadingContent(){this._adapter.hasLeadingNodes()?this._adapter.setRootClass(t.classes.LEADING):this._adapter.removeRootClass(t.classes.LEADING)}_detectTrailingContent(){this._adapter.hasTrailingNodes()?this._adapter.setRootClass(t.classes.TRAILING):this._adapter.removeRootClass(t.classes.TRAILING)}_detectAddonEndContent(){this._adapter.hasAddonEndNodes()?this._adapter.setRootClass(t.classes.ADDON_END):this._adapter.removeRootClass(t.classes.ADDON_END)}_detectSlottedContent(){this._detectLeadingContent(),this._detectTrailingContent(),this._detectAddonEndContent()}_onFocus(i){this._adapter.setRootClass(t.classes.FOCUSED),this._adapter.setLabelClass(t.classes.LABEL_FOCUSED),this.floatLabel(!0)}_onBlur(i){this._adapter.inputHasFocus(i.relatedTarget)||(this._adapter.removeRootClass(t.classes.FOCUSED),this._adapter.removeLabelClass(t.classes.LABEL_FOCUSED),!this._adapter.fieldHasValue()&&!this._adapter.hasPlaceholder()&&(this.floatLabel(!1),this._adapter.removeHostAttribute(t.attributes.HOST_LABEL_FLOATING)))}_onValueChanged(i){this._adapter.fieldHasValue()?this.floatLabel(!0):!this._adapter.inputHasFocus()&&!this._adapter.hasPlaceholder()&&this.floatLabel(!1)}_onInputAttributeChanged(i,e){switch(this._adapter.isDisabled()?(this._adapter.setRootClass(t.classes.DISABLED),this._adapter.removeRootClass(t.classes.FOCUSED),this._adapter.removeInputClass(t.classes.INPUT_FOCUSED),this._adapter.removeLabelClass(t.classes.LABEL_FOCUSED),!this._adapter.fieldHasValue()&&!this._adapter.hasPlaceholder()&&this._floatingLabel&&this.floatLabel(!1)):this._adapter.removeRootClass(t.classes.DISABLED),this._adapter.isReadonly()?this._adapter.setRootClass(t.classes.READONLY):(this._adapter.removeRootClass(t.classes.READONLY),this._adapter.removeRootClass(t.classes.FOCUSED),this._adapter.removeInputClass(t.classes.INPUT_FOCUSED)),i){case"readonly":case"disabled":this._adapter.inputHasFocus()&&(this._adapter.setRootClass(t.classes.FOCUSED),this._adapter.setInputClass(t.classes.INPUT_FOCUSED),this._adapter.setLabelClass(t.classes.LABEL_FOCUSED));break;case"value":this._floatingLabel&&this.floatLabel(this._adapter.fieldHasValue());break;case"placeholder":if(this._floatingLabel){let s=!!e&&!!e.trim()||this._adapter.fieldHasValue();s!==this._floatingLabel.isFloating&&this.floatLabel(s)}break}}_setShapeType(){this._shape==="rounded"?this._adapter.setRootClass(t.classes.SHAPE_ROUNDED):this._adapter.removeRootClass(t.classes.SHAPE_ROUNDED)}_setValidity(){this._invalid?this._adapter.setRootClass(t.classes.INVALID):this._adapter.removeRootClass(t.classes.INVALID),this._required?this._adapter.setRootClass(t.classes.REQUIRED):this._adapter.removeRootClass(t.classes.REQUIRED)}_applyDensity(){this._adapter.setRoomy(this._density==="roomy"),this._adapter.setDense(this._density==="dense")}};var l=class extends g{constructor(){super()}static get observedAttributes(){return[t.attributes.DENSITY,t.attributes.FLOAT_LABEL_TYPE,t.attributes.SHAPE,t.attributes.INVALID,t.attributes.REQUIRED]}connectedCallback(){this.querySelector(t.selectors.INPUT)?this._initialize():u(this,t.selectors.INPUT).then(()=>this._initialize())}_initialize(){this._foundation.initialize()}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,s,a){switch(e){case t.attributes.DENSITY:this.density=a;break;case t.attributes.FLOAT_LABEL_TYPE:this.floatLabelType=a;break;case t.attributes.SHAPE:this.shape=a;break;case t.attributes.INVALID:this.invalid=d(a);break;case t.attributes.REQUIRED:this.required=d(a);break}}floatLabel(e){this._foundation.floatLabel(e)}};o([r()],l.prototype,"density",2),o([r()],l.prototype,"floatLabelType",2),o([r()],l.prototype,"shape",2),o([r()],l.prototype,"invalid",2),o([r()],l.prototype,"required",2);export{S as a,y as b,l as c};
-//# sourceMappingURL=chunk.VNFATHAQ.js.map