@tylertech/forge 3.0.0-next.15 → 3.0.0-next.17

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{a as I,b as N,c as C,d as D}from"./chunk.ZSHN7Z45.js";import{d as F}from"./chunk.OJHNLDNM.js";import{a as T,l as B}from"./chunk.L7BSLZCB.js";import{p as w}from"./chunk.FTADCSFT.js";import{a as A}from"./chunk.OUIWXKO2.js";import{a as s}from"./chunk.NVUMRW44.js";import{a as x,b as y,d as E}from"./chunk.UVXKHQQZ.js";import{a as u,e as _,f as v}from"./chunk.TPXXHX5J.js";import{f as c}from"./chunk.HZUQXCOQ.js";import{a as m,d as i}from"./chunk.M3QDAYD2.js";var O=`${y}fab`,k={THEME:"theme",DENSITY:"density",ELEVATION:"elevation"},S=m({},k),z={LABEL_SLOT:"slot[name=label]"},M={EXTENDED:`${O}--extended`},U={DEFAULT_THEME:"secondary",DEFAULT_DENSITY:"medium",DEFAULT_ELEVATION:"raised"},e={elementName:O,observedAttributes:k,attributes:S,selectors:z,classes:M,defaults:U};var f=class extends D{constructor(t){super(t);this._labelSlotElement=v(this._component,e.selectors.LABEL_SLOT)}initialize(){super.initialize(),this._extendedObserver||this._startExtendedWatcher(),this._detectExtendedState()}destroy(){var t;(t=this._extendedObserver)==null||t.disconnect(),this._extendedObserver=void 0}toggleDefaultPopoverIcon(t){super.toggleDefaultPopoverIcon(t),this._detectExtendedState()}_startExtendedWatcher(){this._extendedObserver=new MutationObserver(()=>this._detectExtendedState()),this._extendedObserver.observe(this._component,{childList:!0,subtree:!0,characterData:!0})}_detectExtendedState(){if(this._labelSlotElement.assignedNodes().length>0){this._rootElement.classList.add(e.classes.EXTENDED);return}this._rootElement.classList.remove(e.classes.EXTENDED),this._component.clientWidth>this._component.clientHeight&&this._rootElement.classList.add(e.classes.EXTENDED)}};var d=class extends C{constructor(t){super(t);this._theme=e.defaults.DEFAULT_THEME;this._density=e.defaults.DEFAULT_DENSITY;this._elevation=e.defaults.DEFAULT_ELEVATION}destroy(){this._adapter.destroy()}get theme(){return this._theme}set theme(t){if(this._theme!==t){this._theme=t!=null?t:e.defaults.DEFAULT_THEME;let o=this._theme!==e.defaults.DEFAULT_THEME;this._adapter.toggleHostAttribute(e.attributes.THEME,o,this._theme)}}get density(){return this._density}set density(t){if(this._density!==t){this._density=t!=null?t:e.defaults.DEFAULT_DENSITY;let o=this._density!==e.defaults.DEFAULT_DENSITY;this._adapter.toggleHostAttribute(e.attributes.DENSITY,o,this._density)}}get elevation(){return this._elevation}set elevation(t){if(this._elevation!==t){this._elevation=t!=null?t:e.defaults.DEFAULT_ELEVATION;let o=this._elevation!==e.defaults.DEFAULT_ELEVATION;this._adapter.toggleHostAttribute(e.attributes.ELEVATION,o,this._elevation)}}};var H='<template><div class="forge-fab" part="root"><slot name="start"></slot><slot></slot><slot name="label"></slot><slot name="end"></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>',P=':host{--_fab-display:var(--forge-fab-display, inline-flex);--_fab-disabled-cursor:var(--forge-fab-disabled-cursor, not-allowed)}:host{display:var(--_fab-display);position:relative;outline:0;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.forge-fab{--_fab-gap:var(--forge-fab-gap, var(--forge-spacing-xsmall, 8px));--_fab-background:var(--forge-fab-background, var(--forge-theme-secondary, #ffc107));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-secondary, #000000));--_fab-size:var(--forge-fab-size, 56px);--_fab-padding:var(--forge-fab-padding, var(--forge-spacing-xsmall, 8px));--_fab-shadow:var(--forge-fab-shadow, 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12));--_fab-hover-shadow:var(--forge-fab-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));--_fab-active-shadow:var(--forge-fab-active-shadow, 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12));--_fab-lowered-shadow:var(--forge-fab-lowered-shadow, 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12));--_fab-lowered-hover-shadow:var(--forge-fab-lowered-hover-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));--_fab-lowered-active-shadow:var(--forge-fab-lowered-active-shadow, 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12));--_fab-transition-duration:var(--forge-fab-transition-duration, var(--forge-animation-duration-short3, 150ms));--_fab-transition-timing:var(--forge-fab-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_fab-shape:var(--forge-fab-shape, var(--forge-shape-full, 9999px));--_fab-shape-start-start:var(--forge-fab-shape-start-start, var(--_fab-shape));--_fab-shape-start-end:var(--forge-fab-shape-start-end, var(--_fab-shape));--_fab-shape-end-start:var(--forge-fab-shape-end-start, var(--_fab-shape));--_fab-shape-end-end:var(--forge-fab-shape-end-end, var(--_fab-shape));--_fab-extended-padding:var(--forge-fab-extended-padding, var(--forge-spacing-medium-large, 20px));--_fab-extended-min-width:var(--forge-fab-extended-min-width, 96px);--_fab-density-small-size:var(--forge-fab-density-small-size, 40px);--_fab-density-medium-size:var(--forge-fab-density-medium-size, var(--_fab-size));--_fab-density-large-size:var(--forge-fab-density-large-size, 96px);--_fab-disabled-background:var(--forge-fab-disabled-background, var(--forge-theme-surface-container, #e0e0e0));--_fab-disabled-color:var(--forge-fab-disabled-color, var(--forge-theme-on-surface-container, #000000));--_fab-disabled-opacity:var(--forge-fab-disabled-opacity, 0.38)}.forge-fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, .875)));font-weight:var(--forge-typography-button-font-weight,500);line-height:var(--forge-typography-button-line-height, normal);letter-spacing:var(--forge-typography-button-letter-spacing, .0714285714em);text-transform:var(--forge-typography-button-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-button-text-decoration,inherit);text-decoration:var(--forge-typography-button-text-decoration,inherit);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;gap:var(--_fab-gap);z-index:0;background:var(--_fab-background);color:var(--_fab-color);cursor:pointer;-webkit-box-shadow:var(--_fab-shadow);box-shadow:var(--_fab-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_fab-density-medium-size);min-width:var(--_fab-density-medium-size);padding-inline:var(--_fab-padding);border-width:medium;border-style:none;border-color:currentColor;border-top-left-radius:var(--_fab-shape-start-start);border-top-right-radius:var(--_fab-shape-start-end);border-bottom-left-radius:var(--_fab-shape-end-start);border-bottom-right-radius:var(--_fab-shape-end-end);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;-webkit-transition-property:background,color,-webkit-box-shadow;transition-property:background,color,-webkit-box-shadow;transition-property:box-shadow,background,color;transition-property:box-shadow,background,color,-webkit-box-shadow;-webkit-transition-duration:var(--_fab-transition-duration);transition-duration:var(--_fab-transition-duration);-webkit-transition-timing-function:var(--_fab-transition-timing);transition-timing-function:var(--_fab-transition-timing)}.forge-fab:hover{--_fab-shadow:var(--_fab-hover-shadow)}.forge-fab:active{--_fab-shadow:var(--_fab-active-shadow)}.forge-fab--extended{padding-inline:var(--_fab-extended-padding);min-width:var(--_fab-extended-min-width)}a{position:absolute;inset:0;text-decoration:none}forge-focus-indicator{--forge-focus-indicator-color:var(--_fab-background);--forge-focus-indicator-shape-start-start:var(--_fab-shape-start-start);--forge-focus-indicator-shape-start-end:var(--_fab-shape-start-end);--forge-focus-indicator-shape-end-start:var(--_fab-shape-end-start);--forge-focus-indicator-shape-end-end:var(--_fab-shape-end-end)}forge-state-layer{--forge-state-layer-color:var(--_fab-color)}:host(:is([dense],[density=small])) .forge-fab{--_fab-size:var(--_fab-density-small-size)}:host([density=large]) .forge-fab{--_fab-size:var(--_fab-density-large-size);--_fab-shape:var(--forge-fab-shape, var(--forge-shape-extra-large, 16px))}:host([elevation=lowered]) .forge-fab{--_fab-shadow:var(--_fab-lowered-shadow)}:host([elevation=lowered]) .forge-fab:hover{--_fab-shadow:var(--_fab-lowered-hover-shadow)}:host([elevation=lowered]) .forge-fab:active{--_fab-shadow:var(--_fab-lowered-active-shadow)}:host([disabled]){cursor:var(--_fab-disabled-cursor)}:host([disabled]) .forge-fab{--_fab-background:var(--_fab-disabled-background);--_fab-color:var(--_fab-disabled-color);pointer-events:none;opacity:var(--_fab-disabled-opacity)}:host([theme=primary]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-primary, #3f51b5));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-primary, #ffffff))}:host([theme=tertiary]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-tertiary, #3d5afe));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=success]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-success, #2e7d32));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-success, #ffffff))}:host([theme=error]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-error, #b00020));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-error, #ffffff))}:host([theme=warning]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-warning, #d14900));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=info]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-info, #1565c0));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-info, #ffffff))}',n=class extends N{constructor(){super();_(this,H,P),this._foundation=new d(new f(this))}static get observedAttributes(){return[...Object.values(I.observedAttributes),...Object.values(e.observedAttributes)]}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(t,o,a){switch(t){case e.attributes.THEME:this.theme=a;return;case e.attributes.DENSITY:this.density=a;return;case e.attributes.ELEVATION:this.elevation=a;return}super.attributeChangedCallback(t,o,a)}};i([s()],n.prototype,"theme",2),i([s()],n.prototype,"density",2),i([s()],n.prototype,"elevation",2),n=i([x({name:e.elementName,dependencies:[F,w,B]})],n);var L=class extends A{constructor(t){super(t)}_build(){var o,a,r,b,g;let t=document.createElement(e.elementName);if((o=this._config.options)!=null&&o.theme&&(t.theme=this._config.options.theme),(a=this._config.options)!=null&&a.density&&(t.density=this._config.options.density),(r=this._config.options)!=null&&r.elevation&&(t.elevation=this._config.options.elevation),(g=(b=this._config.options)==null?void 0:b.label)!=null&&g.trim().length){let h=document.createElement("span");h.slot="label",t.textContent=this._config.options.label,t.appendChild(h)}return t}_configure(){this._configureIcon()}_configureIcon(){var o,a;if(!((o=this._config.options)!=null&&o.iconName))return;switch(((a=this._config.options)==null?void 0:a.iconType)||"component"){case"font":let r=Array.isArray(this._config.options.iconClass)?this._config.options.iconClass:[E];c(r,this._element),this._element.textContent=this._config.options.iconName;break;case"component":this._iconElement=document.createElement(T.elementName),this._iconElement.name=this._config.options.iconName,this._config.options.iconExternal!==void 0&&(this._iconElement.external=!!this._config.options.iconExternal),this._config.options.iconExternalType&&(this._iconElement.externalType=this._config.options.iconExternalType),this._config.options.iconClass&&c(this._config.options.iconClass,this._iconElement),this._element.appendChild(this._iconElement);break}}get iconElement(){return this._iconElement}get disabled(){return!!this._element.disabled}set disabled(t){this._element.disabled=t}onClick(t){this._element.addEventListener("click",t)}onFocus(t){this._element.addEventListener("focus",o=>t(o))}onBlur(t){this._element.addEventListener("blur",o=>t(o))}};function Ot(){u(n)}export{e as a,f as b,d as c,n as d,L as e,Ot as f};
+//# sourceMappingURL=chunk.YCG7OVYF.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/floating-action-button/floating-action-button-constants.ts", "../../src/floating-action-button/floating-action-button-adapter.ts", "../../src/floating-action-button/floating-action-button-foundation.ts", "../../src/floating-action-button/floating-action-button.ts", "../../src/floating-action-button/floating-action-button-component-delegate.ts", "../../src/floating-action-button/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX, Density, Theme } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}fab`;\n\nconst observedAttributes = {\n  THEME: 'theme',\n  DENSITY: 'density',\n  ELEVATION: 'elevation'\n};\n\nconst attributes = {\n  ...observedAttributes\n};\n\nconst selectors = {\n  LABEL_SLOT: 'slot[name=label]'\n};\n\nconst classes = {\n  EXTENDED: `${elementName}--extended`\n};\n\nconst defaults = {\n  DEFAULT_THEME: 'secondary' as Theme,\n  DEFAULT_DENSITY: 'medium' as FloatingActionButtonDensity,\n  DEFAULT_ELEVATION: 'raised' as FloatingActionButtonElevation\n};\n\nexport const FLOATING_ACTION_BUTTON_CONSTANTS = {\n  elementName,\n  observedAttributes,\n  attributes,\n  selectors,\n  classes,\n  defaults\n};\n\nexport type FloatingActionButtonDensity = Density;\nexport type FloatingActionButtonElevation = 'raised' | 'lowered';\n", "import { getShadowElement, toggleClass } from '@tylertech/forge-core';\nimport { BaseButtonAdapter, IBaseButtonAdapter } from '../button/base/base-button-adapter';\nimport { IFloatingActionButtonComponent } from './floating-action-button';\nimport { FLOATING_ACTION_BUTTON_CONSTANTS } from './floating-action-button-constants';\n\nexport interface IFloatingActionButtonAdapter extends IBaseButtonAdapter {\n  destroy(): void;\n}\n\nexport class FloatingActionButtonAdapter extends BaseButtonAdapter implements IFloatingActionButtonAdapter {\n  private _labelSlotElement: HTMLSlotElement;\n  private _extendedObserver: MutationObserver | undefined;\n\n  constructor(component: IFloatingActionButtonComponent) {\n    super(component);\n    this._labelSlotElement = getShadowElement(this._component, FLOATING_ACTION_BUTTON_CONSTANTS.selectors.LABEL_SLOT) as HTMLSlotElement;\n  }\n\n  public override initialize(): void {\n    super.initialize();\n\n    if (!this._extendedObserver) {\n      this._startExtendedWatcher();\n    }\n    \n    this._detectExtendedState();\n  }\n\n  public destroy(): void {\n    this._extendedObserver?.disconnect();\n    this._extendedObserver = undefined;\n  }\n\n  public override toggleDefaultPopoverIcon(value: boolean): void {\n    super.toggleDefaultPopoverIcon(value);\n    this._detectExtendedState();\n  }\n\n  private _startExtendedWatcher(): void {\n    this._extendedObserver = new MutationObserver(() => this._detectExtendedState());\n    this._extendedObserver.observe(this._component, { childList: true, subtree: true, characterData: true });\n  }\n\n  private _detectExtendedState(): void {\n    // If there are nodes in the \"label\" slot, then we always assume the extended state\n    const hasLabel = this._labelSlotElement.assignedNodes().length > 0;\n    if (hasLabel) {\n      this._rootElement.classList.add(FLOATING_ACTION_BUTTON_CONSTANTS.classes.EXTENDED);\n      return;\n    }\n\n    // Remove the extended class first so we can compare the width without it affecting the styles\n    this._rootElement.classList.remove(FLOATING_ACTION_BUTTON_CONSTANTS.classes.EXTENDED);\n\n    // When the width is greater than the height, we assume the button is in the extended state\n    const isExtended = this._component.clientWidth > this._component.clientHeight;\n    if (isExtended) {\n      this._rootElement.classList.add(FLOATING_ACTION_BUTTON_CONSTANTS.classes.EXTENDED);\n    }\n  }\n}\n", "import { BaseButtonFoundation, IBaseButtonFoundation } from '../button/base/base-button-foundation';\nimport { ButtonTheme } from '../button/button-constants';\nimport { IFloatingActionButtonAdapter } from './floating-action-button-adapter';\nimport { FloatingActionButtonDensity, FloatingActionButtonElevation, FLOATING_ACTION_BUTTON_CONSTANTS } from './floating-action-button-constants';\n\nexport interface IFloatingActionButtonFoundation extends IBaseButtonFoundation {\n  theme: ButtonTheme;\n  density: FloatingActionButtonDensity;\n  elevation: FloatingActionButtonElevation;\n}\n\nexport class FloatingActionButtonFoundation extends BaseButtonFoundation<IFloatingActionButtonAdapter> implements IFloatingActionButtonFoundation {\n  private _theme: ButtonTheme = FLOATING_ACTION_BUTTON_CONSTANTS.defaults.DEFAULT_THEME;\n  private _density: FloatingActionButtonDensity = FLOATING_ACTION_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY;\n  private _elevation: FloatingActionButtonElevation = FLOATING_ACTION_BUTTON_CONSTANTS.defaults.DEFAULT_ELEVATION;\n\n  constructor(adapter: IFloatingActionButtonAdapter) {\n    super(adapter);\n  }\n\n  public destroy(): void {\n    this._adapter.destroy();\n  }\n\n  public get theme(): ButtonTheme {\n    return this._theme;\n  }\n  public set theme(value: ButtonTheme) {\n    if (this._theme !== value) {\n      this._theme = value ?? FLOATING_ACTION_BUTTON_CONSTANTS.defaults.DEFAULT_THEME;\n      const hasAttr = this._theme !== FLOATING_ACTION_BUTTON_CONSTANTS.defaults.DEFAULT_THEME;\n      this._adapter.toggleHostAttribute(FLOATING_ACTION_BUTTON_CONSTANTS.attributes.THEME, hasAttr, this._theme);\n    }\n  }\n\n  public get density(): FloatingActionButtonDensity {\n    return this._density;\n  }\n  public set density(value: FloatingActionButtonDensity) {\n    if (this._density !== value) {\n      this._density = value ?? FLOATING_ACTION_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY;\n      const hasAttr = this._density !== FLOATING_ACTION_BUTTON_CONSTANTS.defaults.DEFAULT_DENSITY;\n      this._adapter.toggleHostAttribute(FLOATING_ACTION_BUTTON_CONSTANTS.attributes.DENSITY, hasAttr, this._density);\n    }\n  }\n\n  public get elevation(): FloatingActionButtonElevation {\n    return this._elevation;\n  }\n  public set elevation(value: FloatingActionButtonElevation) {\n    if (this._elevation !== value) {\n      this._elevation = value ?? FLOATING_ACTION_BUTTON_CONSTANTS.defaults.DEFAULT_ELEVATION;\n      const hasAttr = this._elevation !== FLOATING_ACTION_BUTTON_CONSTANTS.defaults.DEFAULT_ELEVATION;\n      this._adapter.toggleHostAttribute(FLOATING_ACTION_BUTTON_CONSTANTS.attributes.ELEVATION, hasAttr, this._elevation);\n    }\n  }\n}\n", "import { attachShadowTemplate, CustomElement, FoundationProperty } from '@tylertech/forge-core';\nimport { ButtonTheme } from '../button';\nimport { BaseButton, IBaseButton } from '../button/base/base-button';\nimport { BASE_BUTTON_CONSTANTS } from '../button/base/base-button-constants';\nimport { FocusIndicatorComponent } from '../focus-indicator';\nimport { IconComponent } from '../icon/icon';\nimport { StateLayerComponent } from '../state-layer';\nimport { FloatingActionButtonAdapter } from './floating-action-button-adapter';\nimport { FloatingActionButtonDensity, FloatingActionButtonElevation, FLOATING_ACTION_BUTTON_CONSTANTS } from './floating-action-button-constants';\nimport { FloatingActionButtonFoundation } from './floating-action-button-foundation';\n\nconst template = '<template><div class=\\\"forge-fab\\\" part=\\\"root\\\"><slot name=\\\"start\\\"></slot><slot></slot><slot name=\\\"label\\\"></slot><slot name=\\\"end\\\"></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{--_fab-display:var(--forge-fab-display, inline-flex);--_fab-disabled-cursor:var(--forge-fab-disabled-cursor, not-allowed)}:host{display:var(--_fab-display);position:relative;outline:0;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.forge-fab{--_fab-gap:var(--forge-fab-gap, var(--forge-spacing-xsmall, 8px));--_fab-background:var(--forge-fab-background, var(--forge-theme-secondary, #ffc107));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-secondary, #000000));--_fab-size:var(--forge-fab-size, 56px);--_fab-padding:var(--forge-fab-padding, var(--forge-spacing-xsmall, 8px));--_fab-shadow:var(--forge-fab-shadow, 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12));--_fab-hover-shadow:var(--forge-fab-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));--_fab-active-shadow:var(--forge-fab-active-shadow, 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12));--_fab-lowered-shadow:var(--forge-fab-lowered-shadow, 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12));--_fab-lowered-hover-shadow:var(--forge-fab-lowered-hover-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));--_fab-lowered-active-shadow:var(--forge-fab-lowered-active-shadow, 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12));--_fab-transition-duration:var(--forge-fab-transition-duration, var(--forge-animation-duration-short3, 150ms));--_fab-transition-timing:var(--forge-fab-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_fab-shape:var(--forge-fab-shape, var(--forge-shape-full, 9999px));--_fab-shape-start-start:var(--forge-fab-shape-start-start, var(--_fab-shape));--_fab-shape-start-end:var(--forge-fab-shape-start-end, var(--_fab-shape));--_fab-shape-end-start:var(--forge-fab-shape-end-start, var(--_fab-shape));--_fab-shape-end-end:var(--forge-fab-shape-end-end, var(--_fab-shape));--_fab-extended-padding:var(--forge-fab-extended-padding, var(--forge-spacing-medium-large, 20px));--_fab-extended-min-width:var(--forge-fab-extended-min-width, 96px);--_fab-density-small-size:var(--forge-fab-density-small-size, 40px);--_fab-density-medium-size:var(--forge-fab-density-medium-size, var(--_fab-size));--_fab-density-large-size:var(--forge-fab-density-large-size, 96px);--_fab-disabled-background:var(--forge-fab-disabled-background, var(--forge-theme-surface-container, #e0e0e0));--_fab-disabled-color:var(--forge-fab-disabled-color, var(--forge-theme-on-surface-container, #000000));--_fab-disabled-opacity:var(--forge-fab-disabled-opacity, 0.38)}.forge-fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, \\\"Roboto\\\", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, .875)));font-weight:var(--forge-typography-button-font-weight,500);line-height:var(--forge-typography-button-line-height, normal);letter-spacing:var(--forge-typography-button-letter-spacing, .0714285714em);text-transform:var(--forge-typography-button-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-button-text-decoration,inherit);text-decoration:var(--forge-typography-button-text-decoration,inherit);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;gap:var(--_fab-gap);z-index:0;background:var(--_fab-background);color:var(--_fab-color);cursor:pointer;-webkit-box-shadow:var(--_fab-shadow);box-shadow:var(--_fab-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--_fab-density-medium-size);min-width:var(--_fab-density-medium-size);padding-inline:var(--_fab-padding);border-width:medium;border-style:none;border-color:currentColor;border-top-left-radius:var(--_fab-shape-start-start);border-top-right-radius:var(--_fab-shape-start-end);border-bottom-left-radius:var(--_fab-shape-end-start);border-bottom-right-radius:var(--_fab-shape-end-end);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;-webkit-transition-property:background,color,-webkit-box-shadow;transition-property:background,color,-webkit-box-shadow;transition-property:box-shadow,background,color;transition-property:box-shadow,background,color,-webkit-box-shadow;-webkit-transition-duration:var(--_fab-transition-duration);transition-duration:var(--_fab-transition-duration);-webkit-transition-timing-function:var(--_fab-transition-timing);transition-timing-function:var(--_fab-transition-timing)}.forge-fab:hover{--_fab-shadow:var(--_fab-hover-shadow)}.forge-fab:active{--_fab-shadow:var(--_fab-active-shadow)}.forge-fab--extended{padding-inline:var(--_fab-extended-padding);min-width:var(--_fab-extended-min-width)}a{position:absolute;inset:0;text-decoration:none}forge-focus-indicator{--forge-focus-indicator-color:var(--_fab-background);--forge-focus-indicator-shape-start-start:var(--_fab-shape-start-start);--forge-focus-indicator-shape-start-end:var(--_fab-shape-start-end);--forge-focus-indicator-shape-end-start:var(--_fab-shape-end-start);--forge-focus-indicator-shape-end-end:var(--_fab-shape-end-end)}forge-state-layer{--forge-state-layer-color:var(--_fab-color)}:host(:is([dense],[density=small])) .forge-fab{--_fab-size:var(--_fab-density-small-size)}:host([density=large]) .forge-fab{--_fab-size:var(--_fab-density-large-size);--_fab-shape:var(--forge-fab-shape, var(--forge-shape-extra-large, 16px))}:host([elevation=lowered]) .forge-fab{--_fab-shadow:var(--_fab-lowered-shadow)}:host([elevation=lowered]) .forge-fab:hover{--_fab-shadow:var(--_fab-lowered-hover-shadow)}:host([elevation=lowered]) .forge-fab:active{--_fab-shadow:var(--_fab-lowered-active-shadow)}:host([disabled]){cursor:var(--_fab-disabled-cursor)}:host([disabled]) .forge-fab{--_fab-background:var(--_fab-disabled-background);--_fab-color:var(--_fab-disabled-color);pointer-events:none;opacity:var(--_fab-disabled-opacity)}:host([theme=primary]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-primary, #3f51b5));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-primary, #ffffff))}:host([theme=tertiary]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-tertiary, #3d5afe));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=success]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-success, #2e7d32));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-success, #ffffff))}:host([theme=error]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-error, #b00020));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-error, #ffffff))}:host([theme=warning]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-warning, #d14900));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=info]:not([disabled])) .forge-fab{--_fab-background:var(--forge-fab-background, var(--forge-theme-info, #1565c0));--_fab-color:var(--forge-fab-color, var(--forge-theme-on-info, #ffffff))}';\n\nexport interface IFloatingActionButtonComponent extends IBaseButton {\n  theme: ButtonTheme;\n  density: FloatingActionButtonDensity;\n  elevation: FloatingActionButtonElevation;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-fab': IFloatingActionButtonComponent;\n  }\n}\n\n/**\n * @tag forge-fab\n * \n * @summary Floating action buttons are used to represent the most important action on a page.\n * \n * @property {ButtonTheme} theme - Sets the theme of the button.\n * @property {FloatingActionButtonDensity} density - Sets the density of the button.\n * @property {FloatingActionButtonElevation} elevation - Sets the elevation of the button.\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 {string} theme - Sets the theme of the button.\n * @attribute {string} density - Sets the density of the button.\n * @attribute {string} elevation - Sets the elevation of the button.\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 * @fires click - Fires when the button is clicked.\n * \n * @cssproperty --forge-fab-background-display - The display property.\n * @cssproperty --forge-fab-gap - The gap between the icon and the label.\n * @cssproperty --forge-fab-background - The background color.\n * @cssproperty --forge-fab-color - The text color.\n * @cssproperty --forge-fab-size - The height and min-width of the button.\n * @cssproperty --forge-fab-padding - The inline padding of the button.\n * @cssproperty --forge-fab-shadow - The box shadow of the button.\n * @cssproperty --forge-fab-hover-shadow - The box shadow of the button when hovered.\n * @cssproperty --forge-fab-active-shadow - The box shadow of the button when active.\n * @cssproperty --forge-fab-lowered-shadow - The box shadow of the button when lowered.\n * @cssproperty --forge-fab-lowered-hover-shadow - The box shadow of the button when lowered and hovered.\n * @cssproperty --forge-fab-lowered-active-shadow - The box shadow of the button when lowered and active.\n * @cssproperty --forge-fab-transition-duration - The transition duration.\n * @cssproperty --forge-fab-transition-timing - The transition timing function.\n * @cssproperty --forge-fab-shape - The border radius of the button.\n * @cssproperty --forge-fab-shape-start-start - The start-start border radius.\n * @cssproperty --forge-fab-shape-start-end - The start-end border radius.\n * @cssproperty --forge-fab-shape-end-start - The end-start border radius.\n * @cssproperty --forge-fab-shape-end-end - The end-end border radius.\n * @cssproperty --forge-fab-extended-padding - The inline padding of the extended button.\n * @cssproperty --forge-fab-extended-min-width - The min-width of the extended button.\n * @cssproperty --forge-fab-density-small-size - The height and min-width of the small density button.\n * @cssproperty --forge-fab-density-medium-size - The height and min-width of the medium density (default) button.\n * @cssproperty --forge-fab-density-large-size - The height and min-width of the large density button.\n * @cssproperty --forge-fab-disabled-cursor - The cursor when disabled.\n * @cssproperty --forge-fab-disabled-background - The background color when disabled.\n * @cssproperty --forge-fab-disabled-color - The text color when disabled.\n * @cssproperty --forge-fab-disabled-opacity - The opacity when disabled.\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. Typically used for icon-only or label-only FABs. If the content forces the width to be large than the height, then the FAB will be in extended mode.\n * @slot start - An element to logically render at the start of the button content.\n * @slot label - Reserved specifically for label text. This forces the button into extended mode.\n * @slot end - An element to logically render at the end of the button content.\n */\n@CustomElement({\n  name: FLOATING_ACTION_BUTTON_CONSTANTS.elementName,\n  dependencies: [\n    FocusIndicatorComponent,\n    StateLayerComponent,\n    IconComponent\n  ]\n})\nexport class FloatingActionButtonComponent extends BaseButton<FloatingActionButtonFoundation> implements IFloatingActionButtonComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      ...Object.values(BASE_BUTTON_CONSTANTS.observedAttributes),\n      ...Object.values(FLOATING_ACTION_BUTTON_CONSTANTS.observedAttributes)\n    ];\n  }\n\n  protected readonly _foundation: FloatingActionButtonFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new FloatingActionButtonFoundation(new FloatingActionButtonAdapter(this));\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.destroy();\n  }\n\n  public override attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case FLOATING_ACTION_BUTTON_CONSTANTS.attributes.THEME:\n        this.theme = newValue as ButtonTheme;\n        return;\n      case FLOATING_ACTION_BUTTON_CONSTANTS.attributes.DENSITY:\n        this.density = newValue as FloatingActionButtonDensity;\n        return;\n      case FLOATING_ACTION_BUTTON_CONSTANTS.attributes.ELEVATION:\n        this.elevation = newValue as FloatingActionButtonElevation;\n        return;\n    }\n    super.attributeChangedCallback(name, oldValue, newValue);\n  }\n\n  @FoundationProperty()\n  public declare theme: ButtonTheme;\n\n  @FoundationProperty()\n  public declare density: FloatingActionButtonDensity;\n\n  @FoundationProperty()\n  public declare elevation: FloatingActionButtonElevation;\n}\n", "import { addClass } from '@tylertech/forge-core';\nimport { ICON_CLASS_NAME, Theme } from '../constants';\nimport { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';\nimport { IIconComponent } from '../icon/icon';\nimport { IconExternalType, ICON_CONSTANTS } from '../icon/icon-constants';\nimport { IFloatingActionButtonComponent } from './floating-action-button';\nimport { FloatingActionButtonDensity, FloatingActionButtonElevation, FLOATING_ACTION_BUTTON_CONSTANTS } from './floating-action-button-constants';\n\nexport type FloatingActionButtonComponentDelegateProps = Partial<IFloatingActionButtonComponent>;\nexport interface IFloatingActionButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {\n  iconName?: string;\n  iconExternal?: boolean;\n  iconExternalType?: IconExternalType;\n  iconType?: 'font' | 'component';\n  iconClass?: string | string[];\n  label?: string;\n  theme?: Theme;\n  density?: FloatingActionButtonDensity;\n  elevation?: FloatingActionButtonElevation;\n}\nexport interface IFloatingActionButtonComponentDelegateConfig extends IBaseComponentDelegateConfig<IFloatingActionButtonComponent, IFloatingActionButtonComponentDelegateOptions> {}\n\nexport class FloatingActionButtonComponentDelegate extends BaseComponentDelegate<IFloatingActionButtonComponent, IFloatingActionButtonComponentDelegateOptions> {\n  private _iconElement?: IIconComponent;\n\n  constructor(config?: IFloatingActionButtonComponentDelegateConfig) {\n    super(config);\n  }\n\n  protected _build(): IFloatingActionButtonComponent {\n    const component = document.createElement(FLOATING_ACTION_BUTTON_CONSTANTS.elementName);\n\n    if (this._config.options?.theme) {\n      component.theme = this._config.options.theme;\n    }\n    if (this._config.options?.density) {\n      component.density = this._config.options.density;\n    }\n    if (this._config.options?.elevation) {\n      component.elevation = this._config.options.elevation;\n    }\n\n    if (this._config.options?.label?.trim().length) {\n      const span = document.createElement('span');\n      span.slot = 'label';\n      component.textContent = this._config.options.label;\n      component.appendChild(span);\n    }\n\n    return component;\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 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  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 { FloatingActionButtonComponent } from './floating-action-button';\n\nexport * from './floating-action-button';\nexport * from './floating-action-button-adapter';\nexport * from './floating-action-button-component-delegate';\nexport * from './floating-action-button-constants';\nexport * from './floating-action-button-foundation';\n\nexport function defineFloatingActionButtonComponent(): void {\n  defineCustomElement(FloatingActionButtonComponent);\n}\n"],
+  "mappings": "+cAEA,IAAMA,EAA2C,GAAGC,OAE9CC,EAAqB,CACzB,MAAO,QACP,QAAS,UACT,UAAW,WACb,EAEMC,EAAaC,EAAA,GACdF,GAGCG,EAAY,CAChB,WAAY,kBACd,EAEMC,EAAU,CACd,SAAU,GAAGN,aACf,EAEMO,EAAW,CACf,cAAe,YACf,gBAAiB,SACjB,kBAAmB,QACrB,EAEaC,EAAmC,CAC9C,YAAAR,EACA,mBAAAE,EACA,WAAAC,EACA,UAAAE,EACA,QAAAC,EACA,SAAAC,CACF,EC1BO,IAAME,EAAN,cAA0CC,CAA0D,CAIzG,YAAYC,EAA2C,CACrD,MAAMA,CAAS,EACf,KAAK,kBAAoBC,EAAiB,KAAK,WAAYC,EAAiC,UAAU,UAAU,CAClH,CAEgB,YAAmB,CACjC,MAAM,WAAW,EAEZ,KAAK,mBACR,KAAK,sBAAsB,EAG7B,KAAK,qBAAqB,CAC5B,CAEO,SAAgB,CA5BzB,IAAAC,GA6BIA,EAAA,KAAK,oBAAL,MAAAA,EAAwB,aACxB,KAAK,kBAAoB,MAC3B,CAEgB,yBAAyBC,EAAsB,CAC7D,MAAM,yBAAyBA,CAAK,EACpC,KAAK,qBAAqB,CAC5B,CAEQ,uBAA8B,CACpC,KAAK,kBAAoB,IAAI,iBAAiB,IAAM,KAAK,qBAAqB,CAAC,EAC/E,KAAK,kBAAkB,QAAQ,KAAK,WAAY,CAAE,UAAW,GAAM,QAAS,GAAM,cAAe,EAAK,CAAC,CACzG,CAEQ,sBAA6B,CAGnC,GADiB,KAAK,kBAAkB,cAAc,EAAE,OAAS,EACnD,CACZ,KAAK,aAAa,UAAU,IAAIF,EAAiC,QAAQ,QAAQ,EACjF,OAIF,KAAK,aAAa,UAAU,OAAOA,EAAiC,QAAQ,QAAQ,EAGjE,KAAK,WAAW,YAAc,KAAK,WAAW,cAE/D,KAAK,aAAa,UAAU,IAAIA,EAAiC,QAAQ,QAAQ,CAErF,CACF,ECjDO,IAAMG,EAAN,cAA6CC,CAA8F,CAKhJ,YAAYC,EAAuC,CACjD,MAAMA,CAAO,EALf,KAAQ,OAAsBC,EAAiC,SAAS,cACxE,KAAQ,SAAwCA,EAAiC,SAAS,gBAC1F,KAAQ,WAA4CA,EAAiC,SAAS,iBAI9F,CAEO,SAAgB,CACrB,KAAK,SAAS,QAAQ,CACxB,CAEA,IAAW,OAAqB,CAC9B,OAAO,KAAK,MACd,CACA,IAAW,MAAMC,EAAoB,CACnC,GAAI,KAAK,SAAWA,EAAO,CACzB,KAAK,OAASA,GAAA,KAAAA,EAASD,EAAiC,SAAS,cACjE,IAAME,EAAU,KAAK,SAAWF,EAAiC,SAAS,cAC1E,KAAK,SAAS,oBAAoBA,EAAiC,WAAW,MAAOE,EAAS,KAAK,MAAM,EAE7G,CAEA,IAAW,SAAuC,CAChD,OAAO,KAAK,QACd,CACA,IAAW,QAAQD,EAAoC,CACrD,GAAI,KAAK,WAAaA,EAAO,CAC3B,KAAK,SAAWA,GAAA,KAAAA,EAASD,EAAiC,SAAS,gBACnE,IAAME,EAAU,KAAK,WAAaF,EAAiC,SAAS,gBAC5E,KAAK,SAAS,oBAAoBA,EAAiC,WAAW,QAASE,EAAS,KAAK,QAAQ,EAEjH,CAEA,IAAW,WAA2C,CACpD,OAAO,KAAK,UACd,CACA,IAAW,UAAUD,EAAsC,CACzD,GAAI,KAAK,aAAeA,EAAO,CAC7B,KAAK,WAAaA,GAAA,KAAAA,EAASD,EAAiC,SAAS,kBACrE,IAAME,EAAU,KAAK,aAAeF,EAAiC,SAAS,kBAC9E,KAAK,SAAS,oBAAoBA,EAAiC,WAAW,UAAWE,EAAS,KAAK,UAAU,EAErH,CACF,EC7CA,IAAMC,EAAW,uUACXC,EAAS,49OAkGFC,EAAN,cAA4CC,CAAqF,CAUtI,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,CAAM,EAC3C,KAAK,YAAc,IAAII,EAA+B,IAAIC,EAA4B,IAAI,CAAC,CAC7F,CAbA,WAAkB,oBAA+B,CAC/C,MAAO,CACL,GAAG,OAAO,OAAOC,EAAsB,kBAAkB,EACzD,GAAG,OAAO,OAAOC,EAAiC,kBAAkB,CACtE,CACF,CAUO,sBAA6B,CAClC,KAAK,YAAY,QAAQ,CAC3B,CAEgB,yBAAyBC,EAAcC,EAAkBC,EAAwB,CAC/F,OAAQF,EAAM,CACZ,KAAKD,EAAiC,WAAW,MAC/C,KAAK,MAAQG,EACb,OACF,KAAKH,EAAiC,WAAW,QAC/C,KAAK,QAAUG,EACf,OACF,KAAKH,EAAiC,WAAW,UAC/C,KAAK,UAAYG,EACjB,MACJ,CACA,MAAM,yBAAyBF,EAAMC,EAAUC,CAAQ,CACzD,CAUF,EAPiBC,EAAA,CADdC,EAAmB,GAnCTX,EAoCI,qBAGAU,EAAA,CADdC,EAAmB,GAtCTX,EAuCI,uBAGAU,EAAA,CADdC,EAAmB,GAzCTX,EA0CI,yBA1CJA,EAANU,EAAA,CARNE,EAAc,CACb,KAAMN,EAAiC,YACvC,aAAc,CACZO,EACAC,EACAC,CACF,CACF,CAAC,GACYf,GCxFN,IAAMgB,EAAN,cAAoDC,CAAqG,CAG9J,YAAYC,EAAuD,CACjE,MAAMA,CAAM,CACd,CAEU,QAAyC,CA7BrD,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EA8BI,IAAMC,EAAY,SAAS,cAAcC,EAAiC,WAAW,EAYrF,IAVIN,EAAA,KAAK,QAAQ,UAAb,MAAAA,EAAsB,QACxBK,EAAU,MAAQ,KAAK,QAAQ,QAAQ,QAErCJ,EAAA,KAAK,QAAQ,UAAb,MAAAA,EAAsB,UACxBI,EAAU,QAAU,KAAK,QAAQ,QAAQ,UAEvCH,EAAA,KAAK,QAAQ,UAAb,MAAAA,EAAsB,YACxBG,EAAU,UAAY,KAAK,QAAQ,QAAQ,YAGzCD,GAAAD,EAAA,KAAK,QAAQ,UAAb,YAAAA,EAAsB,QAAtB,MAAAC,EAA6B,OAAO,OAAQ,CAC9C,IAAMG,EAAO,SAAS,cAAc,MAAM,EAC1CA,EAAK,KAAO,QACZF,EAAU,YAAc,KAAK,QAAQ,QAAQ,MAC7CA,EAAU,YAAYE,CAAI,EAG5B,OAAOF,CACT,CAEU,YAAmB,CAC3B,KAAK,eAAe,CACtB,CAEQ,gBAAuB,CAxDjC,IAAAL,EAAAC,EAyDI,GAAI,GAACD,EAAA,KAAK,QAAQ,UAAb,MAAAA,EAAsB,UACzB,OAKF,SAFaC,EAAA,KAAK,QAAQ,UAAb,YAAAA,EAAsB,WAAY,YAEjC,CACZ,IAAK,OACH,IAAMO,EAAU,MAAM,QAAQ,KAAK,QAAQ,QAAQ,SAAS,EAAI,KAAK,QAAQ,QAAQ,UAAY,CAACC,CAAe,EACjHC,EAASF,EAAS,KAAK,QAAQ,EAC/B,KAAK,SAAS,YAAc,KAAK,QAAQ,QAAQ,SACjD,MACF,IAAK,YACH,KAAK,aAAe,SAAS,cAAcG,EAAe,WAAW,EACrE,KAAK,aAAa,KAAO,KAAK,QAAQ,QAAQ,SAC1C,KAAK,QAAQ,QAAQ,eAAiB,SACxC,KAAK,aAAa,SAAW,CAAC,CAAC,KAAK,QAAQ,QAAQ,cAElD,KAAK,QAAQ,QAAQ,mBACvB,KAAK,aAAa,aAAe,KAAK,QAAQ,QAAQ,kBAEpD,KAAK,QAAQ,QAAQ,WACvBD,EAAS,KAAK,QAAQ,QAAQ,UAAW,KAAK,YAAY,EAE5D,KAAK,SAAS,YAAY,KAAK,YAAY,EAC3C,KACJ,CACF,CAEA,IAAW,aAA0C,CACnD,OAAO,KAAK,YACd,CAEA,IAAW,UAAoB,CAC7B,MAAO,CAAC,CAAC,KAAK,SAAS,QACzB,CACA,IAAW,SAASE,EAAgB,CAClC,KAAK,SAAS,SAAWA,CAC3B,CAEO,QAAQC,EAA2C,CACxD,KAAK,SAAS,iBAAiB,QAASA,CAAQ,CAClD,CAEO,QAAQA,EAAsC,CACnD,KAAK,SAAS,iBAAiB,QAASC,GAAOD,EAASC,CAAG,CAAC,CAC9D,CAEO,OAAOD,EAAsC,CAClD,KAAK,SAAS,iBAAiB,OAAQC,GAAOD,EAASC,CAAG,CAAC,CAC7D,CACF,EClGO,SAASC,IAA4C,CAC1DC,EAAoBC,CAA6B,CACnD",
+  "names": ["elementName", "COMPONENT_NAME_PREFIX", "observedAttributes", "attributes", "__spreadValues", "selectors", "classes", "defaults", "FLOATING_ACTION_BUTTON_CONSTANTS", "FloatingActionButtonAdapter", "BaseButtonAdapter", "component", "getShadowElement", "FLOATING_ACTION_BUTTON_CONSTANTS", "_a", "value", "FloatingActionButtonFoundation", "BaseButtonFoundation", "adapter", "FLOATING_ACTION_BUTTON_CONSTANTS", "value", "hasAttr", "template", "styles", "FloatingActionButtonComponent", "BaseButton", "attachShadowTemplate", "FloatingActionButtonFoundation", "FloatingActionButtonAdapter", "BASE_BUTTON_CONSTANTS", "FLOATING_ACTION_BUTTON_CONSTANTS", "name", "oldValue", "newValue", "__decorateClass", "FoundationProperty", "CustomElement", "FocusIndicatorComponent", "StateLayerComponent", "IconComponent", "FloatingActionButtonComponentDelegate", "BaseComponentDelegate", "config", "_a", "_b", "_c", "_d", "_e", "component", "FLOATING_ACTION_BUTTON_CONSTANTS", "span", "classes", "ICON_CLASS_NAME", "addClass", "ICON_CONSTANTS", "value", "listener", "evt", "defineFloatingActionButtonComponent", "defineCustomElement", "FloatingActionButtonComponent"]
+}

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

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{g as r,h as n,i,j as a,k as s}from"./chunk.UVXKHQQZ.js";import{v as o}from"./chunk.HZUQXCOQ.js";function f(u){class l extends u{get form(){return this[a].form}get labels(){return this[a].labels}get name(){var e;return(e=this.getAttribute("name"))!=null?e:""}set name(e){o(this,!!e,"name",e)}[n](){return this[r]()}formDisabledCallback(e){this.disabled=e}set[s](e){let t=e==="select"?document.createElement("select"):document.createElement("input");t.setAttribute("type",e),t.name="internal",this._inputElement=t}[i](e){if(this._inputElement)return this[a].validity.customError?this[a].validationMessage:(Object.entries(e).forEach(([t,b])=>this._inputElement[t]=b),this._inputElement.validationMessage)}}return l.formAssociated=!0,l}export{f as a};
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ * 
+ * Adapted and influenced from [Material Web](https://github.com/material-components/material-web).
+ * The original source code can be found at: [GitHub](https://github.com/material-components/material-web/blob/main/labs/behaviors/form-associated.ts)
+ */
+//# sourceMappingURL=chunk.YLJTJKN4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/core/mixins/form/with-form-associated.ts"],
+  "sourcesContent": ["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n * \n * Adapted and influenced from [Material Web](https://github.com/material-components/material-web).\n * The original source code can be found at: [GitHub](https://github.com/material-components/material-web/blob/main/labs/behaviors/form-associated.ts)\n */\n\nimport { toggleAttribute } from '@tylertech/forge-core';\nimport { MixinBase, getFormState, getFormValue, getValidationMessage, inputType, internals, AbstractConstructor } from '../../../constants';\nimport { FormRestoreReason, FormRestoreState, FormValue, InputType, InputValidationProps } from '../../utils/form-utils';\nimport { IBaseComponent } from '../../base/base-component';\n\n/**\n * A component that can be associated with a form.\n */\nexport interface IWithFormAssociation<TValue = FormValue | null> extends IBaseComponent {\n  /**\n   * The form element that the component is associated with.\n   */\n  readonly form: HTMLFormElement | null;\n\n  /**\n   * The labels associated with the component.\n   */\n  readonly labels: NodeList;\n\n  /**\n   * The HTML name to use in form submission.\n   */\n  name: string;\n\n  /*\n   * Whether or not the component is disabled.\n   */\n  disabled: boolean;\n\n  /**\n   * Whether or not the component is readonly.\n   */\n  readonly: boolean;\n\n  /**\n   * The internals of the component.\n   */\n  readonly [internals]: ElementInternals;\n\n  /**\n   * Sets the value type accepted by the component. This is used to set the type of the internal\n   * input element and generate validation messages.\n   */\n  [inputType]: InputType;\n\n  /**\n   * Gets the validation message for the component.\n   * \n   * @param props Validation-affecting properties set on the component as well as the value of the\n   * component.\n   */\n  [getValidationMessage](props: Partial<InputValidationProps>): string | undefined;\n\n  /**\n   * Gets the current form value of the component.\n   */\n  [getFormValue](): FormValue | null;\n\n  /**\n   * Gets the current form state of the component, defaulting to the component's `[formValue]`.\n   * \n   * Used when the component's state is different from its value, such as a checkboxes that have\n   * both a boolean `checked` state and a string value.\n   */\n  [getFormState](): FormValue | null;\n\n  /**\n   * A callback for when the component should be enabled or disabled. This can be called when, for\n   * example, the component is within a disabled fieldset.\n   * \n   * @param disabled Whether or not the component should be disabled.\n   */\n  formDisabledCallback(disabled: boolean): void;\n\n  /**\n   * A callback for when the form's value is to be reset.\n   */\n  formResetCallback(): void;\n\n  /**\n   * A callback for when a form restores the state of the component. For example, when a page is\n   * reloaded or a form is autofilled.\n   * \n   * @param state The state to restore or null to reset the component's value.\n   * @param reason The reason the state was restored.\n   */\n  formStateRestoreCallback(state: FormRestoreState | null, reason: FormRestoreReason): void;\n\n  /**\n   * An optional callback for when the associated form changes.\n   * \n   * @param form The new associated form or null if there is none.\n   */\n  formAssociatedCallback?(form: HTMLFormElement | null): void;\n}\n\nexport declare abstract class WithFormAssociationContract {\n  public static readonly formAssociated: boolean;\n\n  public get form(): HTMLFormElement | null;\n\n  public get labels(): NodeList;\n\n  public get name(): string;\n  public set name(value: string);\n\n  public abstract get disabled(): boolean;\n  public abstract set disabled(value: boolean);\n\n  public abstract get readonly(): boolean;\n  public abstract set readonly(value: boolean);\n\n  public abstract get [internals](): ElementInternals;\n\n  public abstract [getFormValue](): FormValue | null;\n\n  public [getFormState](): FormValue | null;\n\n  public formDisabledCallback(disabled: boolean): void;\n\n  public abstract formStateRestoreCallback(state: FormRestoreState | null, reason: FormRestoreReason): void;\n\n  public abstract formResetCallback(): void;\n\n  public set [inputType](type: InputType);\n\n  public [getValidationMessage](props: Partial<InputValidationProps>): string | undefined;\n}\n\n/**\n * Mixes in form functionality into a base component.\n * \n * @param base The base component to mix into.\n * @returns The mixed-in base component.\n */\n// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\nexport function WithFormAssociation<TBase extends MixinBase>(base: TBase) {\n  abstract class FormAssociatedComponent extends base implements IWithFormAssociation {\n    public static readonly formAssociated = true;\n\n    private _inputElement?: HTMLInputElement | HTMLSelectElement;\n\n    public get form(): HTMLFormElement | null {\n      return this[internals].form;\n    }\n\n    public get labels(): NodeList {\n      return this[internals].labels;\n    }\n\n    public get name(): string {\n      return this.getAttribute('name') ?? '';\n    }\n    public set name(value: string) {\n      toggleAttribute(this, !!value, 'name', value);\n    }\n\n    public abstract get disabled(): boolean;\n    public abstract set disabled(value: boolean);\n\n    public abstract get readonly(): boolean;\n    public abstract set readonly(value: boolean);\n\n    public abstract get [internals](): ElementInternals;\n\n    public abstract [getFormValue](): FormValue | null;\n\n    public [getFormState](): FormValue | null {\n      return this[getFormValue]();\n    }\n\n    public formDisabledCallback(disabled: boolean): void {\n      this.disabled = disabled;\n    }\n\n    public abstract formStateRestoreCallback(\n      state: FormRestoreState | null,\n      reason: FormRestoreReason\n    ): void;\n\n    public abstract formResetCallback(): void;\n\n    public set [inputType](type: InputType) {\n      // Create a detached input to retrieve localized validation messages from\n      const inputElement = type === 'select'\n        ? document.createElement('select')\n        : document.createElement('input');\n      inputElement.setAttribute('type', type);\n      inputElement.name = 'internal';\n      this._inputElement = inputElement;\n    }\n\n    public [getValidationMessage](props: Partial<InputValidationProps>): string | undefined {\n      // If the input element hasn't been created yet return `undefined`\n      if (!this._inputElement) {\n        return undefined;\n      }\n\n      // A custom error message overrides all other messages\n      if (this[internals].validity.customError) {\n        return this[internals].validationMessage;\n      }\n\n      // Apply validation-affecting props to the input element to get the correct validation\n      // message\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      Object.entries(props).forEach(([key, value]) => this._inputElement![key] = value);\n\n      return this._inputElement.validationMessage;\n    }\n  }\n\n  return FormAssociatedComponent as AbstractConstructor<WithFormAssociationContract> & TBase;\n}\n"],
+  "mappings": "uGAiJO,SAASA,EAA6CC,EAAa,CACxE,MAAeC,UAAgCD,CAAqC,CAKlF,IAAW,MAA+B,CACxC,OAAO,KAAKE,CAAS,EAAE,IACzB,CAEA,IAAW,QAAmB,CAC5B,OAAO,KAAKA,CAAS,EAAE,MACzB,CAEA,IAAW,MAAe,CA/J9B,IAAAC,EAgKM,OAAOA,EAAA,KAAK,aAAa,MAAM,IAAxB,KAAAA,EAA6B,EACtC,CACA,IAAW,KAAKC,EAAe,CAC7BC,EAAgB,KAAM,CAAC,CAACD,EAAO,OAAQA,CAAK,CAC9C,CAYA,CAAQE,CAAY,GAAsB,CACxC,OAAO,KAAKC,CAAY,EAAE,CAC5B,CAEO,qBAAqBC,EAAyB,CACnD,KAAK,SAAWA,CAClB,CASA,IAAYC,CAAS,EAAEC,EAAiB,CAEtC,IAAMC,EAAeD,IAAS,SAC1B,SAAS,cAAc,QAAQ,EAC/B,SAAS,cAAc,OAAO,EAClCC,EAAa,aAAa,OAAQD,CAAI,EACtCC,EAAa,KAAO,WACpB,KAAK,cAAgBA,CACvB,CAEA,CAAQC,CAAoB,EAAEC,EAA0D,CAEtF,GAAK,KAAK,cAKV,OAAI,KAAKX,CAAS,EAAE,SAAS,YACpB,KAAKA,CAAS,EAAE,mBAMzB,OAAO,QAAQW,CAAK,EAAE,QAAQ,CAAC,CAACC,EAAKV,CAAK,IAAM,KAAK,cAAeU,CAAG,EAAIV,CAAK,EAEzE,KAAK,cAAc,kBAC5B,CACF,CAxEE,OADaH,EACU,eAAiB,GA0EnCA,CACT",
+  "names": ["WithFormAssociation", "base", "FormAssociatedComponent", "internals", "_a", "value", "toggleAttribute", "getFormState", "getFormValue", "disabled", "inputType", "type", "inputElement", "getValidationMessage", "props", "key"]
+}

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

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{e as f}from"./chunk.L5OB7WM2.js";import{d as i}from"./chunk.ZJQLVAJY.js";import{d as k}from"./chunk.ZZV7P3FR.js";import{d as u}from"./chunk.ND2X5OQ4.js";import{b as c}from"./chunk.5YTYVHYR.js";import{d as g}from"./chunk.W7CM652O.js";import{d as p}from"./chunk.WJLHVUHN.js";import{d as j}from"./chunk.OAZXY4Q5.js";import{d as K}from"./chunk.4X4SSZQU.js";import{d as y}from"./chunk.DFRD7A2Y.js";import{b as l}from"./chunk.F2327OUE.js";import{i as F}from"./chunk.Z7SLVU2O.js";import{d as v}from"./chunk.JBQXD3FJ.js";import{c as L}from"./chunk.5BQT3E7Y.js";import{e as I}from"./chunk.RCYIHHYO.js";import{b as J}from"./chunk.RLOZYTNN.js";import{d as q}from"./chunk.PGSL6NFZ.js";import{d as oo}from"./chunk.AQOLBID6.js";import{b as ro}from"./chunk.KWP42KR7.js";import{b as $}from"./chunk.2K3T63I2.js";import{b as w}from"./chunk.PZAL7VQF.js";import{b as Io}from"./chunk.42VNZ74O.js";import{e as Y}from"./chunk.6JR2HMWB.js";import{d as X}from"./chunk.XPIAOMSC.js";import{E as z}from"./chunk.NHYJMP25.js";import{f as W}from"./chunk.TRSICKKS.js";import{b as po}from"./chunk.WINWKU4K.js";import{d as to}from"./chunk.YCG7OVYF.js";import{d as mo}from"./chunk.O7DID7GP.js";import{d as T}from"./chunk.H6AG3EFX.js";import{d as no}from"./chunk.V7HN24VV.js";import{j as eo}from"./chunk.WJ26N3FC.js";import{d as So}from"./chunk.ZTBOQMRE.js";import{d as h}from"./chunk.NBYCIDFC.js";import{d as D}from"./chunk.CLODJYSW.js";import{d as Bo}from"./chunk.WXFJYCGO.js";import{e as uo}from"./chunk.VLADAZRB.js";import{d as lo}from"./chunk.7QO5JEOC.js";import{b as fo}from"./chunk.UCIVBX64.js";import{c as Po}from"./chunk.MMMG4MZ3.js";import{b as so}from"./chunk.6RZCV4ZV.js";import{d as ao}from"./chunk.KVPKVWCZ.js";import{d as co}from"./chunk.ME7ICFCZ.js";import{b as Co}from"./chunk.QQUSMJIM.js";import{d as io}from"./chunk.SZETPZGY.js";import{d as Q}from"./chunk.GDKJ4RZX.js";import{b as xo}from"./chunk.4JEBLMI3.js";import{g as U,j as H}from"./chunk.6J27XSTE.js";import{e as V}from"./chunk.SUR46MJG.js";import{d as N}from"./chunk.OVDO5RVX.js";import{d as G}from"./chunk.3PHNRX5D.js";import{c as ho}from"./chunk.EPVNVBZI.js";import{f as Eo}from"./chunk.JRROGJ2G.js";import{h as Do}from"./chunk.VNH44AGF.js";import{d as R}from"./chunk.6YDMW2GO.js";import{d as _}from"./chunk.SN3VXOWN.js";import{d as Ao}from"./chunk.GAHE4QVB.js";import{d as go}from"./chunk.VN7JOJVU.js";import{f as b}from"./chunk.JPOTN7LL.js";import{d as t}from"./chunk.LFLIYBAB.js";import{d as m}from"./chunk.Z7JF5PPO.js";import{e as To}from"./chunk.GYGIU62J.js";import{f as bo}from"./chunk.KYACLC66.js";import{b as Mo}from"./chunk.HP4333ZN.js";import{c as a}from"./chunk.MTZOQQXR.js";import{g as x}from"./chunk.53HPDCFR.js";import{b as E}from"./chunk.2UVBQKJI.js";import{d as wo}from"./chunk.PR76A5VF.js";import{d as A}from"./chunk.VX7H6YHF.js";import{q as ko}from"./chunk.TGGC2THA.js";import{d as Z}from"./chunk.6P4G73VL.js";import{d as O}from"./chunk.CPD4RUF2.js";import{c as B}from"./chunk.HBFU4EGB.js";import{f as d}from"./chunk.JMIUB3S3.js";import{b as s}from"./chunk.STIZCKQA.js";import{e as S}from"./chunk.253H47GA.js";import{b as P}from"./chunk.JLDKNU5Q.js";import{c as M}from"./chunk.O5HBMTSZ.js";import{d as C}from"./chunk.NPCUVYWP.js";import{d as n}from"./chunk.OJHNLDNM.js";import{l as r}from"./chunk.L7BSLZCB.js";import{p as e}from"./chunk.FTADCSFT.js";import{b as o}from"./chunk.TPXXHX5J.js";var Lo=[p,f,g,c,u,k,i,F,D,O,l,y,K,j,q,A,G,N,z,J,R,I,v,L,Q,W,X,Y,Z,w,$,t,mo,to,n,C,r,po,eo,U,no,s,B,d,T,ro,oo,m,io,Co,x,fo,lo,uo,S,Bo,h,So,V,H,b,xo,co,ao,P,so,Po,To,e,go,Ao,_,ho,Eo,Do,M,ko,wo,E,a,Mo,bo];function zr(){o(Lo)}var vo=[Io];function Jr(){o(vo)}export{zr as a,Jr as b};
+/**
+ * @license
+ * Copyright (c) Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+//# sourceMappingURL=chunk.YVCGGQQG.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["/// <reference types=\"./typings\" />\n\n/**\n * @license\n * Copyright (c) Tyler Technologies, Inc.\n * License: Apache-2.0\n */\n\nimport { defineCustomElements } from '@tylertech/forge-core';\nimport { AccordionComponent } from './accordion';\nimport {\n  AppBarComponent,\n  AppBarHelpButtonComponent,\n  AppBarMenuButtonComponent,\n  AppBarNotificationButtonComponent,\n  AppBarProfileButtonComponent,\n  AppBarSearchComponent,\n  ProfileCardComponent\n} from './app-bar';\nimport { AutocompleteComponent } from './autocomplete';\nimport { AvatarComponent } from './avatar';\nimport { BackdropComponent } from './backdrop';\nimport { BadgeComponent } from './badge';\nimport { BannerComponent } from './banner';\nimport { BottomSheetComponent } from './bottom-sheet';\nimport { BusyIndicatorComponent } from './busy-indicator';\nimport { ButtonComponent } from './button';\nimport { ButtonAreaComponent } from './button-area';\nimport { ButtonToggleComponent, ButtonToggleGroupComponent } from './button-toggle';\nimport { CalendarComponent } from './calendar';\nimport { CardComponent } from './card';\nimport { CheckboxComponent } from './checkbox';\nimport { ChipFieldComponent } from './chip-field';\nimport { ChipComponent, ChipSetComponent } from './chips';\nimport { CircularProgressComponent } from './circular-progress';\nimport { ColorPickerComponent } from './color-picker';\nimport { DatePickerComponent } from './date-picker';\nimport { DateRangePickerComponent } from './date-range-picker';\nimport { DialogComponent } from './dialog';\nimport { DividerComponent } from './divider';\nimport { DrawerComponent, MiniDrawerComponent, ModalDrawerComponent } from './drawer';\nimport { ExpansionPanelComponent } from './expansion-panel';\nimport { FilePickerComponent } from './file-picker';\nimport { FloatingActionButtonComponent } from './floating-action-button';\nimport { FocusIndicatorComponent } from './focus-indicator';\nimport { IconComponent } from './icon';\nimport { IconButtonComponent } from './icon-button';\nimport { InlineMessageComponent } from './inline-message';\nimport { KeyboardShortcutComponent } from './keyboard-shortcut';\nimport { LabelComponent } from './label';\nimport { LabelValueComponent } from './label-value';\nimport { LinearProgressComponent } from './linear-progress';\nimport { ListComponent } from './list';\nimport { ListItemComponent } from './list/list-item';\nimport { MenuComponent } from './menu';\nimport { OpenIconComponent } from './open-icon';\nimport { OverlayComponent } from './overlay';\nimport { PageStateComponent } from './page-state';\nimport { PaginatorComponent } from './paginator';\nimport { PopoverComponent } from './popover';\nimport { PopupComponent } from './popup';\nimport { ProductIconComponent } from './product-icon';\nimport { QuantityFieldComponent } from './quantity-field';\nimport { RadioComponent, RadioGroupComponent } from './radio';\nimport { RippleComponent } from './ripple';\nimport { ScaffoldComponent } from './scaffold';\nimport { OptionComponent, OptionGroupComponent, SelectComponent } from './select';\nimport { SelectDropdownComponent } from './select/select-dropdown';\nimport { SkeletonComponent } from './skeleton';\nimport { SliderComponent } from './slider';\nimport { SplitViewComponent } from './split-view';\nimport { StackComponent } from './stack';\nimport { StateLayerComponent } from './state-layer';\nimport { StepComponent, StepperComponent } from './stepper';\nimport { SwitchComponent } from './switch';\nimport { TableComponent } from './table';\nimport { TabBarComponent, TabComponent } from './tabs';\nimport { TextFieldComponent } from './text-field';\nimport { TimePickerComponent } from './time-picker';\nimport { ToastComponent } from './toast';\nimport { ToolbarComponent } from './toolbar';\nimport { TooltipComponent } from './tooltip';\nimport { ViewComponent, ViewSwitcherComponent } from './view-switcher';\n\n/**\n * Deprecated imports\n */\nimport { DeprecatedButtonComponent } from './deprecated/button';\n\nexport * from './accordion';\nexport * from './app-bar';\nexport * from './autocomplete';\nexport * from './avatar';\nexport * from './backdrop';\nexport * from './badge';\nexport * from './banner';\nexport * from './bottom-sheet';\nexport * from './busy-indicator';\nexport * from './button';\nexport * from './button-area';\nexport * from './button-toggle';\nexport * from './calendar';\nexport * from './card';\nexport * from './checkbox';\nexport * from './chip-field';\nexport * from './chips';\nexport * from './circular-progress';\nexport * from './color-picker';\nexport * from './constants';\nexport * from './core';\nexport * from './date-picker';\nexport * from './date-range-picker';\nexport * from './dialog';\nexport * from './divider';\nexport * from './drawer';\nexport * from './expansion-panel';\nexport * from './file-picker';\nexport * from './floating-action-button';\nexport * from './floating-label';\nexport * from './focus-indicator';\nexport * from './icon';\nexport * from './icon-button';\nexport * from './inline-message';\nexport * from './keyboard-shortcut';\nexport * from './label';\nexport * from './label-value';\nexport * from './linear-progress';\nexport * from './list';\nexport * from './menu';\nexport * from './open-icon';\nexport * from './overlay';\nexport * from './page-state';\nexport * from './paginator';\nexport * from './popover';\nexport * from './popup';\nexport * from './product-icon';\nexport * from './quantity-field';\nexport * from './radio';\nexport * from './ripple';\nexport * from './scaffold';\nexport * from './select';\nexport * from './skeleton';\nexport * from './slider';\nexport * from './split-button';\nexport * from './split-view';\nexport * from './stack';\nexport * from './state-layer';\nexport * from './stepper';\nexport * from './switch';\nexport * from './table';\nexport * from './tabs';\nexport * from './text-field';\nexport * from './theme';\nexport * from './time-picker';\nexport * from './toast';\nexport * from './toolbar';\nexport * from './tooltip';\nexport * from './utils';\nexport * from './view-switcher';\n\n/**\n * Deprecated exports\n */\nexport * from './deprecated/button';\n\nconst CUSTOM_ELEMENTS = [\n  AccordionComponent,\n  AppBarComponent,\n  AppBarHelpButtonComponent,\n  AppBarMenuButtonComponent,\n  AppBarNotificationButtonComponent,\n  AppBarProfileButtonComponent,\n  AppBarSearchComponent,\n  AutocompleteComponent,\n  AvatarComponent,\n  BackdropComponent,\n  BadgeComponent,\n  BannerComponent,\n  BottomSheetComponent,\n  BusyIndicatorComponent,\n  ButtonAreaComponent,\n  ButtonComponent,\n  ButtonToggleComponent,\n  ButtonToggleGroupComponent,\n  CalendarComponent,\n  CardComponent,\n  CheckboxComponent,\n  ChipComponent,\n  ChipFieldComponent,\n  ChipSetComponent,\n  CircularProgressComponent,\n  ColorPickerComponent,\n  DatePickerComponent,\n  DateRangePickerComponent,\n  DialogComponent,\n  DividerComponent,\n  DrawerComponent,\n  ExpansionPanelComponent,\n  FilePickerComponent,\n  FloatingActionButtonComponent,\n  FocusIndicatorComponent,\n  IconButtonComponent,\n  IconComponent,\n  InlineMessageComponent,\n  KeyboardShortcutComponent,\n  LabelComponent,\n  LabelValueComponent,\n  LinearProgressComponent,\n  ListComponent,\n  ListItemComponent,\n  MenuComponent,\n  MiniDrawerComponent,\n  ModalDrawerComponent,\n  OpenIconComponent,\n  OptionComponent,\n  OptionGroupComponent,\n  OverlayComponent,\n  PageStateComponent,\n  PaginatorComponent,\n  PopoverComponent,\n  PopupComponent,\n  ProductIconComponent,\n  ProfileCardComponent,\n  QuantityFieldComponent,\n  RadioComponent,\n  RadioGroupComponent,\n  RippleComponent,\n  ScaffoldComponent,\n  SelectComponent,\n  SelectDropdownComponent,\n  SkeletonComponent,\n  SliderComponent,\n  SplitViewComponent,\n  StackComponent,\n  StateLayerComponent,\n  StepComponent,\n  StepperComponent,\n  SwitchComponent,\n  TabBarComponent,\n  TabComponent,\n  TableComponent,\n  TextFieldComponent,\n  TimePickerComponent,\n  ToastComponent,\n  ToolbarComponent,\n  TooltipComponent,\n  ViewComponent,\n  ViewSwitcherComponent\n];\n\n/**\n * Registers all components in the library with the browser.\n */\nexport function defineComponents(): void {\n  defineCustomElements(CUSTOM_ELEMENTS);\n}\n\n/**\n * Deprecated component registration\n */\n\nconst DEPRECATED_CUSTOM_ELEMENTS = [\n  DeprecatedButtonComponent\n];\n\nexport function defineDeprecatedComponents(): void {\n  defineCustomElements(DEPRECATED_CUSTOM_ELEMENTS);\n}\n"],
+  "mappings": "6xGAqKA,IAAMA,GAAkB,CACtBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GACAC,GACAC,EACAC,EACAC,EACAC,GACAC,GACAC,EACAC,GACAC,EACAC,EACAC,EACAC,EACAC,GACAC,GACAC,EACAC,GACAC,GACAC,EACAC,GACAC,GACAC,GACAC,EACAC,GACAC,EACAC,GACAC,EACAC,EACAC,EACAC,GACAC,GACAC,GACAC,EACAC,GACAC,GACAC,GACAC,EACAC,GACAC,GACAC,EACAC,GACAC,GACAC,GACAC,EACAC,GACAC,GACAC,EACAC,EACAC,GACAC,EACF,EAKO,SAASC,IAAyB,CACvCC,EAAqBpF,EAAe,CACtC,CAMA,IAAMqF,GAA6B,CACjCC,EACF,EAEO,SAASC,IAAmC,CACjDH,EAAqBC,EAA0B,CACjD",
+  "names": ["CUSTOM_ELEMENTS", "AccordionComponent", "AppBarComponent", "AppBarHelpButtonComponent", "AppBarMenuButtonComponent", "AppBarNotificationButtonComponent", "AppBarProfileButtonComponent", "AppBarSearchComponent", "AutocompleteComponent", "AvatarComponent", "BackdropComponent", "BadgeComponent", "BannerComponent", "BottomSheetComponent", "BusyIndicatorComponent", "ButtonAreaComponent", "ButtonComponent", "ButtonToggleComponent", "ButtonToggleGroupComponent", "CalendarComponent", "CardComponent", "CheckboxComponent", "ChipComponent", "ChipFieldComponent", "ChipSetComponent", "CircularProgressComponent", "ColorPickerComponent", "DatePickerComponent", "DateRangePickerComponent", "DialogComponent", "DividerComponent", "DrawerComponent", "ExpansionPanelComponent", "FilePickerComponent", "FloatingActionButtonComponent", "FocusIndicatorComponent", "IconButtonComponent", "IconComponent", "InlineMessageComponent", "KeyboardShortcutComponent", "LabelComponent", "LabelValueComponent", "LinearProgressComponent", "ListComponent", "ListItemComponent", "MenuComponent", "MiniDrawerComponent", "ModalDrawerComponent", "OpenIconComponent", "OptionComponent", "OptionGroupComponent", "OverlayComponent", "PageStateComponent", "PaginatorComponent", "PopoverComponent", "PopupComponent", "ProductIconComponent", "ProfileCardComponent", "QuantityFieldComponent", "RadioComponent", "RadioGroupComponent", "RippleComponent", "ScaffoldComponent", "SelectComponent", "SelectDropdownComponent", "SkeletonComponent", "SliderComponent", "SplitViewComponent", "StackComponent", "StateLayerComponent", "StepComponent", "StepperComponent", "SwitchComponent", "TabBarComponent", "TabComponent", "TableComponent", "TextFieldComponent", "TimePickerComponent", "ToastComponent", "ToolbarComponent", "TooltipComponent", "ViewComponent", "ViewSwitcherComponent", "defineComponents", "defineCustomElements", "DEPRECATED_CUSTOM_ELEMENTS", "DeprecatedButtonComponent", "defineDeprecatedComponents"]
+}

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{q as g,s as h}from"./chunk.EWT2PBEP.js";import{a as u,d as C,l as T}from"./chunk.L7BSLZCB.js";import{a as _}from"./chunk.ZY3ETQ3D.js";import{a as p}from"./chunk.NVUMRW44.js";import{a as f,b}from"./chunk.UVXKHQQZ.js";import{a as O,e as d,f as s,k as N}from"./chunk.TPXXHX5J.js";import{u as I}from"./chunk.HZUQXCOQ.js";import{k as l}from"./chunk.J2M2MXP2.js";import{d as i}from"./chunk.M3QDAYD2.js";var E=`${b}open-icon`,A={ICON:"forge-open-icon",ICON_OPEN:"forge-open-icon--open"},x={OPEN:"open",ORIENTATION:"orientation"},S={ORIENTATION_VERTICAL:"vertical",ORIENTATION_HORIZONTAL:"horizontal"},e={elementName:E,classes:A,attributes:x,strings:S};var r=class{constructor(o){this._adapter=o;this._open=!1;this._orientation=e.strings.ORIENTATION_VERTICAL}initialize(){this._adapter.setOrientation(this._orientation),this._adapter.setOpenState(this._open)}get open(){return this._open}set open(o){o=!!o,this._open!==o&&(this._open=o,this._adapter.setOpenState(this._open))}get orientation(){return this._orientation}set orientation(o){this._orientation=o,this._adapter.setOrientation(this._orientation)}};var a=class extends _{constructor(t){super(t);this._openIcon=s(t,`.${e.classes.ICON}`),this._iconElement=s(t,u.elementName)}setOrientation(t){t===e.strings.ORIENTATION_HORIZONTAL?this._iconElement.name="keyboard_arrow_right":this._iconElement.name="keyboard_arrow_down"}setOpenState(t){I(this._openIcon,t,e.classes.ICON_OPEN)}};var w='<template><span class="forge-open-icon" part="root"><forge-icon class="icon" part="icon"></forge-icon></span></template>',v=".forge-open-icon{color:#757575;color:var(--forge-theme-icon-color,#757575)}.forge-open-icon .icon{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.forge-open-icon.forge-open-icon--open .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host{line-height:.5}:host([hidden]){display:none}",n=class extends N{constructor(){super();C.define([h,g]),d(this,w,v),this._foundation=new r(new a(this))}static get observedAttributes(){return[e.attributes.OPEN,e.attributes.ORIENTATION]}initializedCallback(){this._foundation.initialize()}attributeChangedCallback(t,R,m){switch(t){case e.attributes.OPEN:this.open=l(m);break;case e.attributes.ORIENTATION:this.orientation=m;break}}};i([p()],n.prototype,"open",2),i([p()],n.prototype,"orientation",2),n=i([f({name:e.elementName,dependencies:[T]})],n);function ee(){O(n)}export{e as a,r as b,a as c,n as d,ee as e};
+//# sourceMappingURL=chunk.Z7JF5PPO.js.map

