@tylertech/forge 2.1.0-next.0 → 2.2.0

package/dist/esm/select/index.js

@@ -5,21 +5,21 @@
  */
 import {
   SelectComponentDelegate
-} from "../chunks/chunk.7KILTPJ6.js";
+} from "../chunks/chunk.BDUWJSVW.js";
 import {
   SELECT_DROPDOWN_CONSTANTS,
   SelectDropdownAdapter,
   SelectDropdownComponent,
   SelectDropdownFoundation,
   defineSelectDropdownComponent
-} from "../chunks/chunk.D5DMZ7ZG.js";
+} from "../chunks/chunk.D3TFEKH5.js";
 import {
   SELECT_CONSTANTS,
   SelectAdapter,
   SelectComponent,
   SelectFoundation,
   defineSelectComponent
-} from "../chunks/chunk.CGHKW6S6.js";
+} from "../chunks/chunk.SOWHHCLN.js";
 import "../chunks/chunk.WXFCZJJI.js";
 import "../chunks/chunk.MNFGVNDI.js";
 import {
@@ -31,7 +31,7 @@ import {
   isOptionGroupObject,
   isOptionObject,
   isSelectOptionType
-} from "../chunks/chunk.NQOD2XB3.js";
+} from "../chunks/chunk.5VNEDRVC.js";
 import {
   OPTION_GROUP_CONSTANTS,
   OptionGroupComponent,
@@ -46,33 +46,33 @@ import {
 } from "../chunks/chunk.Y2TDQIA4.js";
 import "../chunks/chunk.QD7EPCL6.js";
 import "../chunks/chunk.JKC5PU23.js";
-import "../chunks/chunk.ST3R6JEE.js";
-import "../chunks/chunk.D4XU5MZN.js";
+import "../chunks/chunk.LKUKESRQ.js";
+import "../chunks/chunk.47D77ELY.js";
 import "../chunks/chunk.EL6B2ODN.js";
 import "../chunks/chunk.FZQCBRPK.js";
 import "../chunks/chunk.4UKSUUTX.js";
 import "../chunks/chunk.G6FY472A.js";
 import "../chunks/chunk.PBGL3BRX.js";
 import "../chunks/chunk.EY57VTRF.js";
-import "../chunks/chunk.EKIW7VYG.js";
+import "../chunks/chunk.V4C3O7PX.js";
 import "../chunks/chunk.RNPIV3BY.js";
 import "../chunks/chunk.LCWRP2UI.js";
 import "../chunks/chunk.YJ5X3WZ4.js";
 import "../chunks/chunk.5EEEKOOK.js";
-import "../chunks/chunk.7Y4NHCJH.js";
+import "../chunks/chunk.UM3J4AZ7.js";
 import "../chunks/chunk.C2MR3RDF.js";
 import "../chunks/chunk.4HQ5VELO.js";
 import "../chunks/chunk.5VKAVHLM.js";
 import "../chunks/chunk.GS2AXUCN.js";
 import "../chunks/chunk.BYN27JXZ.js";
 import "../chunks/chunk.BKMWXPAS.js";
-import "../chunks/chunk.P43Z3YAS.js";
+import "../chunks/chunk.V6TRG2CM.js";
 import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";
 import "../chunks/chunk.WIYLQTSX.js";
-import "../chunks/chunk.52F6VUCF.js";
 import "../chunks/chunk.U6FJJGO3.js";
+import "../chunks/chunk.3VR7VHL5.js";
 import "../chunks/chunk.WT4W2IFT.js";
 import "../chunks/chunk.KZATVOA6.js";
 import "../chunks/chunk.MMIZOYAS.js";

package/dist/esm/select/select/index.js

@@ -9,41 +9,41 @@ import {
   SelectComponent,
   SelectFoundation,
   defineSelectComponent
-} from "../../chunks/chunk.CGHKW6S6.js";
+} from "../../chunks/chunk.SOWHHCLN.js";
 import "../../chunks/chunk.WXFCZJJI.js";
 import "../../chunks/chunk.MNFGVNDI.js";
