@tylertech/forge 2.1.0 → 2.2.0

package/dist/esm/chunks/{chunk.7FC5CPLE.js → chunk.I5JCM7RT.js}

@@ -21,7 +21,7 @@ import {
 } from "./chunk.EY57VTRF.js";
 import {
   ICON_BUTTON_CONSTANTS
-} from "./chunk.7Y4NHCJH.js";
+} from "./chunk.UM3J4AZ7.js";
 import {
   BaseAdapter
 } from "./chunk.KZATVOA6.js";
@@ -600,4 +600,4 @@ export {
   BottomSheetComponent,
   defineBottomSheetComponent
 };
-//# sourceMappingURL=chunk.7FC5CPLE.js.map
+//# sourceMappingURL=chunk.I5JCM7RT.js.map

package/dist/esm/chunks/{chunk.EARNUKJ2.js → chunk.IYOZSEZ3.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk.7I2XNJBL.js";
 import {
   ChipComponent
-} from "./chunk.SKISCNSC.js";
+} from "./chunk.EQCPRLUV.js";
 import {
   FormFieldComponentDelegate
 } from "./chunk.HZISALRH.js";
@@ -398,4 +398,4 @@ export {
   ChipFieldComponentDelegate,
   defineChipFieldComponent
 };
-//# sourceMappingURL=chunk.EARNUKJ2.js.map
+//# sourceMappingURL=chunk.IYOZSEZ3.js.map

package/dist/esm/chunks/{chunk.XIDZXGD4.js → chunk.JXYNKA2P.js}

@@ -5,12 +5,12 @@
  */
 import {
   ListDropdownAware
-} from "./chunk.ST3R6JEE.js";
+} from "./chunk.LKUKESRQ.js";
 import {
   CascadingListDropdownAwareFoundation,
   ListDropdown,
   isListDropdownOptionType
-} from "./chunk.D4XU5MZN.js";
+} from "./chunk.47D77ELY.js";
 import {
   ListComponent
 } from "./chunk.4UKSUUTX.js";
@@ -20,7 +20,7 @@ import {
 } from "./chunk.G6FY472A.js";
 import {
   CircularProgressComponent
-} from "./chunk.EKIW7VYG.js";
+} from "./chunk.V4C3O7PX.js";
 import {
   LinearProgressComponent
 } from "./chunk.RNPIV3BY.js";
@@ -32,7 +32,7 @@ import {
 } from "./chunk.GS2AXUCN.js";
 import {
   IconRegistry
-} from "./chunk.P43Z3YAS.js";
+} from "./chunk.V6TRG2CM.js";
 import {
   BaseAdapter
 } from "./chunk.KZATVOA6.js";
@@ -909,4 +909,4 @@ export {
   MenuComponent,
   defineMenuComponent
 };
-//# sourceMappingURL=chunk.XIDZXGD4.js.map
+//# sourceMappingURL=chunk.JXYNKA2P.js.map

package/dist/esm/chunks/{chunk.XO3XVXWW.js → chunk.KQB2BYBK.js}

@@ -5,7 +5,7 @@
  */
 import {
   IconButtonComponent
-} from "./chunk.7Y4NHCJH.js";
+} from "./chunk.UM3J4AZ7.js";
 import {
   tylIconMenu
 } from "./chunk.GS2AXUCN.js";
@@ -15,7 +15,7 @@ import {
 import {
   IconComponent,
   IconRegistry
-} from "./chunk.P43Z3YAS.js";
+} from "./chunk.V6TRG2CM.js";
 import {
   COMPONENT_NAME_PREFIX,
   CustomElement
@@ -69,4 +69,4 @@ export {
   AppBarMenuButtonComponent,
   defineAppBarMenuButtonComponent
 };
-//# sourceMappingURL=chunk.XO3XVXWW.js.map
+//# sourceMappingURL=chunk.KQB2BYBK.js.map

package/dist/esm/chunks/{chunk.BOWCSPCH.js → chunk.L65L5VJ6.js}

@@ -15,7 +15,7 @@ import {
 import {
   EXPANSION_PANEL_CONSTANTS,
   ExpansionPanelComponent
-} from "./chunk.KRW2IAIU.js";
+} from "./chunk.DKHOY6QU.js";
 import {
   getEventPath
 } from "./chunk.EY57VTRF.js";
@@ -29,7 +29,7 @@ import {
   ICON_CONSTANTS,
   IconComponent,
   IconRegistry
-} from "./chunk.P43Z3YAS.js";
+} from "./chunk.V6TRG2CM.js";
 import {
   FormFieldComponentDelegate
 } from "./chunk.HZISALRH.js";
@@ -2425,4 +2425,4 @@ export {
   TableComponent,
   defineTableComponent
 };
-//# sourceMappingURL=chunk.BOWCSPCH.js.map
+//# sourceMappingURL=chunk.L65L5VJ6.js.map

package/dist/esm/chunks/{chunk.ST3R6JEE.js → chunk.LKUKESRQ.js}

@@ -5,7 +5,7 @@
  */
 import {
   LIST_DROPDOWN_CONSTANTS
-} from "./chunk.D4XU5MZN.js";
+} from "./chunk.47D77ELY.js";
 import {
   FoundationProperty
 } from "./chunk.MMIZOYAS.js";