package/dist/esm/chunks/{chunk.PMSCH6VK.js.map → chunk.Z7JF5PPO.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/open-icon/open-icon-constants.ts", "../../src/open-icon/open-icon-foundation.ts", "../../src/open-icon/open-icon-adapter.ts", "../../src/open-icon/open-icon.ts", "../../src/open-icon/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}open-icon`;\n\nconst classes = {\n  ICON: 'forge-open-icon',\n  ICON_OPEN: 'forge-open-icon--open'\n};\n\nconst attributes = {\n  OPEN: 'open',\n  ORIENTATION: 'orientation'\n};\n\nconst strings = {\n  ORIENTATION_VERTICAL: 'vertical',\n  ORIENTATION_HORIZONTAL: 'horizontal'\n};\n\nexport const OPEN_ICON_CONSTANTS = {\n  elementName,\n  classes,\n  attributes,\n  strings\n};\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IOpenIconAdapter } from './open-icon-adapter';\nimport { OPEN_ICON_CONSTANTS } from './open-icon-constants';\n\nexport interface IOpenIconFoundation extends ICustomElementFoundation {\n  open: boolean;\n}\n\nexport class OpenIconFoundation implements IOpenIconFoundation {\n  private _open = false;\n  private _orientation = OPEN_ICON_CONSTANTS.strings.ORIENTATION_VERTICAL;\n\n  constructor(private _adapter: IOpenIconAdapter) {}\n\n  public initialize(): void {\n    this._adapter.setOrientation(this._orientation);\n    this._adapter.setOpenState(this._open);\n  }\n\n  /** Controls the open state of the icon. */\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    value = Boolean(value);\n    if (this._open !== value) {\n      this._open = value;\n      this._adapter.setOpenState(this._open);\n    }\n  }\n\n  public get orientation(): string {\n    return this._orientation;\n  }\n  public set orientation(value: string) {\n    this._orientation = value;\n    this._adapter.setOrientation(this._orientation);\n  }\n}\n", "import { getShadowElement, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IOpenIconComponent } from './open-icon';\nimport { OPEN_ICON_CONSTANTS } from './open-icon-constants';\nimport { ICON_CONSTANTS, IIconComponent } from '../icon';\n\nexport interface IOpenIconAdapter extends IBaseAdapter {\n  setOrientation: (orientation: string) => void;\n  setOpenState: (open: boolean) => void;\n}\n\nexport class OpenIconAdapter extends BaseAdapter<IOpenIconComponent> implements IOpenIconAdapter {\n  private _openIcon: HTMLElement;\n  private _iconElement: IIconComponent;\n\n  constructor(component: IOpenIconComponent) {\n    super(component);\n    this._openIcon = getShadowElement(component, `.${OPEN_ICON_CONSTANTS.classes.ICON}`);\n    this._iconElement = getShadowElement(component, ICON_CONSTANTS.elementName) as IIconComponent;\n  }\n\n  public setOrientation(orientation: string): void {\n    if (orientation === OPEN_ICON_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n      this._iconElement.name = 'keyboard_arrow_right';\n    } else {\n      this._iconElement.name = 'keyboard_arrow_down';\n    }\n  }\n\n  public setOpenState(open: boolean): void {\n    toggleClass(this._openIcon, open, OPEN_ICON_CONSTANTS.classes.ICON_OPEN);\n  }\n}\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconKeyboardArrowLeft, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';\nimport { OpenIconFoundation } from './open-icon-foundation';\nimport { OpenIconAdapter } from './open-icon-adapter';\nimport { OPEN_ICON_CONSTANTS } from './open-icon-constants';\nimport { IconRegistry, IconComponent } from '../icon';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><span class=\\\"forge-open-icon\\\" part=\\\"root\\\"><forge-icon class=\\\"icon\\\" part=\\\"icon\\\"></forge-icon></span></template>';\nconst styles = '.forge-open-icon{color:#757575;color:var(--forge-theme-icon-color,#757575)}.forge-open-icon .icon{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.forge-open-icon.forge-open-icon--open .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host{line-height:.5}:host([hidden]){display:none}';\n\nexport interface IOpenIconComponent extends IBaseComponent {\n  open: boolean;\n  orientation: string;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-open-icon': IOpenIconComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-open-icon>` custom element.\n * \n * @tag forge-open-icon\n */\n@CustomElement({\n  name: OPEN_ICON_CONSTANTS.elementName,\n  dependencies: [IconComponent]\n})\nexport class OpenIconComponent extends BaseComponent implements IOpenIconComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      OPEN_ICON_CONSTANTS.attributes.OPEN,\n      OPEN_ICON_CONSTANTS.attributes.ORIENTATION\n    ];\n  }\n\n  private _foundation: OpenIconFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([tylIconKeyboardArrowLeft, tylIconKeyboardArrowDown]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new OpenIconFoundation(new OpenIconAdapter(this));\n  }\n\n  public initializedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case OPEN_ICON_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case OPEN_ICON_CONSTANTS.attributes.ORIENTATION:\n        this.orientation = newValue;\n        break;\n    }\n  }\n\n  /** Controls the open state of the icon. */\n  @FoundationProperty()\n  public declare open: boolean;\n\n  /**\n   * Gets/sets the orientation of the icon.\n   * Valid values are 'vertical' (default) or 'horizontal'.\n   */\n  @FoundationProperty()\n  public declare orientation: string;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { OpenIconComponent } from './open-icon';\n\nexport * from './open-icon-adapter';\nexport * from './open-icon-constants';\nexport * from './open-icon-foundation';\nexport * from './open-icon';\n\nexport function defineOpenIconComponent(): void {\n  defineCustomElement(OpenIconComponent);\n}\n"],
-  "mappings": "0bAEA,IAAMA,EAA2C,GAAGC,aAE9CC,EAAU,CACd,KAAM,kBACN,UAAW,uBACb,EAEMC,EAAa,CACjB,KAAM,OACN,YAAa,aACf,EAEMC,EAAU,CACd,qBAAsB,WACtB,uBAAwB,YAC1B,EAEaC,EAAsB,CACjC,YAAAL,EACA,QAAAE,EACA,WAAAC,EACA,QAAAC,CACF,ECfO,IAAME,EAAN,KAAwD,CAI7D,YAAoBC,EAA4B,CAA5B,cAAAA,EAHpB,KAAQ,MAAQ,GAChB,KAAQ,aAAeC,EAAoB,QAAQ,oBAEF,CAE1C,YAAmB,CACxB,KAAK,SAAS,eAAe,KAAK,YAAY,EAC9C,KAAK,SAAS,aAAa,KAAK,KAAK,CACvC,CAGA,IAAW,MAAgB,CACzB,OAAO,KAAK,KACd,CACA,IAAW,KAAKC,EAAgB,CAC9BA,EAAQ,EAAQA,EACZ,KAAK,QAAUA,IACjB,KAAK,MAAQA,EACb,KAAK,SAAS,aAAa,KAAK,KAAK,EAEzC,CAEA,IAAW,aAAsB,CAC/B,OAAO,KAAK,YACd,CACA,IAAW,YAAYA,EAAe,CACpC,KAAK,aAAeA,EACpB,KAAK,SAAS,eAAe,KAAK,YAAY,CAChD,CACF,EC5BO,IAAMC,EAAN,cAA8BC,CAA4D,CAI/F,YAAYC,EAA+B,CACzC,MAAMA,CAAS,EACf,KAAK,UAAYC,EAAiBD,EAAW,IAAIE,EAAoB,QAAQ,MAAM,EACnF,KAAK,aAAeD,EAAiBD,EAAWG,EAAe,WAAW,CAC5E,CAEO,eAAeC,EAA2B,CAC3CA,IAAgBF,EAAoB,QAAQ,uBAC9C,KAAK,aAAa,KAAO,uBAEzB,KAAK,aAAa,KAAO,qBAE7B,CAEO,aAAaG,EAAqB,CACvCC,EAAY,KAAK,UAAWD,EAAMH,EAAoB,QAAQ,SAAS,CACzE,CACF,ECxBA,IAAMK,EAAW,2HACXC,EAAS,gZAsBFC,EAAN,cAAgCC,CAA4C,CAUjF,aAAc,CACZ,MAAM,EACNC,EAAa,OAAO,CAACC,EAA0BC,CAAwB,CAAC,EACxEC,EAAqB,KAAMP,EAAUC,CAAM,EAC3C,KAAK,YAAc,IAAIO,EAAmB,IAAIC,EAAgB,IAAI,CAAC,CACrE,CAdA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAoB,WAAW,KAC/BA,EAAoB,WAAW,WACjC,CACF,CAWO,qBAA4B,CACjC,KAAK,YAAY,WAAW,CAC9B,CAEO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKD,EAAoB,WAAW,KAClC,KAAK,KAAOI,EAAcD,CAAQ,EAClC,MACF,KAAKH,EAAoB,WAAW,YAClC,KAAK,YAAcG,EACnB,KACJ,CACF,CAYF,EARiBE,EAAA,CADdC,EAAmB,GAjCTd,EAkCI,oBAOAa,EAAA,CADdC,EAAmB,GAxCTd,EAyCI,2BAzCJA,EAANa,EAAA,CAJNE,EAAc,CACb,KAAMP,EAAoB,YAC1B,aAAc,CAACQ,CAAa,CAC9B,CAAC,GACYhB,GCtBN,SAASiB,IAAgC,CAC9CC,EAAoBC,CAAiB,CACvC",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "attributes", "strings", "OPEN_ICON_CONSTANTS", "OpenIconFoundation", "_adapter", "OPEN_ICON_CONSTANTS", "value", "OpenIconAdapter", "BaseAdapter", "component", "getShadowElement", "OPEN_ICON_CONSTANTS", "ICON_CONSTANTS", "orientation", "open", "toggleClass", "template", "styles", "OpenIconComponent", "BaseComponent", "IconRegistry", "tylIconKeyboardArrowLeft", "tylIconKeyboardArrowDown", "attachShadowTemplate", "OpenIconFoundation", "OpenIconAdapter", "OPEN_ICON_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "IconComponent", "defineOpenIconComponent", "defineCustomElement", "OpenIconComponent"]
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}open-icon`;\n\nconst classes = {\n  ICON: 'forge-open-icon',\n  ICON_OPEN: 'forge-open-icon--open'\n};\n\nconst attributes = {\n  OPEN: 'open',\n  ORIENTATION: 'orientation'\n};\n\nconst strings = {\n  ORIENTATION_VERTICAL: 'vertical',\n  ORIENTATION_HORIZONTAL: 'horizontal'\n};\n\nexport const OPEN_ICON_CONSTANTS = {\n  elementName,\n  classes,\n  attributes,\n  strings\n};\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { IOpenIconAdapter } from './open-icon-adapter';\nimport { OPEN_ICON_CONSTANTS } from './open-icon-constants';\n\nexport interface IOpenIconFoundation extends ICustomElementFoundation {\n  open: boolean;\n}\n\nexport class OpenIconFoundation implements IOpenIconFoundation {\n  private _open = false;\n  private _orientation = OPEN_ICON_CONSTANTS.strings.ORIENTATION_VERTICAL;\n\n  constructor(private _adapter: IOpenIconAdapter) {}\n\n  public initialize(): void {\n    this._adapter.setOrientation(this._orientation);\n    this._adapter.setOpenState(this._open);\n  }\n\n  /** Controls the open state of the icon. */\n  public get open(): boolean {\n    return this._open;\n  }\n  public set open(value: boolean) {\n    value = Boolean(value);\n    if (this._open !== value) {\n      this._open = value;\n      this._adapter.setOpenState(this._open);\n    }\n  }\n\n  public get orientation(): string {\n    return this._orientation;\n  }\n  public set orientation(value: string) {\n    this._orientation = value;\n    this._adapter.setOrientation(this._orientation);\n  }\n}\n", "import { getShadowElement, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { IOpenIconComponent } from './open-icon';\nimport { OPEN_ICON_CONSTANTS } from './open-icon-constants';\nimport { ICON_CONSTANTS, IIconComponent } from '../icon';\n\nexport interface IOpenIconAdapter extends IBaseAdapter {\n  setOrientation: (orientation: string) => void;\n  setOpenState: (open: boolean) => void;\n}\n\nexport class OpenIconAdapter extends BaseAdapter<IOpenIconComponent> implements IOpenIconAdapter {\n  private _openIcon: HTMLElement;\n  private _iconElement: IIconComponent;\n\n  constructor(component: IOpenIconComponent) {\n    super(component);\n    this._openIcon = getShadowElement(component, `.${OPEN_ICON_CONSTANTS.classes.ICON}`);\n    this._iconElement = getShadowElement(component, ICON_CONSTANTS.elementName) as IIconComponent;\n  }\n\n  public setOrientation(orientation: string): void {\n    if (orientation === OPEN_ICON_CONSTANTS.strings.ORIENTATION_HORIZONTAL) {\n      this._iconElement.name = 'keyboard_arrow_right';\n    } else {\n      this._iconElement.name = 'keyboard_arrow_down';\n    }\n  }\n\n  public setOpenState(open: boolean): void {\n    toggleClass(this._openIcon, open, OPEN_ICON_CONSTANTS.classes.ICON_OPEN);\n  }\n}\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\nimport { tylIconKeyboardArrowRight, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';\nimport { OpenIconFoundation } from './open-icon-foundation';\nimport { OpenIconAdapter } from './open-icon-adapter';\nimport { OPEN_ICON_CONSTANTS } from './open-icon-constants';\nimport { IconRegistry, IconComponent } from '../icon';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\n\nconst template = '<template><span class=\\\"forge-open-icon\\\" part=\\\"root\\\"><forge-icon class=\\\"icon\\\" part=\\\"icon\\\"></forge-icon></span></template>';\nconst styles = '.forge-open-icon{color:#757575;color:var(--forge-theme-icon-color,#757575)}.forge-open-icon .icon{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.forge-open-icon.forge-open-icon--open .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host{line-height:.5}:host([hidden]){display:none}';\n\nexport interface IOpenIconComponent extends IBaseComponent {\n  open: boolean;\n  orientation: string;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-open-icon': IOpenIconComponent;\n  }\n}\n\n/**\n * The web component class behind the `<forge-open-icon>` custom element.\n * \n * @tag forge-open-icon\n */\n@CustomElement({\n  name: OPEN_ICON_CONSTANTS.elementName,\n  dependencies: [IconComponent]\n})\nexport class OpenIconComponent extends BaseComponent implements IOpenIconComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      OPEN_ICON_CONSTANTS.attributes.OPEN,\n      OPEN_ICON_CONSTANTS.attributes.ORIENTATION\n    ];\n  }\n\n  private _foundation: OpenIconFoundation;\n\n  constructor() {\n    super();\n    IconRegistry.define([tylIconKeyboardArrowRight, tylIconKeyboardArrowDown]);\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new OpenIconFoundation(new OpenIconAdapter(this));\n  }\n\n  public initializedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case OPEN_ICON_CONSTANTS.attributes.OPEN:\n        this.open = coerceBoolean(newValue);\n        break;\n      case OPEN_ICON_CONSTANTS.attributes.ORIENTATION:\n        this.orientation = newValue;\n        break;\n    }\n  }\n\n  /** Controls the open state of the icon. */\n  @FoundationProperty()\n  public declare open: boolean;\n\n  /**\n   * Gets/sets the orientation of the icon.\n   * Valid values are 'vertical' (default) or 'horizontal'.\n   */\n  @FoundationProperty()\n  public declare orientation: string;\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { OpenIconComponent } from './open-icon';\n\nexport * from './open-icon-adapter';\nexport * from './open-icon-constants';\nexport * from './open-icon-foundation';\nexport * from './open-icon';\n\nexport function defineOpenIconComponent(): void {\n  defineCustomElement(OpenIconComponent);\n}\n"],
+  "mappings": "oZAEA,IAAMA,EAA2C,GAAGC,aAE9CC,EAAU,CACd,KAAM,kBACN,UAAW,uBACb,EAEMC,EAAa,CACjB,KAAM,OACN,YAAa,aACf,EAEMC,EAAU,CACd,qBAAsB,WACtB,uBAAwB,YAC1B,EAEaC,EAAsB,CACjC,YAAAL,EACA,QAAAE,EACA,WAAAC,EACA,QAAAC,CACF,ECfO,IAAME,EAAN,KAAwD,CAI7D,YAAoBC,EAA4B,CAA5B,cAAAA,EAHpB,KAAQ,MAAQ,GAChB,KAAQ,aAAeC,EAAoB,QAAQ,oBAEF,CAE1C,YAAmB,CACxB,KAAK,SAAS,eAAe,KAAK,YAAY,EAC9C,KAAK,SAAS,aAAa,KAAK,KAAK,CACvC,CAGA,IAAW,MAAgB,CACzB,OAAO,KAAK,KACd,CACA,IAAW,KAAKC,EAAgB,CAC9BA,EAAQ,EAAQA,EACZ,KAAK,QAAUA,IACjB,KAAK,MAAQA,EACb,KAAK,SAAS,aAAa,KAAK,KAAK,EAEzC,CAEA,IAAW,aAAsB,CAC/B,OAAO,KAAK,YACd,CACA,IAAW,YAAYA,EAAe,CACpC,KAAK,aAAeA,EACpB,KAAK,SAAS,eAAe,KAAK,YAAY,CAChD,CACF,EC5BO,IAAMC,EAAN,cAA8BC,CAA4D,CAI/F,YAAYC,EAA+B,CACzC,MAAMA,CAAS,EACf,KAAK,UAAYC,EAAiBD,EAAW,IAAIE,EAAoB,QAAQ,MAAM,EACnF,KAAK,aAAeD,EAAiBD,EAAWG,EAAe,WAAW,CAC5E,CAEO,eAAeC,EAA2B,CAC3CA,IAAgBF,EAAoB,QAAQ,uBAC9C,KAAK,aAAa,KAAO,uBAEzB,KAAK,aAAa,KAAO,qBAE7B,CAEO,aAAaG,EAAqB,CACvCC,EAAY,KAAK,UAAWD,EAAMH,EAAoB,QAAQ,SAAS,CACzE,CACF,ECxBA,IAAMK,EAAW,2HACXC,EAAS,gZAsBFC,EAAN,cAAgCC,CAA4C,CAUjF,aAAc,CACZ,MAAM,EACNC,EAAa,OAAO,CAACC,EAA2BC,CAAwB,CAAC,EACzEC,EAAqB,KAAMP,EAAUC,CAAM,EAC3C,KAAK,YAAc,IAAIO,EAAmB,IAAIC,EAAgB,IAAI,CAAC,CACrE,CAdA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAoB,WAAW,KAC/BA,EAAoB,WAAW,WACjC,CACF,CAWO,qBAA4B,CACjC,KAAK,YAAY,WAAW,CAC9B,CAEO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKD,EAAoB,WAAW,KAClC,KAAK,KAAOI,EAAcD,CAAQ,EAClC,MACF,KAAKH,EAAoB,WAAW,YAClC,KAAK,YAAcG,EACnB,KACJ,CACF,CAYF,EARiBE,EAAA,CADdC,EAAmB,GAjCTd,EAkCI,oBAOAa,EAAA,CADdC,EAAmB,GAxCTd,EAyCI,2BAzCJA,EAANa,EAAA,CAJNE,EAAc,CACb,KAAMP,EAAoB,YAC1B,aAAc,CAACQ,CAAa,CAC9B,CAAC,GACYhB,GCtBN,SAASiB,IAAgC,CAC9CC,EAAoBC,CAAiB,CACvC",
+  "names": ["elementName", "COMPONENT_NAME_PREFIX", "classes", "attributes", "strings", "OPEN_ICON_CONSTANTS", "OpenIconFoundation", "_adapter", "OPEN_ICON_CONSTANTS", "value", "OpenIconAdapter", "BaseAdapter", "component", "getShadowElement", "OPEN_ICON_CONSTANTS", "ICON_CONSTANTS", "orientation", "open", "toggleClass", "template", "styles", "OpenIconComponent", "BaseComponent", "IconRegistry", "tylIconKeyboardArrowRight", "tylIconKeyboardArrowDown", "attachShadowTemplate", "OpenIconFoundation", "OpenIconAdapter", "OPEN_ICON_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement", "IconComponent", "defineOpenIconComponent", "defineCustomElement", "OpenIconComponent"]
 }

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

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import{a as F}from"./chunk.JBQXD3FJ.js";import{b as se}from"./chunk.PZAL7VQF.js";import{a as Z}from"./chunk.IDB4KFSQ.js";import{h as oe,i as ne}from"./chunk.LXFL2C62.js";import{c as J}from"./chunk.HBFU4EGB.js";import{f as Q}from"./chunk.JMIUB3S3.js";import{b as te}from"./chunk.STIZCKQA.js";import{a as C,e as ee}from"./chunk.253H47GA.js";import{b as ie}from"./chunk.JLDKNU5Q.js";import{c as pe}from"./chunk.O5HBMTSZ.js";import{a as le,b as ae}from"./chunk.LEN33O6V.js";import{a as re}from"./chunk.ZSZFWZAI.js";import{a as j}from"./chunk.OR5GB6X3.js";import{c as W,g as K,h as q}from"./chunk.EWT2PBEP.js";import{d as Y,l as X}from"./chunk.L7BSLZCB.js";import{a as z}from"./chunk.YTBNAGLS.js";import{a as $}from"./chunk.HPCXVNG6.js";import{a as R}from"./chunk.ZY3ETQ3D.js";import{a}from"./chunk.NVUMRW44.js";import{a as H,b as G,c as V}from"./chunk.UVXKHQQZ.js";import{a as N,e as U,f as L}from"./chunk.TPXXHX5J.js";import{a as D}from"./chunk.MGLWXAZO.js";import{m as B,s as M,t as k,v as A}from"./chunk.HZUQXCOQ.js";import{a as y,b as h,c as x,j as T,k as f,l as S,n as w,o as P}from"./chunk.J2M2MXP2.js";import{a as E,d as p}from"./chunk.M3QDAYD2.js";var g=`${G}autocomplete`,me={MODE:"mode",MULTIPLE:"multiple",DEBOUNCE:"debounce",FILTER_ON_FOCUS:"filter-on-focus",FILTER_FOCUS_FIRST:"filter-focus-first",ALLOW_UNMATCHED:"allow-unmatched",POPUP_TARGET:"popup-target",POPUP_CLASSES:"popup-classes",OPTION_LIMIT:"option-limit",OBSERVE_SCROLL:"observe-scroll",OBSERVE_SCROLL_THRESHOLD:"observe-scroll-threshold",SYNC_POPUP_WIDTH:"sync-popup-width",OPEN:"open",MATCH_KEY:"match-key",FILTER_TEXT:"filter-text",DROPDOWN_ICON_OPEN:"data-forge-dropdown-icon-open"},fe={INPUT:re.selectors.INPUT,DROPDOWN_ICON:"[data-forge-dropdown-icon],[data-forge-dropdown-icon],[forge-dropdown-icon],.forge-dropdown-icon",CLEAR_BUTTON:"[data-forge-autocomplete-clear],[forge-autocomplete-clear]"},ve={DEFAULT_DEBOUNCE_TIME:V,NUM_SKELETON_ITEMS:3},be={CHANGE:`${g}-change`,SELECT:`${g}-select`,SCROLLED_BOTTOM:`${g}-scrolled-bottom`},o={elementName:g,attributes:me,selectors:fe,numbers:ve,events:be},ue=(e=>(e.Default="default",e.Stateless="stateless",e))(ue||{});var O=class extends R{constructor(e){super(e);this.setInputElement()}setInputElement(){let e=M(this._component,o.selectors.INPUT,!1);return e.length&&(this._inputElement=e[0]),this._inputElement}setInputAttribute(e,t){this._inputElement.setAttribute(e,t)}addInputListener(e,t){this._inputElement.addEventListener(e,t)}removeInputListener(e,t){this._inputElement.removeEventListener(e,t)}initializeInputAccessibility(e){this._inputElement.setAttribute("autocomplete","off"),this._inputElement.setAttribute("role","combobox"),this._inputElement.setAttribute("aria-live","polite"),this._inputElement.setAttribute("aria-atomic","true"),this._inputElement.setAttribute("aria-haspopup","true"),this._inputElement.setAttribute("aria-expanded","false"),this._inputElement.setAttribute("aria-autocomplete","list")}isWrappingChipField(){return!!this._component.querySelector(F.elementName)}show(e,t){this._targetElement=this._getTargetElement(t),this._targetElement&&(this._listDropdown=new oe(this._targetElement,e),this._listDropdown.open(),this._inputElement.setAttribute("aria-expanded","true"),this._inputElement.setAttribute("aria-controls",`list-dropdown-popup-${e.id}`),this._tryToggleDropdownIconRotation(!0))}hide(e){if(!this._listDropdown)return;let{targetElement:t}=this._listDropdown.dropdownElement;t.removeEventListener(C.events.BLUR,e),this.setBusyVisibility(!1),this._tryToggleDropdownIconRotation(!1),this._inputElement.removeAttribute("aria-activedescendant"),this._inputElement.removeAttribute("aria-controls"),this._inputElement.setAttribute("aria-expanded","false"),this._listDropdown.close(),this._listDropdown=void 0}setBusyVisibility(e){var t;(t=this._listDropdown)==null||t.setBusyVisibility(e)}setDismissListener(e){if(!this._listDropdown||!this._listDropdown.dropdownElement)return;let t=this._listDropdown.dropdownElement;t.targetElement&&t.targetElement.addEventListener(C.events.BLUR,e)}focus(){window.requestAnimationFrame(()=>this._inputElement.focus())}setOptions(e){var t;(t=this._listDropdown)==null||t.setOptions(e)}appendOptions(e){var t;(t=this._listDropdown)==null||t.appendOptions(e)}setSelectedText(e){this._inputElement.value=e}getInputValue(){return this._inputElement.value}setInputValue(e){this._inputElement.value=e}selectInputValue(){window.requestAnimationFrame(()=>this._inputElement.select())}isFocusWithinPopup(e){return!this._listDropdown||!this._listDropdown.dropdownElement?!1:this._listDropdown.dropdownElement.contains(e)}hasFocus(){let e=k(this._component.ownerDocument);return e===this._inputElement||this.isFocusWithinPopup(e)}hasInputElement(){return!!this._inputElement}setDropdownIconListener(e,t){window.requestAnimationFrame(()=>{let i=this._component.querySelector(o.selectors.DROPDOWN_ICON);i&&i.addEventListener(e,t)})}removeDropdownIconListener(e,t){let i=this._component.querySelector(o.selectors.DROPDOWN_ICON);i&&i.removeEventListener(e,t)}setClearButtonListener(e,t){window.requestAnimationFrame(()=>{let i=this._component.querySelector(o.selectors.CLEAR_BUTTON);i&&i.addEventListener(e,t)})}removeClearButtonListener(e,t){let i=this._component.querySelector(o.selectors.CLEAR_BUTTON);i&&i.removeEventListener(e,t)}propagateKey(e){var t;(t=this._listDropdown)==null||t.handleKey(e)}updateActiveDescendant(e){this._targetElement&&A(this._inputElement,!!e,"aria-activedescendant",e)}getTargetElementWidth(e){return this._targetElement||(this._targetElement=this._getTargetElement(e)),this._targetElement.getBoundingClientRect().width}getPopupElement(){var e,t;return(t=(e=this._listDropdown)==null?void 0:e.dropdownElement)!=null?t:null}activateFirstOption(){var e;(e=this._listDropdown)==null||e.activateFirstOption()}activateSelectedOption(){var e;(e=this._listDropdown)==null||e.activateSelectedOption()}activateOptionByIndex(e){var t;(t=this._listDropdown)==null||t.activateOption(e)}getActiveOptionIndex(){var e,t;return(t=(e=this._listDropdown)==null?void 0:e.getActiveOptionIndex())!=null?t:null}clearActiveOption(){var e;(e=this._listDropdown)==null||e.clearActiveOption()}setSelectedOptions(e){if(this._listDropdown){let t=e.map(i=>i.value);this._listDropdown.setSelectedValues(t)}}queueDropdownPositionUpdate(){this.getPopupElement()&&window.requestAnimationFrame(()=>{let e=this.getPopupElement();e==null||e.position()})}_getTargetElement(e){return e?this._component.querySelector(e)||this._getDefaultTargetElement():this._getDefaultTargetElement()}_getDefaultTargetElement(){let e=this._component.querySelector("forge-text-field");if(e&&e.shadowRoot){let i=L(e,le.selectors.ROOT);if(i)return i}let t=this._component.querySelector("forge-chip-field");if(t&&t.shadowRoot){let i=L(t,F.selectors.ROOT);if(i)return i}return this._component.querySelector("input")||this._component}_tryToggleDropdownIconRotation(e){let t=this._component.querySelector(o.selectors.DROPDOWN_ICON);t&&A(t,e,o.attributes.DROPDOWN_ICON_OPEN)}};var de=(e=>(e[e.Option=0]="Option",e[e.Group=1]="Group",e))(de||{});function v(u,d){let e=u.some(i=>h(i)&&T(i)&&i.hasOwnProperty("options")&&(i.hasOwnProperty("text")||i.hasOwnProperty("builder"))),t=u.some(i=>h(i)&&T(i)&&i.hasOwnProperty("label")&&i.hasOwnProperty("value"));return e&&d===1||t&&d===0}function ce(u,d){return u.find(e=>e.value===d)}function b(u,d,e=null){return e?!(e in u.value)||!(e in d)?!1:w(u.value[e],d[e]):w(u.value,d)}var I=class extends ne{constructor(e){super();this._adapter=e;this._isInitialized=!1;this._isDropdownOpen=!1;this._mode="default";this._multiple=!1;this._debounce=o.numbers.DEFAULT_DEBOUNCE_TIME;this._allowUnmatched=!1;this._filterOnFocus=!0;this._filterFocusFirst=!0;this._options=[];this._filterText="";this._selectedOptions=[];this._values=[];this._pendingFilterPromises=[];this._matchKey=null;this._clickListener=t=>this._onClick(t),this._focusListener=()=>this._onFocus(),this._blurListener=t=>this._onBlur(t),this._keydownListener=t=>this._onKeydown(t),this._dropdownIconClickListener=t=>this._onDropdownIconClick(t),this._dropdownScrollEndListener=()=>this._onDropdownScrollEnd(),this._dropdownIconMouseDownListener=t=>this._onDropdownIconMouseDown(t),this._clearButtonListener=t=>this._onClear(t),this._dismissListener=()=>this._onDismiss(),this._activeChangeListener=t=>this._adapter.updateActiveDescendant(t),this._targetWidthCallback=()=>this._adapter.getTargetElementWidth(this._popupTarget),this._identifier=y()}async initialize(){if(!this._adapter.hasInputElement()&&!this._adapter.setInputElement())throw new Error("An input element is required as a child of the autocomplete component.");if(this._setInputListener(),this._setFilterCallback(),this._attachListeners(),this._initializeAccessibility(),this._values.length){if(!this._selectedOptions.length){try{await this._executeFilter()}catch(e){console.error(e)}this._updateSelectedOptions(this._values)}this._adapter.setSelectedText(this._getSelectedText())}this._isInitialized=!0}disconnect(){this._isInitialized&&(this._detachListeners(),this._isInitialized=!1),this._isDropdownOpen&&this._closeDropdown()}async forceFilter({preserveValue:e}){this._options=[],await this._executeFilter(!0,!0),e&&this._options.push(...this._selectedOptions),this._applyValue(this._values)}_attachListeners(){this._adapter.addInputListener("click",this._clickListener),this._adapter.addInputListener("focus",this._focusListener),this._adapter.addInputListener("blur",this._blurListener),this._adapter.addInputListener("input",this._inputListener),this._adapter.addInputListener("keydown",this._keydownListener),this._adapter.setDropdownIconListener("click",this._dropdownIconClickListener),this._adapter.setDropdownIconListener("mousedown",this._dropdownIconMouseDownListener),this._adapter.setClearButtonListener("click",this._clearButtonListener)}_detachListeners(){this._adapter.removeInputListener("click",this._clickListener),this._adapter.removeInputListener("focus",this._focusListener),this._adapter.removeInputListener("blur",this._blurListener),this._adapter.removeInputListener("input",this._inputListener),this._adapter.removeInputListener("keydown",this._keydownListener),this._adapter.removeDropdownIconListener("click",this._dropdownIconClickListener),this._adapter.removeDropdownIconListener("mousedown",this._dropdownIconMouseDownListener),this._adapter.removeClearButtonListener("click",this._clearButtonListener)}_setInputListener(){this._inputListener=e=>this._onInput(e)}_setFilterCallback(){this._filterFn=h(this._debounce)&&this._debounce>0?P(this._debounceFilter,this._debounce,!1):this._debounceFilter}_initializeAccessibility(){this._adapter.initializeInputAccessibility(this._identifier)}get _flatOptions(){return v(this._options,1)?this._options.reduce((e,t)=>e.concat(t.options),[]):this._options}_onClick(e){!this._isDropdownOpen&&this._filterOnFocus&&this._showDropdown()}_onDropdownIconMouseDown(e){e.preventDefault()}_onDropdownIconClick(e){this._isDropdownOpen?this._closeDropdown():(this._adapter.focus(),window.requestAnimationFrame(()=>this._showDropdown()))}_onClear(e){this._filterText="",this._clearValue(),this._adapter.setSelectedText(this._getSelectedText())}_onDropdownScrollEnd(){this._adapter.emitHostEvent(o.events.SCROLLED_BOTTOM)}_onFocus(){!this._isDropdownOpen&&this._adapter.getInputValue()&&!D.isMobile&&this._adapter.selectInputValue()}_onBlur(e){this._adapter.isFocusWithinPopup(e.relatedTarget)||this._applyBlur()}_applyBlur(){this._isDropdownOpen&&this._closeDropdown(),this._mode!=="stateless"&&(this._selectedOptions.length?this._adapter.setSelectedText(this._getSelectedText()):this._allowUnmatched||(this._filterText="",this._adapter.setSelectedText("")))}_onInput(e){this._selectedOptions.length&&!this._multiple&&(!this._adapter.getInputValue()||this._allowUnmatched)&&!this._adapter.isWrappingChipField()&&(this._selectedOptions=[],this._values=[],this._emitChangeEvent()),this._filterText=this._adapter.getInputValue(),this._filterFn()}async _debounceFilter({checkFocus:e=!0}={}){if(!e&&!this._adapter.hasFocus()){this._pendingFilterPromises=[],this._isDropdownOpen&&this._closeDropdown();return}let t=this._filterText,i=this._executeFilter();this._pendingFilterPromises.push(i),this._isDropdownOpen?this._adapter.setBusyVisibility(!0):this._showDropdown({filter:!1});try{await i}catch(n){this._pendingFilterPromises=[],this._isDropdownOpen&&this._closeDropdown();return}if(t===this._filterText)this._pendingFilterPromises=[],this._onFilterComplete();else{let n=this._pendingFilterPromises.indexOf(i);n!==-1&&this._pendingFilterPromises.splice(n,1)}}_onKeydown(e){switch(e.key){case"Tab":this._isDropdownOpen&&!this._multiple&&this._selectActiveOption(!1);break;case"Esc":case"Escape":this._isDropdownOpen&&(e.preventDefault(),e.stopPropagation(),this._closeDropdown());break;case"Down":case"ArrowDown":e.preventDefault(),this._isDropdownOpen?this._adapter.propagateKey(e.key):this._showDropdown({activateFirst:!0,activateSelected:!0});break;case"Up":case"ArrowUp":e.preventDefault(),this._isDropdownOpen&&this._adapter.propagateKey(e.key);break;case"Enter":case"Home":case"End":this._isDropdownOpen&&(e.key==="Enter"&&e.stopPropagation(),e.preventDefault(),this._adapter.propagateKey(e.key));break;case"Backspace":case"Delete":let t=e.target,i=this._adapter.getInputValue(),n=t.value.substring(t.selectionStart,t.selectionEnd)===t.value,l=i.length===1&&t.selectionEnd===1,c=i.length===1&&t.selectionEnd===0,_=!i||n||l||c;!this._adapter.isWrappingChipField()&&_&&!this._multiple&&this._values.length&&this._clearValue();break}}_executeFilter(e=!0,t=!1){if(!this._filter||typeof this._filter!="function")throw new Error('A filter callback must be provided. Did you set the "filter" property?');let i=this._filter,n=e?this._filterText:"",l=t?this._getValue():null;return new Promise((c,_)=>Promise.resolve(i(n,l)).then(r=>{this._options=r,c(this._options)}).catch(r=>_(`An unexpected error occurred while filtering: ${r}`)))}_onFilterComplete(){if(!this._adapter.hasFocus()){this._isDropdownOpen&&this._closeDropdown();return}if(this._options.length){let e=this._allowUnmatched&&!this._selectedOptions.length;this._dropdownReady({userTriggered:e}),this._filterFocusFirst&&this._filterText&&this._adapter.activateFirstOption()}else this._closeDropdown()}_clearValue(){this._selectedOptions=[],this._values=[],this._isDropdownOpen&&(this._adapter.setSelectedOptions([]),this._adapter.clearActiveOption()),this._emitChangeEvent()}async _showDropdown({filter:e=!0,userTriggered:t=!0,activateFirst:i=!1,activateSelected:n=!1}={}){let l=this._allowUnmatched&&!this._selectedOptions.length;this._isDropdownOpen=!0;let c;if(this._optionBuilder){let r=this._optionBuilder;c=(m,_e)=>r(m,this._filterText,_e)}let _={options:this._options,multiple:this._multiple,selectedValues:[...this._values],id:`forge-autocomplete-${this._identifier}`,asyncStyle:"skeleton",optionLimit:this._optionLimit,popupClasses:this._popupClasses,headerBuilder:this._popupHeaderBuilder,footerBuilder:this._popupFooterBuilder,transform:r=>{if(this._filterText){let m=$(r,this._filterText);if(m)return m}return r},allowBusy:!0,optionBuilder:c,syncWidth:this._syncPopupWidth,observeScroll:this._observeScroll,observeScrollThreshold:this._observeScrollThreshold,scrollEndListener:this._dropdownScrollEndListener,activeChangeCallback:this._activeChangeListener,targetWidthCallback:this._targetWidthCallback,selectCallback:r=>this._onSelect(r),closeCallback:()=>this._closeDropdown()};if(this._adapter.show(_,this._popupTarget),this._adapter.toggleHostAttribute(o.attributes.OPEN,this._isDropdownOpen),e){this._options.length&&this._adapter.setBusyVisibility(!0);try{await this._executeFilter(l)}catch(r){console.error(r)}this._updateSelectedOptions(this._values)}this._pendingFilterPromises.length||this._dropdownReady({userTriggered:t,activateFirst:i,activateSelected:n})}_dropdownReady({userTriggered:e=!0,activateFirst:t=!1,activateSelected:i=!1}={}){if(!this._isDropdownOpen||!this._options.length||e&&!this._adapter.hasFocus()){this._closeDropdown();return}this._sortSelectedOptions(),this._adapter.setBusyVisibility(!1),this._adapter.setOptions(this._options),this._adapter.setSelectedOptions(this._selectedOptions),this._adapter.setDismissListener(this._dismissListener),i&&this._selectedOptions.length?this._adapter.activateSelectedOption():t&&this._adapter.activateFirstOption()}_closeDropdown(){this._multiple&&(this._filterText=""),this._isDropdownOpen=!1,this._adapter.hide(this._dismissListener),this._sortSelectedOptions(),this._adapter.toggleHostAttribute(o.attributes.OPEN,this._isDropdownOpen)}_sortSelectedOptions(){if(this._multiple&&this._selectedOptions.length&&v(this._options,0)){let e=[],t=[];this._options.forEach(i=>{this._selectedOptions.find(n=>b(n,i.value,this._matchKey))?e.push(i):t.push(i)}),this._options=[...e,...t]}}async _onSelect(e,t=!0){if(this._valueChanging)return;if(this._mode==="stateless"){let n={value:e};this._adapter.emitHostEvent(o.events.SELECT,n,!0,!0)&&(this._filterText="",this._multiple||this._closeDropdown());return}let i=()=>{let l=this._flatOptions.find(r=>b(r,e,this._matchKey)),c=l?l.value:"",_=l?l.label:"";if(this._multiple){let r=ce(this._selectedOptions,c);if(r){let m=this._selectedOptions.indexOf(r);this._selectedOptions.splice(m,1)}else this._selectedOptions.push(l)}else h(c)?(this._selectedOptions[0]=l,this._filterText=_):(this._selectedOptions=[],this._filterText="");this._isDropdownOpen&&this._adapter.setSelectedOptions(this._selectedOptions),this._values=this._selectedOptions.map(r=>r.value),this._adapter.setSelectedText(this._getSelectedText()),!D.isMobile&&t&&this._adapter.selectInputValue(),this._emitChangeEvent(),this._tryUpdateDropdownPosition()};this._isDropdownOpen&&!this._multiple&&this._closeDropdown(),typeof this._beforeValueChange=="function"?(this._valueChanging=Promise.resolve(this._beforeValueChange.call(null,e,this._matchKey)),await this._valueChanging?i():this._tryUpdateDropdownPosition(),this._valueChanging=void 0):i()}_selectActiveOption(e=!0){let t=this._adapter.getActiveOptionIndex();if(typeof t=="number"&&t>=0){let i=this._flatOptions[t];i&&this._onSelect(i.value,e)}}_emitChangeEvent(){this._adapter.emitHostEvent(o.events.CHANGE,this._getValue(),!0)}_tryUpdateDropdownPosition(){this._isDropdownOpen&&this._adapter.queueDropdownPositionUpdate()}_getValue(){return this._values?this._values.length?this._multiple?[...this._values]:this._values[0]:this._multiple?[]:null:null}_getSelectedText(){var e,t;return this._adapter.isWrappingChipField()?"":this._selectedTextBuilder?this._selectedTextBuilder(this._selectedOptions):this._multiple?this._values.length?this._values.length===1?(t=(e=this._selectedOptions[0])==null?void 0:e.label)!=null?t:"":`${this._values.length} options selected`:"":this._selectedOptions.filter(i=>i&&i.label).map(i=>i.label).join(" ").trim()}_onDismiss(){this._closeDropdown()}async _applyValue(e){let t=[];this._selectedOptions=[],Array.isArray(e)?t=e:t=h(e)?[e]:[],!this._multiple&&t.length>1&&(t=[t[0]]),v(t,0)?(this._values=t.map(n=>n.value),this._selectedOptions=t):this._values=t;let i=this._flatOptions;if(t.length&&i.length&&this._updateSelectedOptions(t),this._values.length&&!this._selectedOptions.length&&this._filter&&this._isInitialized){try{await this._executeFilter(!1,!0)}catch(n){console.error(n)}this._updateSelectedOptions(this._values)}this._multiple?this._filterText="":this._filterText=this._selectedOptions.length?this._selectedOptions[0].label:"",this._isInitialized&&this._adapter.setSelectedText(this._getSelectedText()),this._isDropdownOpen&&this._adapter.setSelectedOptions(this._selectedOptions)}_updateSelectedOptions(e){let t=[...this._flatOptions,...this._selectedOptions];if(this._selectedOptions.length&&(this._selectedOptions=[]),v(e,0))for(let i of e){let n=t.find(l=>b(l,i.value,this._matchKey));n?this._selectedOptions.push(n):this._selectedOptions.push(i)}else for(let i of e){let n=t.find(l=>b(l,i,this._matchKey));n?this._selectedOptions.push(n):this._allowUnmatched&&this._selectedOptions.push({label:i,value:i})}}get mode(){return this._mode}set mode(e){this._mode!==e&&(this._mode=e,this._mode==="stateless"&&(this._selectedOptions=[],this._isDropdownOpen&&this._closeDropdown()),this._adapter.setHostAttribute(o.attributes.MODE,this._mode))}get multiple(){return this._multiple}set multiple(e){this._multiple!==e&&(this._multiple=e,this._adapter.setHostAttribute(o.attributes.MULTIPLE,h(this._multiple)?this._multiple.toString():""))}get value(){return this._getValue()}set value(e){let t=[];e==null?t=[]:Array.isArray(e)?t=structuredClone(e):x(e)?t=[e]:t=[structuredClone(e)],(t.length!==this._values.length||t.some(n=>!this._values.includes(n)))&&this._applyValue(e)}get filterOnFocus(){return this._filterOnFocus}set filterOnFocus(e){this._filterOnFocus!==e&&(this._filterOnFocus=e,this._adapter.setHostAttribute(o.attributes.FILTER_ON_FOCUS,h(this._filterOnFocus)?this._filterOnFocus.toString():""))}get filterFocusFirst(){return this._filterFocusFirst}set filterFocusFirst(e){this._filterFocusFirst!==e&&(this._filterFocusFirst=e,this._adapter.toggleHostAttribute(o.attributes.FILTER_FOCUS_FIRST,this._filterFocusFirst))}get allowUnmatched(){return this._allowUnmatched}set allowUnmatched(e){this._allowUnmatched!==e&&(this._allowUnmatched=e,h(this._allowUnmatched)&&this._adapter.setHostAttribute(o.attributes.ALLOW_UNMATCHED,this._allowUnmatched.toString()))}get matchKey(){return this._matchKey}set matchKey(e){this._matchKey!==e&&(this._matchKey=e)}get popupTarget(){return this._popupTarget}set popupTarget(e){this._popupTarget!==e&&(this._popupTarget=e)}get filterText(){return this._filterText}set filterText(e){this._filterText!==e&&(this._filterText=this._allowUnmatched?e:"",this._isInitialized&&this._allowUnmatched&&(this._adapter.setInputValue(this._filterText),this._isDropdownOpen&&this._debounceFilter({checkFocus:!1})))}get popupClasses(){return Array.isArray(this._popupClasses)?[...this._popupClasses]:[this._popupClasses]}set popupClasses(e){this._popupClasses!==e&&(this._popupClasses=Array.isArray(e)?[...e]:[e])}set popupHeaderBuilder(e){this._popupHeaderBuilder=e}set popupFooterBuilder(e){this._popupFooterBuilder=e}get syncPopupWidth(){return this._syncPopupWidth}set syncPopupWidth(e){this._syncPopupWidth!==e&&(this._syncPopupWidth=e)}get optionLimit(){return this._optionLimit}set optionLimit(e){this._optionLimit!==e&&(this._optionLimit=e)}get debounce(){return this._debounce}set debounce(e){this._debounce!==e&&(this._debounce=e,this._isInitialized&&this._setFilterCallback(),this._adapter.setHostAttribute(o.attributes.DEBOUNCE,h(this._debounce)?this._debounce.toString():""))}get optionBuilder(){return this._optionBuilder}set optionBuilder(e){this._optionBuilder=e}get filter(){return this._filter}set filter(e){this._filter!==e&&(this._filter=e,this._isInitialized&&this._values.length&&!this._flatOptions.length&&this._filter&&this._executeFilter().then(()=>{this._updateSelectedOptions(this._values),this._adapter.setSelectedText(this._getSelectedText())}))}get selectedTextBuilder(){return this._selectedTextBuilder}set selectedTextBuilder(e){this._selectedTextBuilder=e,this._selectedOptions.length&&this._adapter.setSelectedText(this._getSelectedText())}get observeScroll(){return this._observeScroll}set observeScroll(e){this._observeScroll=e}get observeScrollThreshold(){return this._observeScrollThreshold}set observeScrollThreshold(e){this._observeScrollThreshold=e}appendOptions(e){this._isDropdownOpen&&(this._options=[...this._options,...e],this._adapter.appendOptions(e))}get isInitialized(){return this._isInitialized}get open(){return this._isDropdownOpen}set open(e){this._isDropdownOpen!==e&&(e?this._showDropdown({userTriggered:!1}):this._closeDropdown())}get beforeValueChange(){return this._beforeValueChange}set beforeValueChange(e){e!==this._beforeValueChange&&(this._beforeValueChange=e)}get popupElement(){return this._adapter.getPopupElement()}};var ge="<template><slot></slot></template>",Oe=":host{display:block}:host([hidden]){display:none}",s=class extends Z{constructor(){super();Y.define([W,q,K]),U(this,ge,Oe),this._foundation=new I(new O(this))}static get observedAttributes(){return[o.attributes.MODE,o.attributes.MULTIPLE,o.attributes.DEBOUNCE,o.attributes.FILTER_ON_FOCUS,o.attributes.FILTER_FOCUS_FIRST,o.attributes.ALLOW_UNMATCHED,o.attributes.POPUP_TARGET,o.attributes.POPUP_CLASSES,o.attributes.OBSERVE_SCROLL,o.attributes.OBSERVE_SCROLL_THRESHOLD,o.attributes.OPTION_LIMIT,o.attributes.SYNC_POPUP_WIDTH,o.attributes.OPEN,o.attributes.MATCH_KEY,o.attributes.FILTER_TEXT]}connectedCallback(){this.querySelector(o.selectors.INPUT)?this._foundation.initialize():B(this,o.selectors.INPUT).then(()=>this._foundation.initialize())}disconnectedCallback(){this._foundation.disconnect()}attributeChangedCallback(e,t,i){switch(super.attributeChangedCallback(e,t,i),e){case o.attributes.MODE:this.mode=i;break;case o.attributes.MULTIPLE:this.multiple=f(i);break;case o.attributes.DEBOUNCE:this.debounce=S(i);break;case o.attributes.FILTER_ON_FOCUS:this.filterOnFocus=f(i);break;case o.attributes.FILTER_FOCUS_FIRST:this.filterFocusFirst=f(i);break;case o.attributes.ALLOW_UNMATCHED:this.allowUnmatched=f(i);break;case o.attributes.POPUP_TARGET:this.popupTarget=i;break;case o.attributes.OPEN:this.open=f(i);break;case o.attributes.MATCH_KEY:this.matchKey=i;break;case o.attributes.FILTER_TEXT:this.filterText=i;break}}appendOptions(e){this._foundation.appendOptions(e)}openDropdown(){this.open=!0}closeDropdown(){this.open=!1}forceFilter(e={preserveValue:!1}){this._foundation.forceFilter(e)}};p([a()],s.prototype,"mode",2),p([a()],s.prototype,"multiple",2),p([a()],s.prototype,"value",2),p([a()],s.prototype,"debounce",2),p([a()],s.prototype,"filterOnFocus",2),p([a()],s.prototype,"filterFocusFirst",2),p([a()],s.prototype,"allowUnmatched",2),p([a()],s.prototype,"popupTarget",2),p([a()],s.prototype,"filterText",2),p([a()],s.prototype,"optionBuilder",2),p([a()],s.prototype,"filter",2),p([a()],s.prototype,"selectedTextBuilder",2),p([a()],s.prototype,"open",2),p([a()],s.prototype,"matchKey",2),p([a({set:!1})],s.prototype,"isInitialized",2),p([a({set:!1})],s.prototype,"popupElement",2),p([a()],s.prototype,"beforeValueChange",2),s=p([H({name:o.elementName,dependencies:[pe,ee,J,Q,se,ie,te,X]})],s);var he=class extends z{constructor(e){super(e)}_build(){let e=document.createElement(o.elementName);return this._attachTextField(e),e}get textFieldDelegate(){return this._textFieldDelegate}get value(){return this._element.value}set value(e){this._element.value=e}get disabled(){return this._textFieldDelegate.inputElement.disabled}set disabled(e){this._textFieldDelegate.inputElement.disabled=e}get invalid(){return this._textFieldDelegate.invalid||!1}set invalid(e){this._textFieldDelegate.invalid=e}onChange(e){this._element.addEventListener(o.events.CHANGE,t=>e(t.detail))}onFocus(e){this._textFieldDelegate.inputElement.addEventListener("focus",t=>e(t))}onBlur(e){this._textFieldDelegate.inputElement.addEventListener("blur",t=>e(t))}_attachTextField(e){var i,n,l,c,_,r;let t={props:E({},(n=(i=this._config.options)==null?void 0:i.textFieldDelegateConfig)==null?void 0:n.props),options:E({},(c=(l=this._config.options)==null?void 0:l.textFieldDelegateConfig)==null?void 0:c.options)};t.options||(t.options={}),((_=this._config.options)==null?void 0:_.useDropdownIcon)!==!1&&!((r=t.options)!=null&&r.trailingElement)&&(t.options.trailingElement=this._createDropdownIconElement()),this._textFieldDelegate=new ae(t),e.appendChild(this._textFieldDelegate.element)}_createDropdownIconElement(){let e={props:{slot:"trailing",name:"arrow_drop_down"},options:{attributes:{"forge-dropdown-icon":""}}};return new j(e).element}};function Wt(){N(s)}export{o as a,ue as b,O as c,de as d,v as e,ce as f,b as g,I as h,s as i,he as j,Wt as k};
+//# sourceMappingURL=chunk.Z7SLVU2O.js.map