-import "../../chunks/chunk.NQOD2XB3.js";
+import "../../chunks/chunk.5VNEDRVC.js";
 import "../../chunks/chunk.P7NOYP4O.js";
 import "../../chunks/chunk.Y2TDQIA4.js";
 import "../../chunks/chunk.QD7EPCL6.js";
 import "../../chunks/chunk.JKC5PU23.js";
-import "../../chunks/chunk.ST3R6JEE.js";
-import "../../chunks/chunk.D4XU5MZN.js";
+import "../../chunks/chunk.LKUKESRQ.js";
+import "../../chunks/chunk.47D77ELY.js";
 import "../../chunks/chunk.EL6B2ODN.js";
 import "../../chunks/chunk.FZQCBRPK.js";
 import "../../chunks/chunk.4UKSUUTX.js";
 import "../../chunks/chunk.G6FY472A.js";
 import "../../chunks/chunk.PBGL3BRX.js";
 import "../../chunks/chunk.EY57VTRF.js";
-import "../../chunks/chunk.EKIW7VYG.js";
+import "../../chunks/chunk.V4C3O7PX.js";
 import "../../chunks/chunk.RNPIV3BY.js";
 import "../../chunks/chunk.LCWRP2UI.js";
 import "../../chunks/chunk.YJ5X3WZ4.js";
 import "../../chunks/chunk.5EEEKOOK.js";
-import "../../chunks/chunk.7Y4NHCJH.js";
+import "../../chunks/chunk.UM3J4AZ7.js";
 import "../../chunks/chunk.C2MR3RDF.js";
 import "../../chunks/chunk.4HQ5VELO.js";
 import "../../chunks/chunk.5VKAVHLM.js";
 import "../../chunks/chunk.GS2AXUCN.js";
 import "../../chunks/chunk.BYN27JXZ.js";
 import "../../chunks/chunk.BKMWXPAS.js";
-import "../../chunks/chunk.P43Z3YAS.js";
+import "../../chunks/chunk.V6TRG2CM.js";
 import "../../chunks/chunk.6KTLOA7V.js";
 import "../../chunks/chunk.SKLCDWYQ.js";
 import "../../chunks/chunk.HZISALRH.js";
 import "../../chunks/chunk.WIYLQTSX.js";
-import "../../chunks/chunk.52F6VUCF.js";
 import "../../chunks/chunk.U6FJJGO3.js";
+import "../../chunks/chunk.3VR7VHL5.js";
 import "../../chunks/chunk.WT4W2IFT.js";
 import "../../chunks/chunk.KZATVOA6.js";
 import "../../chunks/chunk.MMIZOYAS.js";

package/dist/esm/select/select-dropdown/index.js

@@ -9,37 +9,37 @@ import {
   SelectDropdownComponent,
   SelectDropdownFoundation,
   defineSelectDropdownComponent
-} from "../../chunks/chunk.D5DMZ7ZG.js";
+} from "../../chunks/chunk.D3TFEKH5.js";
 import "../../chunks/chunk.WXFCZJJI.js";
-import "../../chunks/chunk.NQOD2XB3.js";
+import "../../chunks/chunk.5VNEDRVC.js";
 import "../../chunks/chunk.P7NOYP4O.js";
 import "../../chunks/chunk.Y2TDQIA4.js";
-import "../../chunks/chunk.ST3R6JEE.js";
-import "../../chunks/chunk.D4XU5MZN.js";
+import "../../chunks/chunk.LKUKESRQ.js";
+import "../../chunks/chunk.47D77ELY.js";
 import "../../chunks/chunk.EL6B2ODN.js";
 import "../../chunks/chunk.FZQCBRPK.js";
 import "../../chunks/chunk.4UKSUUTX.js";
 import "../../chunks/chunk.G6FY472A.js";
 import "../../chunks/chunk.PBGL3BRX.js";
 import "../../chunks/chunk.EY57VTRF.js";
-import "../../chunks/chunk.EKIW7VYG.js";
+import "../../chunks/chunk.V4C3O7PX.js";
 import "../../chunks/chunk.RNPIV3BY.js";
 import "../../chunks/chunk.LCWRP2UI.js";
 import "../../chunks/chunk.YJ5X3WZ4.js";
 import "../../chunks/chunk.5EEEKOOK.js";