@@ -70,4 +70,4 @@ __decorateClass([
 export {
   ListDropdownAware
 };
-//# sourceMappingURL=chunk.ST3R6JEE.js.map
+//# sourceMappingURL=chunk.LKUKESRQ.js.map

package/dist/esm/chunks/{chunk.OJI6ZRYW.js → chunk.MJOGAPOA.js}

@@ -9,14 +9,14 @@ import {
 } from "./chunk.2NUAEZY7.js";
 import {
   CircularProgressComponent
-} from "./chunk.EKIW7VYG.js";
+} from "./chunk.V4C3O7PX.js";
 import {
   LINEAR_PROGRESS_CONSTANTS,
   LinearProgressComponent
 } from "./chunk.RNPIV3BY.js";
 import {
   ButtonComponent
-} from "./chunk.5NXVVSTU.js";
+} from "./chunk.P477KUJ4.js";
 import {
   BaseAdapter
 } from "./chunk.KZATVOA6.js";
@@ -558,4 +558,4 @@ export {
   BusyIndicatorComponent,
   defineBusyIndicatorComponent
 };
-//# sourceMappingURL=chunk.OJI6ZRYW.js.map
+//# sourceMappingURL=chunk.MJOGAPOA.js.map

package/dist/esm/chunks/{chunk.JQQOZMKQ.js → chunk.MSCWHFJZ.js}

@@ -42,10 +42,10 @@ import {
 } from "./chunk.EY57VTRF.js";
 import {
   ButtonComponent
-} from "./chunk.5NXVVSTU.js";
+} from "./chunk.P477KUJ4.js";
 import {
   IconButtonComponent
-} from "./chunk.7Y4NHCJH.js";
+} from "./chunk.UM3J4AZ7.js";
 import {
   tylIconAdd,
   tylIconArrowDropDown,
@@ -59,12 +59,12 @@ import {
 import {
   IconComponent,
   IconRegistry
-} from "./chunk.P43Z3YAS.js";
+} from "./chunk.V6TRG2CM.js";
 import {
   getLastDateOfMonth,
   getMonthLength,
   isSameDate
-} from "./chunk.52F6VUCF.js";
+} from "./chunk.3VR7VHL5.js";
 import {
   BaseComponentDelegate
 } from "./chunk.WT4W2IFT.js";
@@ -2991,4 +2991,4 @@ export {
   CalendarComponentDelegate,
   defineCalendarComponent
 };
-//# sourceMappingURL=chunk.JQQOZMKQ.js.map
+//# sourceMappingURL=chunk.MSCWHFJZ.js.map

package/dist/esm/chunks/{chunk.ZG4NZM2P.js → chunk.NL6CT7BU.js}

@@ -6,7 +6,7 @@
 import {
   EXPANSION_PANEL_CONSTANTS,
   ExpansionPanelComponent
-} from "./chunk.KRW2IAIU.js";
+} from "./chunk.DKHOY6QU.js";
 import {
   BaseAdapter
 } from "./chunk.KZATVOA6.js";
@@ -170,4 +170,4 @@ export {
   AccordionComponent,
   defineAccordionComponent
 };
-//# sourceMappingURL=chunk.ZG4NZM2P.js.map
+//# sourceMappingURL=chunk.NL6CT7BU.js.map

package/dist/esm/chunks/{chunk.5NXVVSTU.js → chunk.P477KUJ4.js}

@@ -6,6 +6,9 @@
 import {
   ForgeRipple
 } from "./chunk.C2MR3RDF.js";
+import {
+  userInteractionListener
+} from "./chunk.3VR7VHL5.js";
 import {
   BaseComponentDelegate
 } from "./chunk.WT4W2IFT.js";
@@ -135,6 +138,18 @@ var ButtonComponent = class extends BaseComponent {
     this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON);
     this._syncDisabledState();
     this._initializeButtonChildren();