-import "../../chunks/chunk.7Y4NHCJH.js";
+import "../../chunks/chunk.UM3J4AZ7.js";
 import "../../chunks/chunk.C2MR3RDF.js";
 import "../../chunks/chunk.4HQ5VELO.js";
 import "../../chunks/chunk.5VKAVHLM.js";
 import "../../chunks/chunk.GS2AXUCN.js";
 import "../../chunks/chunk.BKMWXPAS.js";
-import "../../chunks/chunk.P43Z3YAS.js";
+import "../../chunks/chunk.V6TRG2CM.js";
 import "../../chunks/chunk.6KTLOA7V.js";
 import "../../chunks/chunk.SKLCDWYQ.js";
 import "../../chunks/chunk.HZISALRH.js";
 import "../../chunks/chunk.WIYLQTSX.js";
-import "../../chunks/chunk.52F6VUCF.js";
 import "../../chunks/chunk.U6FJJGO3.js";
+import "../../chunks/chunk.3VR7VHL5.js";
 import "../../chunks/chunk.WT4W2IFT.js";
 import "../../chunks/chunk.KZATVOA6.js";
 import "../../chunks/chunk.MMIZOYAS.js";

package/dist/esm/slider/index.js

@@ -16,8 +16,8 @@ import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";
 import "../chunks/chunk.WIYLQTSX.js";
-import "../chunks/chunk.52F6VUCF.js";
 import "../chunks/chunk.U6FJJGO3.js";
+import "../chunks/chunk.3VR7VHL5.js";
 import "../chunks/chunk.WT4W2IFT.js";
 import "../chunks/chunk.KZATVOA6.js";
 import "../chunks/chunk.35U3UPDV.js";

package/dist/esm/stepper/index.js

@@ -10,27 +10,27 @@ import {
   StepperComponent,
   StepperFoundation,
   defineStepperComponent
-} from "../chunks/chunk.FBUQQD2T.js";
+} from "../chunks/chunk.4ZBBOR4H.js";
 import {
   STEP_CONSTANTS,
   StepAdapter,
   StepComponent,
   StepFoundation,
   defineStepComponent
-} from "../chunks/chunk.J6LOWXOG.js";
+} from "../chunks/chunk.C44LSSHS.js";
 import "../chunks/chunk.EY57VTRF.js";
 import "../chunks/chunk.C2MR3RDF.js";
 import "../chunks/chunk.4HQ5VELO.js";
 import "../chunks/chunk.5VKAVHLM.js";
 import "../chunks/chunk.GS2AXUCN.js";
 import "../chunks/chunk.BYN27JXZ.js";
-import "../chunks/chunk.P43Z3YAS.js";
+import "../chunks/chunk.V6TRG2CM.js";
 import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";
 import "../chunks/chunk.WIYLQTSX.js";
-import "../chunks/chunk.52F6VUCF.js";
 import "../chunks/chunk.U6FJJGO3.js";
+import "../chunks/chunk.3VR7VHL5.js";
 import "../chunks/chunk.WT4W2IFT.js";
 import "../chunks/chunk.KZATVOA6.js";
 import "../chunks/chunk.MMIZOYAS.js";

package/dist/esm/stepper/step/index.js

@@ -9,18 +9,18 @@ import {
   StepComponent,
   StepFoundation,
   defineStepComponent
-} from "../../chunks/chunk.J6LOWXOG.js";
+} from "../../chunks/chunk.C44LSSHS.js";
 import "../../chunks/chunk.C2MR3RDF.js";
 import "../../chunks/chunk.4HQ5VELO.js";
 import "../../chunks/chunk.5VKAVHLM.js";
 import "../../chunks/chunk.GS2AXUCN.js";
-import "../../chunks/chunk.P43Z3YAS.js";
+import "../../chunks/chunk.V6TRG2CM.js";
 import "../../chunks/chunk.6KTLOA7V.js";
 import "../../chunks/chunk.SKLCDWYQ.js";
 import "../../chunks/chunk.HZISALRH.js";
 import "../../chunks/chunk.WIYLQTSX.js";
-import "../../chunks/chunk.52F6VUCF.js";
 import "../../chunks/chunk.U6FJJGO3.js";
+import "../../chunks/chunk.3VR7VHL5.js";
 import "../../chunks/chunk.WT4W2IFT.js";
 import "../../chunks/chunk.KZATVOA6.js";
 import "../../chunks/chunk.MMIZOYAS.js";

package/dist/esm/stepper/stepper/index.js

@@ -9,21 +9,21 @@ import {
   StepperComponent,
   StepperFoundation,
   defineStepperComponent
-} from "../../chunks/chunk.FBUQQD2T.js";
-import "../../chunks/chunk.J6LOWXOG.js";
+} from "../../chunks/chunk.4ZBBOR4H.js";
+import "../../chunks/chunk.C44LSSHS.js";
 import "../../chunks/chunk.EY57VTRF.js";
 import "../../chunks/chunk.C2MR3RDF.js";
 import "../../chunks/chunk.4HQ5VELO.js";
 import "../../chunks/chunk.5VKAVHLM.js";
 import "../../chunks/chunk.GS2AXUCN.js";
 import "../../chunks/chunk.BYN27JXZ.js";
-import "../../chunks/chunk.P43Z3YAS.js";
+import "../../chunks/chunk.V6TRG2CM.js";
 import "../../chunks/chunk.6KTLOA7V.js";
 import "../../chunks/chunk.SKLCDWYQ.js";
 import "../../chunks/chunk.HZISALRH.js";
 import "../../chunks/chunk.WIYLQTSX.js";
-import "../../chunks/chunk.52F6VUCF.js";
 import "../../chunks/chunk.U6FJJGO3.js";
+import "../../chunks/chunk.3VR7VHL5.js";
 import "../../chunks/chunk.WT4W2IFT.js";
 import "../../chunks/chunk.KZATVOA6.js";
 import "../../chunks/chunk.MMIZOYAS.js";

package/dist/esm/switch/index.js

@@ -15,8 +15,8 @@ import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";
 import "../chunks/chunk.WIYLQTSX.js";
-import "../chunks/chunk.52F6VUCF.js";
 import "../chunks/chunk.U6FJJGO3.js";
+import "../chunks/chunk.3VR7VHL5.js";
 import "../chunks/chunk.WT4W2IFT.js";
 import "../chunks/chunk.KZATVOA6.js";
 import "../chunks/chunk.35U3UPDV.js";

package/dist/esm/table/index.js

@@ -13,11 +13,11 @@ import {
   TableFoundation,
   TableRow,
   defineTableComponent
-} from "../chunks/chunk.BOWCSPCH.js";
+} from "../chunks/chunk.L65L5VJ6.js";
 import "../chunks/chunk.RV3E762Y.js";
 import "../chunks/chunk.KCK3G74Y.js";
-import "../chunks/chunk.KRW2IAIU.js";
-import "../chunks/chunk.JICZQ2BO.js";
+import "../chunks/chunk.DKHOY6QU.js";
+import "../chunks/chunk.VEC77KBM.js";
 import "../chunks/chunk.EY57VTRF.js";
 import "../chunks/chunk.C2MR3RDF.js";
 import "../chunks/chunk.4HQ5VELO.js";
@@ -27,13 +27,13 @@ import "../chunks/chunk.2F6PST3N.js";
 import "../chunks/chunk.NX5SKZLU.js";
 import "../chunks/chunk.BYN27JXZ.js";
 import "../chunks/chunk.BKMWXPAS.js";
-import "../chunks/chunk.P43Z3YAS.js";
+import "../chunks/chunk.V6TRG2CM.js";
 import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";
 import "../chunks/chunk.WIYLQTSX.js";
-import "../chunks/chunk.52F6VUCF.js";
 import "../chunks/chunk.U6FJJGO3.js";
+import "../chunks/chunk.3VR7VHL5.js";
 import "../chunks/chunk.WT4W2IFT.js";
 import "../chunks/chunk.KZATVOA6.js";
 import "../chunks/chunk.MMIZOYAS.js";

package/dist/esm/tabs/index.js