+    this._deferRippleInitialization();
+  }
+  async _deferRippleInitialization() {
+    const type = await userInteractionListener(this._buttonElement);
+    if (!this._rippleInstance) {
+      this._initRipple();
+      if (type === "focusin") {
+        this._rippleInstance["foundation"].handleFocus();
+      }
+    }
+  }
+  _initRipple() {
     if (this._rippleInstance) {
       this._rippleInstance.destroy();
     }
@@ -240,4 +255,4 @@ export {
   ButtonComponentDelegate,
   defineButtonComponent
 };
-//# sourceMappingURL=chunk.5NXVVSTU.js.map
+//# sourceMappingURL=chunk.P477KUJ4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/button/button-constants.ts", "../../src/button/button.ts", "../../src/button/button-component-delegate.ts", "../../src/button/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}button`;\n\nconst classes = {\n  BUTTON: 'forge-button',\n  LABEL: 'forge-button__label',\n  ICON: 'forge-button__icon',\n  BUTTON_RAISED: 'forge-button--raised',\n  BUTTON_UNELEVATED: 'forge-button--unelevated',\n  BUTTON_OUTLINED: 'forge-button--outlined',\n  BUTTON_DENSE: 'forge-button--dense',\n  RIPPLE: 'forge-button__ripple'\n};\n\nconst selectors = {\n  BUTTON: 'button',\n  LABEL: `span:not(.${classes.RIPPLE})`,\n  ICON: 'i,forge-icon,[data-forge-button-icon]',\n  RIPPLE: `.${classes.RIPPLE}`\n};\n\nconst attributes = {\n  TYPE: 'type',\n  DISABLED: 'disabled'\n};\n\nexport const BUTTON_CONSTANTS = {\n  elementName,\n  classes,\n  selectors,\n  attributes\n};\n", "import { CustomElement, ensureChildren, toggleAttribute } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { BUTTON_CONSTANTS } from './button-constants';\nimport { userInteractionListener } from '../core/utils';\nimport { ForgeRipple } from '../ripple';\n\nexport interface IButtonComponent extends IBaseComponent {\n  type: string;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-button': IButtonComponent;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-button>` element.\n */\n@CustomElement({\n  name: BUTTON_CONSTANTS.elementName\n})\nexport class ButtonComponent extends BaseComponent implements IButtonComponent {\n  public static get observedAttributes(): string[] {\n    return [BUTTON_CONSTANTS.attributes.TYPE];\n  }\n\n  private _rippleInstance: ForgeRipple;\n  private _buttonElement: HTMLButtonElement;\n  private _type: string;\n  private _mutationObserver: MutationObserver;\n  private _buttonAttrMutationObserver: MutationObserver;\n\n  constructor() {\n    super();\n  }\n\n  public connectedCallback(): void {\n    if (this.children.length) {\n      this._initialize();\n    } else {\n      ensureChildren(this).then(() => this._initialize());\n    }\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case BUTTON_CONSTANTS.attributes.TYPE:\n        this.type = newValue;\n        break;\n    }\n  }\n\n  public disconnectedCallback(): void {\n    if (this._rippleInstance) {\n      this._rippleInstance.destroy();\n    }\n    if (this._mutationObserver) {\n      this._mutationObserver.disconnect();\n    }\n    if (this._buttonAttrMutationObserver) {\n      this._buttonAttrMutationObserver.disconnect();\n    }\n  }\n\n  /**\n   * Sets the type of button decoration.\n   * Possible values are: raised, elevated, outlined, and dense.\n   * Can be combined as: outlined-dense.\n   */\n  public get type(): string {\n    return this._type;\n  }\n  public set type(value: string) {\n    if (this._type !== value) {\n      this._type = value;\n      this._applyType(value);\n      this.setAttribute(BUTTON_CONSTANTS.attributes.TYPE, this._type);\n    }\n  }\n\n  private _applyType(type: string): void {\n    if (this._buttonElement) {\n      this._buttonElement.classList.remove(BUTTON_CONSTANTS.classes.BUTTON_RAISED);\n      this._buttonElement.classList.remove(BUTTON_CONSTANTS.classes.BUTTON_UNELEVATED);\n      this._buttonElement.classList.remove(BUTTON_CONSTANTS.classes.BUTTON_OUTLINED);\n      this._buttonElement.classList.remove(BUTTON_CONSTANTS.classes.BUTTON_DENSE);\n\n      if (type.includes('raised')) {\n        this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON_RAISED);\n      }\n      if (type.includes('unelevated')) {\n        this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON_UNELEVATED);\n      }\n      if (type.includes('outlined')) {\n        this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON_OUTLINED);\n      }\n      if (type.includes('dense')) {\n        this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON_DENSE);\n      }\n    }\n  }\n\n  private _initialize(): void {\n    this._initializeButton();\n    this._initializeMutationObserver();\n  }\n\n  private _initializeButton(): void {\n    this._buttonElement = this.querySelector(BUTTON_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\n    if (!this._buttonElement) {\n      return;\n    }\n\n    if (this.hasAttribute(BUTTON_CONSTANTS.attributes.TYPE)) {\n      this._type = this.getAttribute(BUTTON_CONSTANTS.attributes.TYPE) as string;\n      this._applyType(this._type);\n    }\n    this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON);\n\n    this._syncDisabledState();\n    this._initializeButtonChildren();\n\n    // We wait to initialize the ripple instance until the user interacts with the component to avoid unnecessary performance overhead\n    this._deferRippleInitialization();\n  }\n\n  private async _deferRippleInitialization(): Promise<void> {\n    const type = await userInteractionListener(this._buttonElement);\n    if (!this._rippleInstance) {\n      this._initRipple();\n      if (type === 'focusin') {\n        // eslint-disable-next-line @typescript-eslint/dot-notation\n        (this._rippleInstance as ForgeRipple)['foundation'].handleFocus();\n      }\n    }\n  }\n\n  private _initRipple(): void {\n    if (this._rippleInstance) {\n      this._rippleInstance.destroy();\n    }\n    this._rippleInstance = new ForgeRipple(this._buttonElement);\n  }\n\n  private _initializeButtonChildren(): void {\n    if (!this._buttonElement.querySelector(BUTTON_CONSTANTS.selectors.RIPPLE)) {\n      const rippleElement = document.createElement('span');\n      rippleElement.classList.add(BUTTON_CONSTANTS.classes.RIPPLE);\n      this._buttonElement.appendChild(rippleElement);\n    }\n\n    const labelElement = this.querySelector(BUTTON_CONSTANTS.selectors.LABEL);\n    if (labelElement) {\n      labelElement.classList.add(BUTTON_CONSTANTS.classes.LABEL);\n    }\n\n    const iconElements = Array.from(this.querySelectorAll(BUTTON_CONSTANTS.selectors.ICON));\n    iconElements.forEach(iconElement => {\n      iconElement.classList.add(BUTTON_CONSTANTS.classes.ICON);\n      if (!iconElement.hasAttribute('aria-hidden')) {\n        iconElement.setAttribute('aria-hidden', 'true');\n      }\n    });\n  }\n\n  private _initializeMutationObserver(): void {\n    if (!this._mutationObserver) {\n      const config: MutationObserverInit = { childList: true, subtree: true };\n      const callback: MutationCallback = mutationList => {\n        if (this._buttonWasAdded(mutationList)) {\n          this._initializeButton();\n        } else if (mutationList.some(mutation => mutation.addedNodes.length)) {\n          this._initializeButtonChildren();\n        }\n      };\n      this._mutationObserver = new MutationObserver(callback);\n      this._mutationObserver.observe(this, config);\n      \n      if (this._buttonElement) {\n        // Watch attributes on the `<button>` element\n        this._buttonAttrMutationObserver = new MutationObserver(mutationList => {\n          if (mutationList.some(mutation => mutation.attributeName === 'disabled')) {\n            this._syncDisabledState();\n          }\n        });\n        this._buttonAttrMutationObserver.observe(this._buttonElement, { attributes: true, attributeFilter: ['disabled'] });\n      }\n    }\n  }\n\n  private _buttonWasAdded(mutationList: MutationRecord[]): boolean {\n    return mutationList.some(mutation => {\n      return Array.from(mutation.addedNodes)\n        .some(node => node.nodeName.toLowerCase() === BUTTON_CONSTANTS.selectors.BUTTON);\n    });\n  }\n\n  private _syncDisabledState(): void {\n    toggleAttribute(this, this._buttonElement.disabled, BUTTON_CONSTANTS.attributes.DISABLED);\n  }\n}\n\n", "import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';\nimport { IButtonComponent } from './button';\nimport { BUTTON_CONSTANTS } from './button-constants';\n\nexport type ButtonComponentDelegateProps = Partial<IButtonComponent>;\nexport interface IButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {\n  type?: 'button' | 'submit';\n  text?: string;\n}\nexport interface IButtonComponentDelegateConfig extends IBaseComponentDelegateConfig<IButtonComponent, IButtonComponentDelegateOptions> {}\n\nexport class ButtonComponentDelegate extends BaseComponentDelegate<IButtonComponent, IButtonComponentDelegateOptions> {\n  private _buttonElement?: HTMLButtonElement;\n\n  constructor(config?: IButtonComponentDelegateConfig) {\n    super(config);\n  }\n\n  public override destroy(): void {\n    this._buttonElement = undefined;\n  }\n\n  public get buttonElement(): HTMLButtonElement | undefined {\n    return this._buttonElement;\n  }\n\n  protected _build(): IButtonComponent {\n    const component = document.createElement(BUTTON_CONSTANTS.elementName);\n\n    this._buttonElement = document.createElement('button');\n    this._buttonElement.type = this._config.options?.type || 'button';\n    this._buttonElement.textContent = this._config.options?.text || '';\n    component.appendChild(this._buttonElement);\n\n    return component;\n  }\n\n  public onClick(listener: (evt: MouseEvent) => void): void {\n    this._buttonElement?.addEventListener('click', listener);\n  }\n\n  public onFocus(listener: (evt: Event) => void): void {\n    this._buttonElement?.addEventListener('focus', evt => listener(evt));\n  }\n\n  public onBlur(listener: (evt: Event) => void): void {\n    this._buttonElement?.addEventListener('blur', evt => listener(evt));\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\nimport { ButtonComponent } from './button';\n\nexport * from './button';\nexport * from './button-constants';\nexport * from './button-component-delegate';\n\nexport function defineButtonComponent(): void {\n  defineCustomElement(ButtonComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/chunks/{chunk.FMMPWQKC.js → chunk.PZ25GQD2.js}

@@ -6,7 +6,7 @@
 import {
   PROFILE_CARD_CONSTANTS,
   ProfileCardComponent
-} from "./chunk.3KCCCXWS.js";
+} from "./chunk.RMVJBNCY.js";
 import {
   AVATAR_CONSTANTS,
   AvatarComponent
@@ -17,7 +17,7 @@ import {
 } from "./chunk.5EEEKOOK.js";
 import {
   IconButtonComponent
-} from "./chunk.7Y4NHCJH.js";
+} from "./chunk.UM3J4AZ7.js";
 import {
   TooltipComponent
 } from "./chunk.2F6PST3N.js";
@@ -436,4 +436,4 @@ export {
   AppBarProfileButtonComponent,
   defineAppBarProfileButtonComponent
 };
-//# sourceMappingURL=chunk.FMMPWQKC.js.map
+//# sourceMappingURL=chunk.PZ25GQD2.js.map

package/dist/esm/chunks/{chunk.NRI7SWVX.js → chunk.RF5UPII7.js}

@@ -15,14 +15,14 @@ import {
 } from "./chunk.WAJDLUSQ.js";
 import {
   CHIP_FIELD_CONSTANTS
-} from "./chunk.EARNUKJ2.js";
+} from "./chunk.IYOZSEZ3.js";
 import {
   ListDropdownAware
-} from "./chunk.ST3R6JEE.js";
+} from "./chunk.LKUKESRQ.js";
 import {
   ListDropdown,
   ListDropdownAwareFoundation
-} from "./chunk.D4XU5MZN.js";
+} from "./chunk.47D77ELY.js";
 import {
   SkeletonComponent
 } from "./chunk.EL6B2ODN.js";
@@ -50,13 +50,13 @@ import {
   IconComponent,
   IconComponentDelegate,
   IconRegistry
-} from "./chunk.P43Z3YAS.js";
+} from "./chunk.V6TRG2CM.js";
 import {
   FormFieldComponentDelegate
 } from "./chunk.HZISALRH.js";
 import {
   highlightTextHTML
-} from "./chunk.52F6VUCF.js";
+} from "./chunk.3VR7VHL5.js";
 import {
   BaseAdapter
 } from "./chunk.KZATVOA6.js";