@@ -12,7 +12,7 @@ import {
   TabBarComponent,
   TabBarFoundation,
   defineTabBarComponent
-} from "../chunks/chunk.OQRMHHPB.js";
+} from "../chunks/chunk.5CZWANU6.js";
 import {
   defineTabComponent
 } from "../chunks/chunk.KZ2QNQK2.js";
@@ -22,19 +22,19 @@ import {
   TabComponent,
   TabFoundation
 } from "../chunks/chunk.EWQENJ4W.js";
-import "../chunks/chunk.7Y4NHCJH.js";
+import "../chunks/chunk.UM3J4AZ7.js";
 import "../chunks/chunk.C2MR3RDF.js";
 import "../chunks/chunk.4HQ5VELO.js";
 import "../chunks/chunk.5VKAVHLM.js";
 import "../chunks/chunk.GS2AXUCN.js";
 import "../chunks/chunk.BYN27JXZ.js";
-import "../chunks/chunk.P43Z3YAS.js";
+import "../chunks/chunk.V6TRG2CM.js";
 import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";
 import "../chunks/chunk.WIYLQTSX.js";
-import "../chunks/chunk.52F6VUCF.js";
 import "../chunks/chunk.U6FJJGO3.js";
+import "../chunks/chunk.3VR7VHL5.js";
 import "../chunks/chunk.WT4W2IFT.js";
 import "../chunks/chunk.KZATVOA6.js";
 import "../chunks/chunk.MMIZOYAS.js";

package/dist/esm/tabs/tab-bar/index.js

@@ -11,21 +11,21 @@ import {
   TabBarComponent,
   TabBarFoundation,
   defineTabBarComponent
-} from "../../chunks/chunk.OQRMHHPB.js";
+} from "../../chunks/chunk.5CZWANU6.js";
 import "../../chunks/chunk.EWQENJ4W.js";
-import "../../chunks/chunk.7Y4NHCJH.js";
+import "../../chunks/chunk.UM3J4AZ7.js";
 import "../../chunks/chunk.C2MR3RDF.js";
 import "../../chunks/chunk.4HQ5VELO.js";
 import "../../chunks/chunk.5VKAVHLM.js";
 import "../../chunks/chunk.GS2AXUCN.js";
 import "../../chunks/chunk.BYN27JXZ.js";
-import "../../chunks/chunk.P43Z3YAS.js";
+import "../../chunks/chunk.V6TRG2CM.js";
 import "../../chunks/chunk.6KTLOA7V.js";
 import "../../chunks/chunk.SKLCDWYQ.js";
 import "../../chunks/chunk.HZISALRH.js";
 import "../../chunks/chunk.WIYLQTSX.js";
-import "../../chunks/chunk.52F6VUCF.js";
 import "../../chunks/chunk.U6FJJGO3.js";
+import "../../chunks/chunk.3VR7VHL5.js";
 import "../../chunks/chunk.WT4W2IFT.js";
 import "../../chunks/chunk.KZATVOA6.js";
 import "../../chunks/chunk.MMIZOYAS.js";

package/dist/esm/time-picker/index.js

@@ -23,8 +23,8 @@ import {
   secondsToMillis,
   stripSecondsFromMillis,
   timeStringToMillis
-} from "../chunks/chunk.2FXYTBYG.js";
-import "../chunks/chunk.KI3IHPS2.js";
+} from "../chunks/chunk.7M3P4QES.js";
+import "../chunks/chunk.YKNYR3NX.js";
 import "../chunks/chunk.YCW56AVX.js";
 import "../chunks/chunk.Q4YMHFRY.js";
 import "../chunks/chunk.7I2XNJBL.js";
@@ -35,7 +35,7 @@ import "../chunks/chunk.7XGNGXLR.js";
 import "../chunks/chunk.VTXXZ5KT.js";
 import "../chunks/chunk.KCK3G74Y.js";
 import "../chunks/chunk.2NUAEZY7.js";
-import "../chunks/chunk.D4XU5MZN.js";
+import "../chunks/chunk.47D77ELY.js";
 import "../chunks/chunk.EL6B2ODN.js";
 import "../chunks/chunk.FZQCBRPK.js";
 import "../chunks/chunk.4UKSUUTX.js";