@@ -1344,4 +1344,4 @@ export {
   AutocompleteComponentDelegate,
   defineAutocompleteComponent
 };
-//# sourceMappingURL=chunk.NRI7SWVX.js.map
+//# sourceMappingURL=chunk.RF5UPII7.js.map

package/dist/esm/chunks/{chunk.3KCCCXWS.js → chunk.RMVJBNCY.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk.ZUM5YLB2.js";
 import {
   ButtonComponent
-} from "./chunk.5NXVVSTU.js";
+} from "./chunk.P477KUJ4.js";
 import {
   BaseAdapter
 } from "./chunk.KZATVOA6.js";
@@ -341,4 +341,4 @@ export {
   ProfileCardComponent,
   defineProfileCardComponent
 };
-//# sourceMappingURL=chunk.3KCCCXWS.js.map
+//# sourceMappingURL=chunk.RMVJBNCY.js.map

package/dist/esm/chunks/{chunk.CGHKW6S6.js → chunk.SOWHHCLN.js}

@@ -11,7 +11,7 @@ import {
   BaseSelectAdapter,
   BaseSelectComponent,
   BaseSelectFoundation
-} from "./chunk.NQOD2XB3.js";
+} from "./chunk.5VNEDRVC.js";
 import {
   OptionGroupComponent
 } from "./chunk.P7NOYP4O.js";
@@ -35,7 +35,7 @@ import {
 } from "./chunk.EY57VTRF.js";
 import {
   CircularProgressComponent
-} from "./chunk.EKIW7VYG.js";
+} from "./chunk.V4C3O7PX.js";
 import {
   ToolbarComponent
 } from "./chunk.YJ5X3WZ4.js";
@@ -44,7 +44,7 @@ import {
 } from "./chunk.5EEEKOOK.js";
 import {
   IconButtonComponent
-} from "./chunk.7Y4NHCJH.js";
+} from "./chunk.UM3J4AZ7.js";
 import {
   tylIconArrowDropDown,
   tylIconCheckBox,
@@ -53,7 +53,7 @@ import {
 import {
   IconComponent,
   IconRegistry
-} from "./chunk.P43Z3YAS.js";
+} from "./chunk.V6TRG2CM.js";
 import {
   FoundationProperty
 } from "./chunk.MMIZOYAS.js";
@@ -680,4 +680,4 @@ export {
   SelectComponent,
   defineSelectComponent
 };
-//# sourceMappingURL=chunk.CGHKW6S6.js.map
+//# sourceMappingURL=chunk.SOWHHCLN.js.map

package/dist/esm/chunks/{chunk.ETQIBLKP.js → chunk.U7HKGOBR.js}

@@ -5,7 +5,7 @@
  */
 import {
   IconButtonComponent
-} from "./chunk.7Y4NHCJH.js";
+} from "./chunk.UM3J4AZ7.js";
 import {
   tylIconUnfoldMore
 } from "./chunk.GS2AXUCN.js";
@@ -15,7 +15,7 @@ import {
 import {
   IconComponent,
   IconRegistry
-} from "./chunk.P43Z3YAS.js";
+} from "./chunk.V6TRG2CM.js";
 import {
   BaseAdapter
 } from "./chunk.KZATVOA6.js";
@@ -975,4 +975,4 @@ export {
   ColorPickerComponent,
   defineColorPickerComponent
 };
-//# sourceMappingURL=chunk.ETQIBLKP.js.map
+//# sourceMappingURL=chunk.U7HKGOBR.js.map

package/dist/esm/chunks/{chunk.7Y4NHCJH.js → chunk.UM3J4AZ7.js}

@@ -8,7 +8,10 @@ import {
 } from "./chunk.C2MR3RDF.js";
 import {
   ICON_CONSTANTS
-} from "./chunk.P43Z3YAS.js";
+} from "./chunk.V6TRG2CM.js";
+import {
+  userInteractionListener
+} from "./chunk.3VR7VHL5.js";
 import {
   BaseComponentDelegate
 } from "./chunk.WT4W2IFT.js";