@@ -45,20 +45,20 @@ import "../chunks/chunk.EY57VTRF.js";
 import "../chunks/chunk.RNPIV3BY.js";
 import "../chunks/chunk.LCWRP2UI.js";
 import "../chunks/chunk.5EEEKOOK.js";
-import "../chunks/chunk.7Y4NHCJH.js";
+import "../chunks/chunk.UM3J4AZ7.js";
 import "../chunks/chunk.C2MR3RDF.js";
 import "../chunks/chunk.4HQ5VELO.js";
 import "../chunks/chunk.5VKAVHLM.js";
 import "../chunks/chunk.GS2AXUCN.js";
 import "../chunks/chunk.BYN27JXZ.js";
 import "../chunks/chunk.BKMWXPAS.js";
-import "../chunks/chunk.P43Z3YAS.js";
+import "../chunks/chunk.V6TRG2CM.js";
 import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";
 import "../chunks/chunk.WIYLQTSX.js";
-import "../chunks/chunk.52F6VUCF.js";
 import "../chunks/chunk.U6FJJGO3.js";
+import "../chunks/chunk.3VR7VHL5.js";
 import "../chunks/chunk.WT4W2IFT.js";
 import "../chunks/chunk.KZATVOA6.js";
 import "../chunks/chunk.MMIZOYAS.js";

package/dist/esm/toast/index.js

@@ -9,20 +9,20 @@ import {
   ToastComponent,
   ToastFoundation,
   defineToastComponent
-} from "../chunks/chunk.4V5O2CPU.js";
-import "../chunks/chunk.5NXVVSTU.js";
-import "../chunks/chunk.7Y4NHCJH.js";
+} from "../chunks/chunk.ZPABBQEA.js";
+import "../chunks/chunk.P477KUJ4.js";
+import "../chunks/chunk.UM3J4AZ7.js";
 import "../chunks/chunk.C2MR3RDF.js";
 import "../chunks/chunk.4HQ5VELO.js";
 import "../chunks/chunk.5VKAVHLM.js";
 import "../chunks/chunk.GS2AXUCN.js";
-import "../chunks/chunk.P43Z3YAS.js";
+import "../chunks/chunk.V6TRG2CM.js";
 import "../chunks/chunk.6KTLOA7V.js";
 import "../chunks/chunk.SKLCDWYQ.js";
 import "../chunks/chunk.HZISALRH.js";
 import "../chunks/chunk.WIYLQTSX.js";
-import "../chunks/chunk.52F6VUCF.js";
 import "../chunks/chunk.U6FJJGO3.js";
+import "../chunks/chunk.3VR7VHL5.js";
 import "../chunks/chunk.WT4W2IFT.js";
 import "../chunks/chunk.KZATVOA6.js";
 import "../chunks/chunk.MMIZOYAS.js";

package/esm/button/button.d.ts

@@ -36,6 +36,8 @@ export declare class ButtonComponent extends BaseComponent implements IButtonCom
     private _applyType;
     private _initialize;
     private _initializeButton;
+    private _deferRippleInitialization;
+    private _initRipple;
     private _initializeButtonChildren;
     private _initializeMutationObserver;
     private _buttonWasAdded;

package/esm/button/button.js

@@ -7,6 +7,7 @@ import { __decorate } from "tslib";
 import { CustomElement, ensureChildren, toggleAttribute } from '@tylertech/forge-core';
 import { BaseComponent } from '../core/base/base-component';
 import { BUTTON_CONSTANTS } from './button-constants';
+import { userInteractionListener } from '../core/utils';
 import { ForgeRipple } from '../ripple';
 /**
  * The custom element class behind the `<forge-button>` element.
@@ -95,6 +96,20 @@ let ButtonComponent = class ButtonComponent extends BaseComponent {
         this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON);
         this._syncDisabledState();
         this._initializeButtonChildren();
+        // We wait to initialize the ripple instance until the user interacts with the component to avoid unnecessary performance overhead
+        this._deferRippleInitialization();
+    }
+    async _deferRippleInitialization() {
+        const type = await userInteractionListener(this._buttonElement);
+        if (!this._rippleInstance) {
+            this._initRipple();
+            if (type === 'focusin') {
+                // eslint-disable-next-line @typescript-eslint/dot-notation
+                this._rippleInstance['foundation'].handleFocus();
+            }
+        }
+    }
+    _initRipple() {
         if (this._rippleInstance) {
             this._rippleInstance.destroy();
         }

package/esm/circular-progress/circular-progress.js

@@ -10,7 +10,7 @@ import { CircularProgressFoundation } from './circular-progress-foundation';
 import { CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants';
 import { BaseComponent } from '../core/base/base-component';
 const template = '<template><div class=\"mdc-circular-progress mdc-circular-progress--indeterminate\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"1\" part=\"root\"><slot></slot><div class=\"mdc-circular-progress__determinate-container\" part=\"determinate-container\"><svg class=\"mdc-circular-progress__determinate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"determinate-svg\"><circle class=\"mdc-circular-progress__determinate-track\" cx=\"24\" cy=\"24\" r=\"18\" stroke-width=\"4\" part=\"determinate-svg-circle-track\"/><circle class=\"mdc-circular-progress__determinate-circle\" cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"113.097\" stroke-width=\"4\" part=\"determinate-svg-circle\"/></svg></div><div class=\"mdc-circular-progress__indeterminate-container\" part=\"indeterminate-container\"><div class=\"mdc-circular-progress__spinner-layer\" part=\"spinner-container\"><div class=\"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left\" part=\"spinner-circle-left\"><svg class=\"mdc-circular-progress__indeterminate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"spinner-circle-left-svg\"><circle cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"56.549\" stroke-width=\"4\" part=\"spinner-circle-left-svg-circle\"/></svg></div><div class=\"mdc-circular-progress__gap-patch\" part=\"spinner-gap\"><svg class=\"mdc-circular-progress__indeterminate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"spinner-gap-svg\"><circle cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"56.549\" stroke-width=\"3.2\" part=\"spinner-gap-svg-circle\"/></svg></div><div class=\"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right\" part=\"spinner-circle-right\"><svg class=\"mdc-circular-progress__indeterminate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"spinner-circle-right-svg\"><circle cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"56.549\" stroke-width=\"4\" part=\"spinner-circle-right-svg-circle\"/></svg></div></div></div></div></template>';
-const styles = '.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#3d5afe;stroke:var(--forge-theme-tertiary,#3d5afe)}.mdc-circular-progress__determinate-track{stroke:transparent;stroke:var(--forge-circular-progress-track-color,transparent)}@-webkit-keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@-webkit-keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}@keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}.mdc-circular-progress{height:72px;height:var(--forge-circular-progress-size,72px);width:72px;width:var(--forge-circular-progress-size,72px);display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;direction:ltr;-webkit-transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-circular-progress circle{stroke-width:4;stroke-width:var(--forge-circular-progress-stroke-width,4)}.mdc-circular-progress ::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{-webkit-transition:stroke-dashoffset .5s 0s cubic-bezier(0, 0, .2, 1);transition:stroke-dashoffset .5s 0s cubic-bezier(0, 0, .2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;-webkit-box-sizing:border-box;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:-webkit-inline-box;display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{-webkit-animation:mdc-circular-progress-container-rotate 1.568s linear infinite;animation:mdc-circular-progress-container-rotate 1.568s linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--closed{opacity:0}';
+const styles = '.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#3d5afe;stroke:var(--forge-theme-tertiary,#3d5afe)}.mdc-circular-progress__determinate-track{stroke:transparent;stroke:var(--forge-circular-progress-track-color,transparent)}@-webkit-keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@-webkit-keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}@keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}.mdc-circular-progress{height:72px;height:var(--forge-circular-progress-size,72px);width:72px;width:var(--forge-circular-progress-size,72px);display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;direction:ltr;-webkit-transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-circular-progress circle{stroke-width:4;stroke-width:var(--forge-circular-progress-stroke-width,4);r:22;r:var(--forge-circular-progress-radius,22)}.mdc-circular-progress ::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{-webkit-transition:stroke-dashoffset .5s 0s cubic-bezier(0, 0, .2, 1);transition:stroke-dashoffset .5s 0s cubic-bezier(0, 0, .2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;-webkit-box-sizing:border-box;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:-webkit-inline-box;display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{-webkit-animation:mdc-circular-progress-container-rotate 1.568s linear infinite;animation:mdc-circular-progress-container-rotate 1.568s linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--closed{opacity:0}';
 let CircularProgressComponent = class CircularProgressComponent extends BaseComponent {
     constructor() {
         super();

package/esm/core/utils/utils.d.ts

@@ -9,3 +9,17 @@
  * @param highlightText The text to highlight.
  */
 export declare function highlightTextHTML(label: string, highlightText: string): HTMLElement | undefined;