@@ -181,6 +184,18 @@ var IconButtonComponent = class extends BaseComponent {
     if (this._toggle) {
       this._initializeToggle();
     }
+    this._deferRippleInitialization();
+  }
+  async _deferRippleInitialization() {
+    const type = await userInteractionListener(this._buttonElement);
+    if (!this._rippleInstance) {
+      this._initRipple();
+      if (type === "focusin") {
+        this._rippleInstance["foundation"].handleFocus();
+      }
+    }
+  }
+  _initRipple() {
     if (this._rippleInstance) {
       this._rippleInstance.destroy();
     }
@@ -227,7 +242,8 @@ var IconButtonComponent = class extends BaseComponent {
     }
     const icons = Array.from(this._buttonElement.querySelectorAll(ICON_BUTTON_CONSTANTS.selectors.ICON));
     if (icons.length !== 2) {
-      throw new Error('You must specify two icons, one for "on" and one for "off".');
+      console.error('You must specify two icons, one for "on" and one for "off".');
+      return;
     }
     icons.forEach((icon) => icon.classList.add(ICON_BUTTON_CONSTANTS.classes.ICON));
     if (!icons.some((icon) => icon.classList.contains(ICON_BUTTON_CONSTANTS.classes.ICON_ON))) {
@@ -270,10 +286,19 @@ var IconButtonComponentDelegate = class extends BaseComponentDelegate {
     super(config);
   }
   _build() {
+    var _a;
     const component = document.createElement(ICON_BUTTON_CONSTANTS.elementName);
     this._buttonElement = document.createElement("button");
     this._buttonElement.type = "button";
     component.appendChild(this._buttonElement);
+    if ((_a = this._config.options) == null ? void 0 : _a.tooltip) {
+      const tooltip = document.createElement("forge-tooltip");
+      tooltip.textContent = this._config.options.tooltip;
+      if (this._config.options.tooltipPosition) {
+        tooltip.position = this._config.options.tooltipPosition;
+      }
+      component.appendChild(tooltip);
+    }
     return component;
   }
   get iconElement() {
@@ -288,6 +313,9 @@ var IconButtonComponentDelegate = class extends BaseComponentDelegate {
   get butttonElement() {
     return this._buttonElement;
   }
+  get buttonElement() {
+    return this._buttonElement;
+  }
   _configure() {
     this._configureIcon();
   }
@@ -306,6 +334,12 @@ var IconButtonComponentDelegate = class extends BaseComponentDelegate {
       case "component":
         this._iconElement = document.createElement(ICON_CONSTANTS.elementName);
         this._iconElement.name = this._config.options.iconName;
+        if (this._config.options.iconExternal !== void 0) {
+          this._iconElement.external = !!this._config.options.iconExternal;
+        }
+        if (this._config.options.iconExternalType) {
+          this._iconElement.externalType = this._config.options.iconExternalType;
+        }
         if (this._config.options.iconClass) {
           addClass(this._config.options.iconClass, this._iconElement);
         }
@@ -335,4 +369,4 @@ export {
   IconButtonComponentDelegate,
   defineIconButtonComponent
 };
-//# sourceMappingURL=chunk.7Y4NHCJH.js.map
+//# sourceMappingURL=chunk.UM3J4AZ7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/icon-button/icon-button-constants.ts", "../../src/icon-button/icon-button.ts", "../../src/icon-button/icon-button-component-delegate.ts", "../../src/icon-button/index.ts"],
+  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}icon-button`;\n\nconst attributes = {\n  TOGGLE: 'toggle',\n  IS_ON: 'is-on',\n  ICON_ON: 'forge-icon-button-on',\n  DENSE: 'dense',\n  DENSITY_LEVEL: 'density-level'\n};\n\nconst selectors = {\n  BUTTON: 'button',\n  ICON: 'i, span, svg, img, forge-icon'\n};\n\nconst classes = {\n  BUTTON: 'forge-icon-button',\n  BUTTON_ON: 'forge-icon-button--on',\n  BUTTON_DENSE: 'forge-icon-button--dense',\n  ICON: 'forge-icon-button__icon',\n  ICON_ON: 'forge-icon-button__icon--on',\n  DENSITY: [\n    'forge-icon-button--dense-1',\n    'forge-icon-button--dense-2',\n    'forge-icon-button--dense-3',\n    'forge-icon-button--dense-4',\n    'forge-icon-button--dense-5',\n    'forge-icon-button--dense-6'\n  ]\n};\n\nconst events = {\n  CHANGE: `${elementName}-change`\n};\n\nexport const ICON_BUTTON_CONSTANTS = {\n  elementName,\n  attributes,\n  selectors,\n  classes,\n  events\n};\n", "import { coerceBoolean, coerceNumber, CustomElement, emitEvent, ensureChild, toggleClass } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { ForgeRipple } from '../ripple';\nimport { userInteractionListener } from '../core/utils';\nimport { ICON_BUTTON_CONSTANTS } from './icon-button-constants';\n\nexport interface IIconButtonComponent extends IBaseComponent {\n  toggle: boolean;\n  isOn: boolean;\n  dense: boolean;\n  densityLevel: number;\n  layout(): void;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-icon-button': IIconButtonComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-icon-button-change': CustomEvent<boolean>;\n  }\n}\n\n/**\n * The custom element class behind the `<forge-icon-button>` element.\n */\n@CustomElement({\n  name: ICON_BUTTON_CONSTANTS.elementName\n})\nexport class IconButtonComponent extends BaseComponent implements IIconButtonComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      ICON_BUTTON_CONSTANTS.attributes.IS_ON,\n      ICON_BUTTON_CONSTANTS.attributes.DENSE,\n      ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL,\n      ICON_BUTTON_CONSTANTS.attributes.TOGGLE\n    ];\n  }\n\n  private _rippleInstance: ForgeRipple;\n  private _buttonElement: HTMLButtonElement;\n  private _toggle = false;\n  private _isOn = false;\n  private _dense = false;\n  private _densityLevel = 5;\n  private _toggleHandler: (event: Event) => void;\n\n  constructor() {\n    super();\n  }\n\n  public connectedCallback(): void {\n    if (this.querySelector(ICON_BUTTON_CONSTANTS.selectors.BUTTON)) {\n      this._initialize();\n    } else {\n      ensureChild(this, ICON_BUTTON_CONSTANTS.selectors.BUTTON).then(() => this._initialize());\n    }\n  }\n\n  public disconnectedCallback(): void {\n    if (this._rippleInstance) {\n      this._rippleInstance.destroy();\n    }\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case ICON_BUTTON_CONSTANTS.attributes.IS_ON:\n        this.isOn = coerceBoolean(newValue);\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.DENSE:\n        this.dense = coerceBoolean(newValue);\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL:\n        this.densityLevel = coerceNumber(newValue);\n        break;\n      case ICON_BUTTON_CONSTANTS.attributes.TOGGLE:\n        this.toggle = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  /** Gets/sets whether the button is togglable. */\n  public get toggle(): boolean {\n    return this._toggle;\n  }\n  public set toggle(value: boolean) {\n    this._toggle = value;\n\n    if (this._toggle) {\n      this._initializeToggle();\n    } else {\n      this._destroyToggle();\n    }\n  }\n\n  /** Gets/sets the toggled state of the icon button. Only applies when `toggle = true`. */\n  public get isOn(): boolean {\n    return this._isOn;\n  }\n  public set isOn(value: boolean) {\n    if (this._isOn !== value) {\n      this._isOn = value;\n      this._applyToggle();\n    }\n  }\n\n  /** Gets/sets whether the icon button is dense. */\n  public get dense(): boolean {\n    return this._dense;\n  }\n  public set dense(value: boolean) {\n    if (this._dense !== value) {\n      this._dense = value;\n      this._applyDensity();\n    }\n  }\n\n  /** Controls the density level. 1 (least dense) to 6 (most dense). */\n  public get densityLevel(): number {\n    return this._densityLevel;\n  }\n  public set densityLevel(value: number) {\n    if (this._densityLevel !== value) {\n      this._densityLevel = value;\n\n      if (this._densityLevel <= 0) {\n        this._densityLevel = 1;\n      } else if (this._densityLevel > 6) {\n        this._densityLevel = 6;\n      } else if (typeof this._densityLevel !== 'number') {\n        this._densityLevel = 5;\n      }\n\n      this._applyDensity();\n    }\n  }\n\n  private _initialize(): void {\n    this._buttonElement = this.querySelector(ICON_BUTTON_CONSTANTS.selectors.BUTTON) as HTMLButtonElement;\n    if (!this._buttonElement) {\n      return;\n    }\n\n    this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON);\n    this._applyToggle();\n    this._applyDensity();\n    this._toggleHandler = () => {\n      this._toggleValue();\n      emitEvent(this, ICON_BUTTON_CONSTANTS.events.CHANGE, this._isOn, true);\n    };\n\n    if (this._toggle) {\n      this._initializeToggle();\n    }\n\n    // We wait to initialize the ripple instance until the user interacts with the component to avoid unnecessary performance overhead\n    this._deferRippleInitialization();\n  }\n\n  private async _deferRippleInitialization(): Promise<void> {\n    const type = await userInteractionListener(this._buttonElement);\n    if (!this._rippleInstance) {\n      this._initRipple();\n      if (type === 'focusin') {\n        // eslint-disable-next-line @typescript-eslint/dot-notation\n        (this._rippleInstance as ForgeRipple)['foundation'].handleFocus();\n      }\n    }\n  }\n\n  private _initRipple(): void {\n    if (this._rippleInstance) {\n      this._rippleInstance.destroy();\n    }\n    this._rippleInstance = new ForgeRipple(this._buttonElement);\n    this._rippleInstance.unbounded = true;\n  }\n\n  private _toggleValue(): void {\n    this._isOn = !this._isOn;\n    this._applyToggle();\n  }\n\n  private _applyToggle(): void {\n    if (!this._buttonElement) {\n      return;\n    }\n    toggleClass(this._buttonElement, this._isOn, ICON_BUTTON_CONSTANTS.classes.BUTTON_ON);\n    if (this._toggle) {\n      this._buttonElement.setAttribute('aria-pressed', `${this._isOn}`);\n    }\n  }\n\n  private _applyDensity(): void {\n    if (!this._buttonElement) {\n      return;\n    }\n\n    // Remove all other density classes first\n    ICON_BUTTON_CONSTANTS.classes.DENSITY.forEach(c => this._buttonElement.classList.remove(c));\n\n    if (this._dense) {\n      this.setAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSE, '');\n      this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON_DENSE);\n\n      // 5 is the default density level (we apply 5 implicitly in the regular dense class)\n      // Exclude 5 since its already covered by dense class\n      if (this._densityLevel < 7 && this._densityLevel > 0 && this.densityLevel !== 5) {\n        const densityLevelClass = ICON_BUTTON_CONSTANTS.classes.DENSITY[this._densityLevel - 1];\n        this._buttonElement.classList.add(densityLevelClass);\n        this.setAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSITY_LEVEL, this._densityLevel.toString());\n      }\n    } else {\n      this.removeAttribute(ICON_BUTTON_CONSTANTS.attributes.DENSE);\n      this._buttonElement.classList.remove(ICON_BUTTON_CONSTANTS.classes.BUTTON_DENSE);\n    }\n\n    // re-layout the ripple for cases where dense was changed after initial layout\n    if (this._rippleInstance) {\n      this._rippleInstance.layout();\n    }\n  }\n\n  private _initializeToggle(): void {\n    if (!this._buttonElement) {\n      return;\n    }\n    const icons = Array.from(this._buttonElement.querySelectorAll(ICON_BUTTON_CONSTANTS.selectors.ICON));\n\n    // We require two icon/image elements to be specified for the \"on\" and \"off\" states\n    if (icons.length !== 2) {\n      console.error('You must specify two icons, one for \"on\" and one for \"off\".');\n      return;\n    }\n\n    // Add the icon class to each icon\n    icons.forEach(icon => icon.classList.add(ICON_BUTTON_CONSTANTS.classes.ICON));\n\n    // If there are no icons that specify the \"on\" class, then automatically choose the first icon as the \"on\" icon and add the class,\n    // alternatively we check for the existence of a `forge-icon-button-on` attribute on any of the icons and use that.\n    if (!icons.some(icon => icon.classList.contains(ICON_BUTTON_CONSTANTS.classes.ICON_ON))) {\n      const requestedOnIcon = icons.find(icon => icon.hasAttribute(ICON_BUTTON_CONSTANTS.attributes.ICON_ON));\n      if (requestedOnIcon) {\n        requestedOnIcon.classList.add(ICON_BUTTON_CONSTANTS.classes.ICON_ON);\n      } else {\n        icons[0].classList.add(ICON_BUTTON_CONSTANTS.classes.ICON_ON);\n      }\n    }\n\n    this._buttonElement.addEventListener('click', this._toggleHandler);\n\n    // Wait a frame to ensure the value of the `on` property has been set\n    window.requestAnimationFrame(() => {\n      if (this._isOn) {\n        this._buttonElement.classList.add(ICON_BUTTON_CONSTANTS.classes.BUTTON_ON);\n        this._buttonElement.setAttribute('aria-pressed', `${this._isOn}`);\n      }\n    });\n  }\n\n  private _destroyToggle(): void {\n    if (!this._buttonElement) {\n      return;\n    }\n    this._buttonElement.removeEventListener('click', this._toggleHandler);\n  }\n\n  public layout(): void {\n    if (this._rippleInstance) {\n      this._rippleInstance.layout();\n    }\n  }\n}\n", "import { addClass } from '@tylertech/forge-core';\nimport { IconExternalType, ICON_CONSTANTS, IIconComponent } from '../icon';\nimport { ICON_CLASS_NAME } from '../constants';\nimport { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';\nimport { IIconButtonComponent } from './icon-button';\nimport { ICON_BUTTON_CONSTANTS } from './icon-button-constants';\nimport { PopupPlacement } from '../popup';\n\nexport type IconButtonComponentDelegateProps = Partial<IIconButtonComponent>;\nexport interface IIconButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {\n  iconName?: string;\n  iconExternal?: boolean;\n  iconExternalType?: IconExternalType;\n  iconType?: 'font' | 'component';\n  iconClass?: string | string[];\n  tooltip?: string;\n  tooltipPosition?: PopupPlacement;\n}\nexport interface IIconButtonComponentDelegateConfig extends IBaseComponentDelegateConfig<IIconButtonComponent, IIconButtonComponentDelegateOptions> {}\n\nexport class IconButtonComponentDelegate extends BaseComponentDelegate<IIconButtonComponent, IIconButtonComponentDelegateOptions> {\n  private _buttonElement: HTMLButtonElement;\n  private _iconElement?: IIconComponent;\n\n  constructor(config?: IIconButtonComponentDelegateConfig) {\n    super(config);\n  }\n\n  protected _build(): IIconButtonComponent {\n    const component = document.createElement(ICON_BUTTON_CONSTANTS.elementName);\n    this._buttonElement = document.createElement('button');\n    this._buttonElement.type = 'button';\n    component.appendChild(this._buttonElement);\n\n    if (this._config.options?.tooltip) {\n      const tooltip = document.createElement('forge-tooltip');\n      tooltip.textContent = this._config.options.tooltip;\n      \n      if (this._config.options.tooltipPosition) {\n        tooltip.position = this._config.options.tooltipPosition;\n      }\n\n      component.appendChild(tooltip);\n    }\n\n    return component;\n  }\n\n  public get iconElement(): IIconComponent | undefined {\n    return this._iconElement;\n  }\n\n  public get disabled(): boolean {\n    return !!this._buttonElement.disabled;\n  }\n  public set disabled(value: boolean) {\n    this._buttonElement.disabled = value;\n  }\n\n  /** @deprecated Use buttonElement instead. */\n  public get butttonElement(): HTMLButtonElement | undefined {\n    return this._buttonElement;\n  }\n\n  public get buttonElement(): HTMLButtonElement | undefined {\n    return this._buttonElement;\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._buttonElement);\n        this._buttonElement.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._buttonElement.appendChild(this._iconElement);\n        break;\n    }\n  }\n\n  public onClick(listener: (evt: MouseEvent) => void): void {\n    this._buttonElement.addEventListener('click', listener);\n  }\n\n  public onFocus(listener: (evt: Event) => void): void {\n    this._buttonElement.addEventListener('focus', evt => listener(evt));\n  }\n\n  public onBlur(listener: (evt: Event) => void): void {\n    this._buttonElement.addEventListener('blur', evt => listener(evt));\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { IconButtonComponent } from './icon-button';\n\nexport * from './icon-button-constants';\nexport * from './icon-button';\nexport * from './icon-button-component-delegate';\n\nexport function defineIconButtonComponent(): void {\n  defineCustomElement(IconButtonComponent);\n}\n"],
+  "mappings": "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",
+  "names": []
+}