+/**
+ * Awaits user interaction on an element in the form of `pointerenter` or `focusin` to let a listener know
+ * when the user has attempted to interact with the provided element.
+ *
+ * The listeners are only called once, and the other is removed after one of the listeners is called.
+ * @param element The element to listen to.
+ * @param capture Whether to use capturing listeners or not.
+ * @returns A `Promise` that will be resolved when either of the listeners has executed.
+ */
+export declare function userInteractionListener(element: HTMLElement, { capture, pointerenter, focusin }?: {
+    capture?: boolean | undefined;
+    pointerenter?: boolean | undefined;
+    focusin?: boolean | undefined;
+}): Promise<'pointerenter' | 'focusin'>;

package/esm/core/utils/utils.js

@@ -24,3 +24,35 @@ export function highlightTextHTML(label, highlightText) {
     }
     return undefined;
 }
+/**
+ * Awaits user interaction on an element in the form of `pointerenter` or `focusin` to let a listener know
+ * when the user has attempted to interact with the provided element.
+ *
+ * The listeners are only called once, and the other is removed after one of the listeners is called.
+ * @param element The element to listen to.
+ * @param capture Whether to use capturing listeners or not.
+ * @returns A `Promise` that will be resolved when either of the listeners has executed.
+ */
+export function userInteractionListener(element, { capture = true, pointerenter = true, focusin = true } = {}) {
+    return new Promise(resolve => {
+        const listenerOpts = { once: true, capture };
+        const handlePointerenter = () => {
+            if (focusin) {
+                element.removeEventListener('focusin', handleFocusin, listenerOpts);
+            }
+            resolve('pointerenter');
+        };
+        const handleFocusin = () => {
+            if (pointerenter) {
+                element.removeEventListener('pointerenter', handlePointerenter, listenerOpts);
+            }
+            resolve('focusin');
+        };
+        if (pointerenter) {
+            element.addEventListener('pointerenter', handlePointerenter, listenerOpts);
+        }
+        if (focusin) {
+            element.addEventListener('focusin', handleFocusin, listenerOpts);
+        }
+    });
+}

package/esm/icon-button/icon-button-component-delegate.d.ts

@@ -3,14 +3,19 @@
  * Copyright 2022 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { IIconComponent } from '../icon';
+import { IconExternalType, IIconComponent } from '../icon';
 import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';
 import { IIconButtonComponent } from './icon-button';
+import { PopupPlacement } from '../popup';
 export declare type IconButtonComponentDelegateProps = Partial<IIconButtonComponent>;
 export interface IIconButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {
     iconName?: string;
+    iconExternal?: boolean;
+    iconExternalType?: IconExternalType;
     iconType?: 'font' | 'component';
     iconClass?: string | string[];
+    tooltip?: string;
+    tooltipPosition?: PopupPlacement;
 }
 export interface IIconButtonComponentDelegateConfig extends IBaseComponentDelegateConfig<IIconButtonComponent, IIconButtonComponentDelegateOptions> {
 }
@@ -22,7 +27,9 @@ export declare class IconButtonComponentDelegate extends BaseComponentDelegate<I
     get iconElement(): IIconComponent | undefined;
     get disabled(): boolean;
     set disabled(value: boolean);
+    /** @deprecated Use buttonElement instead. */
     get butttonElement(): HTMLButtonElement | undefined;
+    get buttonElement(): HTMLButtonElement | undefined;
     protected _configure(): void;
     private _configureIcon;
     onClick(listener: (evt: MouseEvent) => void): void;