igniteui-webcomponents 4.11.1 → 5.0.0-rc.1

package/components/common/controllers/root-click.js

@@ -1,7 +1,9 @@
-class RootClickController {
+import { findElementFromEventPath } from '../util.js';
+export class RootClickController {
     constructor(host, config) {
         this.host = host;
         this.config = config;
+        this.disabled = false;
         this.host.addController(this);
     }
     addEventListeners() {
@@ -15,16 +17,20 @@ class RootClickController {
     configureListeners() {
         this.host.open ? this.addEventListeners() : this.removeEventListeners();
     }
+    shouldHide(event) {
+        const targets = new Set([this.host]);
+        if (this.config?.target) {
+            targets.add(this.config.target);
+        }
+        return !findElementFromEventPath((node) => targets.has(node), event);
+    }
     handleEvent(event) {
-        if (this.host.keepOpenOnOutsideClick) {
+        if (this.host.keepOpenOnOutsideClick || this.disabled) {
             return;
         }
-        const path = event.composed ? event.composedPath() : [event.target];
-        const target = this.config?.target || null;
-        if (path.includes(this.host) || path.includes(target)) {
-            return;
+        if (this.shouldHide(event)) {
+            this.hide();
         }
-        this.hide();
     }
     hide() {
         this.config?.hideCallback

package/components/common/controllers/root-click.js.map

@@ -1 +1 @@
-{"version":3,"file":"root-click.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/root-click.ts"],"names":[],"mappings":"AAcA,MAAM,mBAAmB;IACvB,YACmB,IAA6B,EACtC,MAAkC;QADzB,SAAI,GAAJ,IAAI,CAAyB;QACtC,WAAM,GAAN,MAAM,CAA4B;QAE1C,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YACtC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAEO,oBAAoB;QAC1B,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC1E,CAAC;IAEM,WAAW,CAAC,KAAiB;QAClC,IAAI,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACpE,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC;QAC3C,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACtD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAEO,IAAI;QACV,IAAI,CAAC,MAAM,EAAE,YAAY;YACvB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YAC1C,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAEM,MAAM,CAAC,MAAkC;QAC9C,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;QAC9C,CAAC;QACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEM,gBAAgB;QACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;CACF;AAED,MAAM,UAAU,mBAAmB,CACjC,IAA6B,EAC7B,MAAkC;IAElC,OAAO,IAAI,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\ntype RootClickControllerConfig = {\n  hideCallback?: () => void;\n  target?: HTMLElement;\n};\n\ntype RootClickControllerHost = ReactiveControllerHost &\n  HTMLElement & {\n    open: boolean;\n    keepOpenOnOutsideClick?: boolean;\n    hide(): void;\n  };\n\nclass RootClickController implements ReactiveController {\n  constructor(\n    private readonly host: RootClickControllerHost,\n    private config?: RootClickControllerConfig\n  ) {\n    this.host.addController(this);\n  }\n\n  private addEventListeners() {\n    if (!this.host.keepOpenOnOutsideClick) {\n      document.addEventListener('click', this);\n    }\n  }\n\n  private removeEventListeners() {\n    document.removeEventListener('click', this);\n  }\n\n  private configureListeners() {\n    this.host.open ? this.addEventListeners() : this.removeEventListeners();\n  }\n\n  public handleEvent(event: MouseEvent) {\n    if (this.host.keepOpenOnOutsideClick) {\n      return;\n    }\n\n    const path = event.composed ? event.composedPath() : [event.target];\n    const target = this.config?.target || null;\n    if (path.includes(this.host) || path.includes(target)) {\n      return;\n    }\n\n    this.hide();\n  }\n\n  private hide() {\n    this.config?.hideCallback\n      ? this.config.hideCallback.call(this.host)\n      : this.host.hide();\n  }\n\n  public update(config?: RootClickControllerConfig) {\n    if (config) {\n      this.config = { ...this.config, ...config };\n    }\n    this.configureListeners();\n  }\n\n  public hostConnected() {\n    this.configureListeners();\n  }\n\n  public hostDisconnected() {\n    this.removeEventListeners();\n  }\n}\n\nexport function addRootClickHandler(\n  host: RootClickControllerHost,\n  config?: RootClickControllerConfig\n) {\n  return new RootClickController(host, config);\n}\n"]}
+{"version":3,"file":"root-click.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/root-click.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAetD,MAAM,OAAO,mBAAmB;IAG9B,YACmB,IAA6B,EACtC,MAAkC;QADzB,SAAI,GAAJ,IAAI,CAAyB;QACtC,WAAM,GAAN,MAAM,CAA4B;QAJrC,aAAQ,GAAG,KAAK,CAAC;QAMtB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YACtC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAEO,oBAAoB;QAC1B,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC1E,CAAC;IAEO,UAAU,CAAC,KAAmB;QACpC,MAAM,OAAO,GAAG,IAAI,GAAG,CAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAE9C,IAAI,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;YACxB,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAClC,CAAC;QAED,OAAO,CAAC,wBAAwB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACvE,CAAC;IAEM,WAAW,CAAC,KAAmB;QACpC,IAAI,IAAI,CAAC,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACtD,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC;IACH,CAAC;IAEO,IAAI;QACV,IAAI,CAAC,MAAM,EAAE,YAAY;YACvB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YAC1C,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAEM,MAAM,CAAC,MAAkC;QAC9C,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;QAC9C,CAAC;QACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEM,gBAAgB;QACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;CACF;AAED,MAAM,UAAU,mBAAmB,CACjC,IAA6B,EAC7B,MAAkC;IAElC,OAAO,IAAI,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport { findElementFromEventPath } from '../util.js';\n\ntype RootClickControllerConfig = {\n  hideCallback?: () => void;\n  target?: HTMLElement;\n};\n\ntype RootClickControllerHost = ReactiveControllerHost &\n  HTMLElement & {\n    open: boolean;\n    keepOpenOnOutsideClick?: boolean;\n    hide(): void;\n  };\n\n/* blazorSuppress */\nexport class RootClickController implements ReactiveController {\n  public disabled = false;\n\n  constructor(\n    private readonly host: RootClickControllerHost,\n    private config?: RootClickControllerConfig\n  ) {\n    this.host.addController(this);\n  }\n\n  private addEventListeners() {\n    if (!this.host.keepOpenOnOutsideClick) {\n      document.addEventListener('click', this);\n    }\n  }\n\n  private removeEventListeners() {\n    document.removeEventListener('click', this);\n  }\n\n  private configureListeners() {\n    this.host.open ? this.addEventListeners() : this.removeEventListeners();\n  }\n\n  private shouldHide(event: PointerEvent) {\n    const targets = new Set<Element>([this.host]);\n\n    if (this.config?.target) {\n      targets.add(this.config.target);\n    }\n\n    return !findElementFromEventPath((node) => targets.has(node), event);\n  }\n\n  public handleEvent(event: PointerEvent) {\n    if (this.host.keepOpenOnOutsideClick || this.disabled) {\n      return;\n    }\n\n    if (this.shouldHide(event)) {\n      this.hide();\n    }\n  }\n\n  private hide() {\n    this.config?.hideCallback\n      ? this.config.hideCallback.call(this.host)\n      : this.host.hide();\n  }\n\n  public update(config?: RootClickControllerConfig) {\n    if (config) {\n      this.config = { ...this.config, ...config };\n    }\n    this.configureListeners();\n  }\n\n  public hostConnected() {\n    this.configureListeners();\n  }\n\n  public hostDisconnected() {\n    this.removeEventListeners();\n  }\n}\n\nexport function addRootClickHandler(\n  host: RootClickControllerHost,\n  config?: RootClickControllerConfig\n) {\n  return new RootClickController(host, config);\n}\n"]}

package/components/common/definitions/defineAllComponents.js

@@ -25,7 +25,6 @@ import IgcDropdownHeaderComponent from '../../dropdown/dropdown-header.js';
 import IgcDropdownItemComponent from '../../dropdown/dropdown-item.js';
 import IgcDropdownComponent from '../../dropdown/dropdown.js';
 import IgcExpansionPanelComponent from '../../expansion-panel/expansion-panel.js';
-import IgcFormComponent from '../../form/form.js';
 import IgcIconComponent from '../../icon/icon.js';
 import IgcInputComponent from '../../input/input.js';
 import IgcListHeaderComponent from '../../list/list-header.js';
@@ -89,7 +88,6 @@ const allComponents = [
     IgcDividerComponent,
     IgcSwitchComponent,
     IgcExpansionPanelComponent,
-    IgcFormComponent,
     IgcIconComponent,
     IgcInputComponent,
     IgcListHeaderComponent,

package/components/common/definitions/defineAllComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"defineAllComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineAllComponents.ts"],"names":[],"mappings":"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","sourcesContent":["import IgcAccordionComponent from '../../accordion/accordion.js';\nimport IgcAvatarComponent from '../../avatar/avatar.js';\nimport IgcBadgeComponent from '../../badge/badge.js';\nimport IgcBannerComponent from '../../banner/banner.js';\nimport IgcButtonGroupComponent from '../../button-group/button-group.js';\nimport IgcToggleButtonComponent from '../../button-group/toggle-button.js';\nimport IgcButtonComponent from '../../button/button.js';\nimport IgcIconButtonComponent from '../../button/icon-button.js';\nimport IgcCalendarComponent from '../../calendar/calendar.js';\nimport IgcCardActionsComponent from '../../card/card.actions.js';\nimport IgcCardContentComponent from '../../card/card.content.js';\nimport IgcCardHeaderComponent from '../../card/card.header.js';\nimport IgcCardComponent from '../../card/card.js';\nimport IgcCardMediaComponent from '../../card/card.media.js';\nimport IgcCheckboxComponent from '../../checkbox/checkbox.js';\nimport IgcSwitchComponent from '../../checkbox/switch.js';\nimport IgcChipComponent from '../../chip/chip.js';\nimport IgcComboComponent from '../../combo/combo.js';\nimport IgcDatePickerComponent from '../../date-picker/date-picker.js';\nimport IgcDateTimeInputComponent from '../../date-time-input/date-time-input.js';\nimport IgcDialogComponent from '../../dialog/dialog.js';\nimport IgcDividerComponent from '../../divider/divider.js';\nimport IgcDropdownGroupComponent from '../../dropdown/dropdown-group.js';\nimport IgcDropdownHeaderComponent from '../../dropdown/dropdown-header.js';\nimport IgcDropdownItemComponent from '../../dropdown/dropdown-item.js';\nimport IgcDropdownComponent from '../../dropdown/dropdown.js';\nimport IgcExpansionPanelComponent from '../../expansion-panel/expansion-panel.js';\nimport IgcFormComponent from '../../form/form.js';\nimport IgcIconComponent from '../../icon/icon.js';\nimport IgcInputComponent from '../../input/input.js';\nimport IgcListHeaderComponent from '../../list/list-header.js';\nimport IgcListItemComponent from '../../list/list-item.js';\nimport IgcListComponent from '../../list/list.js';\nimport IgcMaskInputComponent from '../../mask-input/mask-input.js';\nimport IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item.js';\nimport IgcNavDrawerComponent from '../../nav-drawer/nav-drawer.js';\nimport IgcNavbarComponent from '../../navbar/navbar.js';\nimport IgcCircularGradientComponent from '../../progress/circular-gradient.js';\nimport IgcCircularProgressComponent from '../../progress/circular-progress.js';\nimport IgcLinearProgressComponent from '../../progress/linear-progress.js';\nimport IgcRadioGroupComponent from '../../radio-group/radio-group.js';\nimport IgcRadioComponent from '../../radio/radio.js';\nimport IgcRatingSymbolComponent from '../../rating/rating-symbol.js';\nimport IgcRatingComponent from '../../rating/rating.js';\nimport IgcRippleComponent from '../../ripple/ripple.js';\nimport IgcSelectGroupComponent from '../../select/select-group.js';\nimport IgcSelectHeaderComponent from '../../select/select-header.js';\nimport IgcSelectItemComponent from '../../select/select-item.js';\nimport IgcSelectComponent from '../../select/select.js';\nimport IgcRangeSliderComponent from '../../slider/range-slider.js';\nimport IgcSliderLabelComponent from '../../slider/slider-label.js';\nimport IgcSliderComponent from '../../slider/slider.js';\nimport IgcSnackbarComponent from '../../snackbar/snackbar.js';\nimport IgcStepComponent from '../../stepper/step.js';\nimport IgcStepperComponent from '../../stepper/stepper.js';\nimport IgcTabPanelComponent from '../../tabs/tab-panel.js';\nimport IgcTabComponent from '../../tabs/tab.js';\nimport IgcTabsComponent from '../../tabs/tabs.js';\nimport IgcTextareaComponent from '../../textarea/textarea.js';\nimport IgcToastComponent from '../../toast/toast.js';\nimport IgcTreeItemComponent from '../../tree/tree-item.js';\nimport IgcTreeComponent from '../../tree/tree.js';\nimport { defineComponents } from './defineComponents.js';\nimport type { IgniteComponent } from './register.js';\n\nconst allComponents: IgniteComponent[] = [\n  IgcAvatarComponent,\n  IgcAccordionComponent,\n  IgcBadgeComponent,\n  IgcBannerComponent,\n  IgcButtonComponent,\n  IgcIconButtonComponent,\n  IgcToggleButtonComponent,\n  IgcButtonGroupComponent,\n  IgcCalendarComponent,\n  IgcCardActionsComponent,\n  IgcCardContentComponent,\n  IgcCardHeaderComponent,\n  IgcCardMediaComponent,\n  IgcCardComponent,\n  IgcCheckboxComponent,\n  IgcChipComponent,\n  IgcComboComponent,\n  IgcDatePickerComponent,\n  IgcDropdownComponent,\n  IgcDropdownGroupComponent,\n  IgcDropdownHeaderComponent,\n  IgcDropdownItemComponent,\n  IgcDialogComponent,\n  IgcDividerComponent,\n  IgcSwitchComponent,\n  IgcExpansionPanelComponent,\n  IgcFormComponent,\n  IgcIconComponent,\n  IgcInputComponent,\n  IgcListHeaderComponent,\n  IgcListItemComponent,\n  IgcListComponent,\n  IgcMaskInputComponent,\n  IgcNavDrawerHeaderItemComponent,\n  IgcNavDrawerItemComponent,\n  IgcNavDrawerComponent,\n  IgcNavbarComponent,\n  IgcRadioComponent,\n  IgcRadioGroupComponent,\n  IgcRatingComponent,\n  IgcRatingSymbolComponent,\n  IgcRippleComponent,\n  IgcSelectGroupComponent,\n  IgcSelectHeaderComponent,\n  IgcSelectItemComponent,\n  IgcSelectComponent,\n  IgcTreeComponent,\n  IgcTreeItemComponent,\n  IgcSliderComponent,\n  IgcToastComponent,\n  IgcSliderLabelComponent,\n  IgcRangeSliderComponent,\n  IgcTabsComponent,\n  IgcTabComponent,\n  IgcTabPanelComponent,\n  IgcCircularProgressComponent,\n  IgcLinearProgressComponent,\n  IgcCircularGradientComponent,\n  IgcSnackbarComponent,\n  IgcDateTimeInputComponent,\n  IgcStepperComponent,\n  IgcStepComponent,\n  IgcTextareaComponent,\n];\n\nexport function defineAllComponents() {\n  defineComponents(...allComponents);\n}\n"]}
+{"version":3,"file":"defineAllComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineAllComponents.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,8BAA8B,CAAC;AACjE,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AACzE,OAAO,wBAAwB,MAAM,qCAAqC,CAAC;AAC3E,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,uBAAuB,MAAM,4BAA4B,CAAC;AACjE,OAAO,sBAAsB,MAAM,2BAA2B,CAAC;AAC/D,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAC7D,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,kBAAkB,MAAM,0BAA0B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,sBAAsB,MAAM,kCAAkC,CAAC;AACtE,OAAO,yBAAyB,MAAM,0CAA0C,CAAC;AACjF,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,yBAAyB,MAAM,kCAAkC,CAAC;AACzE,OAAO,0BAA0B,MAAM,mCAAmC,CAAC;AAC3E,OAAO,wBAAwB,MAAM,iCAAiC,CAAC;AACvE,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,0BAA0B,MAAM,0CAA0C,CAAC;AAClF,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,sBAAsB,MAAM,2BAA2B,CAAC;AAC/D,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,qBAAqB,MAAM,gCAAgC,CAAC;AACnE,OAAO,+BAA+B,MAAM,4CAA4C,CAAC;AACzF,OAAO,yBAAyB,MAAM,qCAAqC,CAAC;AAC5E,OAAO,qBAAqB,MAAM,gCAAgC,CAAC;AACnE,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,OAAO,4BAA4B,MAAM,qCAAqC,CAAC;AAC/E,OAAO,4BAA4B,MAAM,qCAAqC,CAAC;AAC/E,OAAO,0BAA0B,MAAM,mCAAmC,CAAC;AAC3E,OAAO,sBAAsB,MAAM,kCAAkC,CAAC;AACtE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AACrE,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AACrE,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AACnE,OAAO,kBAAkB,MAAM,wBAAwB,CAAC;AACxD,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,aAAa,GAAsB;IACvC,kBAAkB;IAClB,qBAAqB;IACrB,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,sBAAsB;IACtB,wBAAwB;IACxB,uBAAuB;IACvB,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,sBAAsB;IACtB,qBAAqB;IACrB,gBAAgB;IAChB,oBAAoB;IACpB,gBAAgB;IAChB,iBAAiB;IACjB,sBAAsB;IACtB,oBAAoB;IACpB,yBAAyB;IACzB,0BAA0B;IAC1B,wBAAwB;IACxB,kBAAkB;IAClB,mBAAmB;IACnB,kBAAkB;IAClB,0BAA0B;IAC1B,gBAAgB;IAChB,iBAAiB;IACjB,sBAAsB;IACtB,oBAAoB;IACpB,gBAAgB;IAChB,qBAAqB;IACrB,+BAA+B;IAC/B,yBAAyB;IACzB,qBAAqB;IACrB,kBAAkB;IAClB,iBAAiB;IACjB,sBAAsB;IACtB,kBAAkB;IAClB,wBAAwB;IACxB,kBAAkB;IAClB,uBAAuB;IACvB,wBAAwB;IACxB,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAChB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IACjB,uBAAuB;IACvB,uBAAuB;IACvB,gBAAgB;IAChB,eAAe;IACf,oBAAoB;IACpB,4BAA4B;IAC5B,0BAA0B;IAC1B,4BAA4B;IAC5B,oBAAoB;IACpB,yBAAyB;IACzB,mBAAmB;IACnB,gBAAgB;IAChB,oBAAoB;CACrB,CAAC;AAEF,MAAM,UAAU,mBAAmB;IACjC,gBAAgB,CAAC,GAAG,aAAa,CAAC,CAAC;AACrC,CAAC","sourcesContent":["import IgcAccordionComponent from '../../accordion/accordion.js';\nimport IgcAvatarComponent from '../../avatar/avatar.js';\nimport IgcBadgeComponent from '../../badge/badge.js';\nimport IgcBannerComponent from '../../banner/banner.js';\nimport IgcButtonGroupComponent from '../../button-group/button-group.js';\nimport IgcToggleButtonComponent from '../../button-group/toggle-button.js';\nimport IgcButtonComponent from '../../button/button.js';\nimport IgcIconButtonComponent from '../../button/icon-button.js';\nimport IgcCalendarComponent from '../../calendar/calendar.js';\nimport IgcCardActionsComponent from '../../card/card.actions.js';\nimport IgcCardContentComponent from '../../card/card.content.js';\nimport IgcCardHeaderComponent from '../../card/card.header.js';\nimport IgcCardComponent from '../../card/card.js';\nimport IgcCardMediaComponent from '../../card/card.media.js';\nimport IgcCheckboxComponent from '../../checkbox/checkbox.js';\nimport IgcSwitchComponent from '../../checkbox/switch.js';\nimport IgcChipComponent from '../../chip/chip.js';\nimport IgcComboComponent from '../../combo/combo.js';\nimport IgcDatePickerComponent from '../../date-picker/date-picker.js';\nimport IgcDateTimeInputComponent from '../../date-time-input/date-time-input.js';\nimport IgcDialogComponent from '../../dialog/dialog.js';\nimport IgcDividerComponent from '../../divider/divider.js';\nimport IgcDropdownGroupComponent from '../../dropdown/dropdown-group.js';\nimport IgcDropdownHeaderComponent from '../../dropdown/dropdown-header.js';\nimport IgcDropdownItemComponent from '../../dropdown/dropdown-item.js';\nimport IgcDropdownComponent from '../../dropdown/dropdown.js';\nimport IgcExpansionPanelComponent from '../../expansion-panel/expansion-panel.js';\nimport IgcIconComponent from '../../icon/icon.js';\nimport IgcInputComponent from '../../input/input.js';\nimport IgcListHeaderComponent from '../../list/list-header.js';\nimport IgcListItemComponent from '../../list/list-item.js';\nimport IgcListComponent from '../../list/list.js';\nimport IgcMaskInputComponent from '../../mask-input/mask-input.js';\nimport IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item.js';\nimport IgcNavDrawerComponent from '../../nav-drawer/nav-drawer.js';\nimport IgcNavbarComponent from '../../navbar/navbar.js';\nimport IgcCircularGradientComponent from '../../progress/circular-gradient.js';\nimport IgcCircularProgressComponent from '../../progress/circular-progress.js';\nimport IgcLinearProgressComponent from '../../progress/linear-progress.js';\nimport IgcRadioGroupComponent from '../../radio-group/radio-group.js';\nimport IgcRadioComponent from '../../radio/radio.js';\nimport IgcRatingSymbolComponent from '../../rating/rating-symbol.js';\nimport IgcRatingComponent from '../../rating/rating.js';\nimport IgcRippleComponent from '../../ripple/ripple.js';\nimport IgcSelectGroupComponent from '../../select/select-group.js';\nimport IgcSelectHeaderComponent from '../../select/select-header.js';\nimport IgcSelectItemComponent from '../../select/select-item.js';\nimport IgcSelectComponent from '../../select/select.js';\nimport IgcRangeSliderComponent from '../../slider/range-slider.js';\nimport IgcSliderLabelComponent from '../../slider/slider-label.js';\nimport IgcSliderComponent from '../../slider/slider.js';\nimport IgcSnackbarComponent from '../../snackbar/snackbar.js';\nimport IgcStepComponent from '../../stepper/step.js';\nimport IgcStepperComponent from '../../stepper/stepper.js';\nimport IgcTabPanelComponent from '../../tabs/tab-panel.js';\nimport IgcTabComponent from '../../tabs/tab.js';\nimport IgcTabsComponent from '../../tabs/tabs.js';\nimport IgcTextareaComponent from '../../textarea/textarea.js';\nimport IgcToastComponent from '../../toast/toast.js';\nimport IgcTreeItemComponent from '../../tree/tree-item.js';\nimport IgcTreeComponent from '../../tree/tree.js';\nimport { defineComponents } from './defineComponents.js';\nimport type { IgniteComponent } from './register.js';\n\nconst allComponents: IgniteComponent[] = [\n  IgcAvatarComponent,\n  IgcAccordionComponent,\n  IgcBadgeComponent,\n  IgcBannerComponent,\n  IgcButtonComponent,\n  IgcIconButtonComponent,\n  IgcToggleButtonComponent,\n  IgcButtonGroupComponent,\n  IgcCalendarComponent,\n  IgcCardActionsComponent,\n  IgcCardContentComponent,\n  IgcCardHeaderComponent,\n  IgcCardMediaComponent,\n  IgcCardComponent,\n  IgcCheckboxComponent,\n  IgcChipComponent,\n  IgcComboComponent,\n  IgcDatePickerComponent,\n  IgcDropdownComponent,\n  IgcDropdownGroupComponent,\n  IgcDropdownHeaderComponent,\n  IgcDropdownItemComponent,\n  IgcDialogComponent,\n  IgcDividerComponent,\n  IgcSwitchComponent,\n  IgcExpansionPanelComponent,\n  IgcIconComponent,\n  IgcInputComponent,\n  IgcListHeaderComponent,\n  IgcListItemComponent,\n  IgcListComponent,\n  IgcMaskInputComponent,\n  IgcNavDrawerHeaderItemComponent,\n  IgcNavDrawerItemComponent,\n  IgcNavDrawerComponent,\n  IgcNavbarComponent,\n  IgcRadioComponent,\n  IgcRadioGroupComponent,\n  IgcRatingComponent,\n  IgcRatingSymbolComponent,\n  IgcRippleComponent,\n  IgcSelectGroupComponent,\n  IgcSelectHeaderComponent,\n  IgcSelectItemComponent,\n  IgcSelectComponent,\n  IgcTreeComponent,\n  IgcTreeItemComponent,\n  IgcSliderComponent,\n  IgcToastComponent,\n  IgcSliderLabelComponent,\n  IgcRangeSliderComponent,\n  IgcTabsComponent,\n  IgcTabComponent,\n  IgcTabPanelComponent,\n  IgcCircularProgressComponent,\n  IgcLinearProgressComponent,\n  IgcCircularGradientComponent,\n  IgcSnackbarComponent,\n  IgcDateTimeInputComponent,\n  IgcStepperComponent,\n  IgcStepComponent,\n  IgcTextareaComponent,\n];\n\nexport function defineAllComponents() {\n  defineComponents(...allComponents);\n}\n"]}

package/components/common/localization/intl-formatters.d.ts

@@ -0,0 +1,17 @@
+type DateTimeFormatterConfig = {
+    [name: string]: Intl.DateTimeFormatOptions;
+};
+declare class DateTimeFormatters<T extends DateTimeFormatterConfig> {
+    private _locale;
+    private _configuration;
+    private _formatters;
+    private _update;
+    constructor(_locale: string, _configuration: T);
+    get(name: keyof T): Intl.DateTimeFormat;
+    get configuration(): T;
+    get locale(): string;
+    set locale(value: string);
+    update(configuration: Partial<T>): void;
+}
+export declare function createDateTimeFormatters<T extends DateTimeFormatterConfig>(locale: string, configuration: T): DateTimeFormatters<T>;
+export {};

package/components/common/localization/intl-formatters.js

@@ -0,0 +1,46 @@
+const _cache = new Map();
+function stringifyOptions(options) {
+    return Object.entries(options)
+        .map(([k, v]) => `${k}:${v}`)
+        .join('::');
+}
+function getFormatter(locale, options) {
+    const key = `${locale}#${stringifyOptions(options)}`;
+    if (!_cache.has(key)) {
+        _cache.set(key, new Intl.DateTimeFormat(locale, options));
+    }
+    return _cache.get(key);
+}
+class DateTimeFormatters {
+    _update(configuration) {
+        for (const [key, value] of Object.entries(configuration)) {
+            this._formatters.set(key, getFormatter(this._locale, value));
+        }
+    }
+    constructor(_locale, _configuration) {
+        this._locale = _locale;
+        this._configuration = _configuration;
+        this._formatters = new Map();
+        this._update(_configuration);
+    }
+    get(name) {
+        return this._formatters.get(name);
+    }
+    get configuration() {
+        return { ...this._configuration };
+    }
+    get locale() {
+        return this._locale;
+    }
+    set locale(value) {
+        this._locale = value;
+        this._update(this._configuration);
+    }
+    update(configuration) {
+        this._update(Object.assign(this._configuration, configuration));
+    }
+}
+export function createDateTimeFormatters(locale, configuration) {
+    return new DateTimeFormatters(locale, configuration);
+}
+//# sourceMappingURL=intl-formatters.js.map

package/components/common/localization/intl-formatters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intl-formatters.js","sourceRoot":"","sources":["../../../../src/components/common/localization/intl-formatters.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,GAAG,IAAI,GAAG,EAA+B,CAAC;AAEtD,SAAS,gBAAgB,CAAC,OAAmC;IAC3D,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;SAC3B,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;SAC5B,IAAI,CAAC,IAAI,CAAC,CAAC;AAChB,CAAC;AAED,SAAS,YAAY,CAAC,MAAc,EAAE,OAAmC;IACvE,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,gBAAgB,CAAC,OAAO,CAAC,EAAE,CAAC;IAErD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;QACrB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC5D,CAAC;IAED,OAAO,MAAM,CAAC,GAAG,CAAC,GAAG,CAAE,CAAC;AAC1B,CAAC;AAED,MAAM,kBAAkB;IAGd,OAAO,CAAC,aAAgB;QAC9B,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC;YACzD,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;QAC/D,CAAC;IACH,CAAC;IAED,YACU,OAAe,EACf,cAAiB;QADjB,YAAO,GAAP,OAAO,CAAQ;QACf,mBAAc,GAAd,cAAc,CAAG;QAVnB,gBAAW,GAAG,IAAI,GAAG,EAAgC,CAAC;QAY5D,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/B,CAAC;IAEM,GAAG,CAAC,IAAa;QACtB,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;IACrC,CAAC;IAED,IAAW,aAAa;QACtB,OAAO,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;IACpC,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAED,IAAW,MAAM,CAAC,KAAa;QAC7B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACpC,CAAC;IAEM,MAAM,CAAC,aAAyB;QACrC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;IAClE,CAAC;CACF;AAED,MAAM,UAAU,wBAAwB,CACtC,MAAc,EACd,aAAgB;IAEhB,OAAO,IAAI,kBAAkB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;AACvD,CAAC","sourcesContent":["type DateTimeFormatterConfig = {\n  [name: string]: Intl.DateTimeFormatOptions;\n};\n\nconst _cache = new Map<string, Intl.DateTimeFormat>();\n\nfunction stringifyOptions(options: Intl.DateTimeFormatOptions) {\n  return Object.entries(options)\n    .map(([k, v]) => `${k}:${v}`)\n    .join('::');\n}\n\nfunction getFormatter(locale: string, options: Intl.DateTimeFormatOptions) {\n  const key = `${locale}#${stringifyOptions(options)}`;\n\n  if (!_cache.has(key)) {\n    _cache.set(key, new Intl.DateTimeFormat(locale, options));\n  }\n\n  return _cache.get(key)!;\n}\n\nclass DateTimeFormatters<T extends DateTimeFormatterConfig> {\n  private _formatters = new Map<keyof T, Intl.DateTimeFormat>();\n\n  private _update(configuration: T) {\n    for (const [key, value] of Object.entries(configuration)) {\n      this._formatters.set(key, getFormatter(this._locale, value));\n    }\n  }\n\n  constructor(\n    private _locale: string,\n    private _configuration: T\n  ) {\n    this._update(_configuration);\n  }\n\n  public get(name: keyof T) {\n    return this._formatters.get(name)!;\n  }\n\n  public get configuration() {\n    return { ...this._configuration };\n  }\n\n  public get locale() {\n    return this._locale;\n  }\n\n  public set locale(value: string) {\n    this._locale = value;\n    this._update(this._configuration);\n  }\n\n  public update(configuration: Partial<T>) {\n    this._update(Object.assign(this._configuration, configuration));\n  }\n}\n\nexport function createDateTimeFormatters<T extends DateTimeFormatterConfig>(\n  locale: string,\n  configuration: T\n) {\n  return new DateTimeFormatters(locale, configuration);\n}\n"]}

package/components/common/mixins/alert.d.ts

@@ -30,9 +30,9 @@ export declare abstract class IgcBaseAlertLikeComponent extends LitElement {
     private toggleAnimation;
     private setAutoHideTimer;
     /** Opens the component. */
-    show(): Promise<void>;
+    show(): Promise<boolean>;
     /** Closes the component. */
-    hide(): Promise<void>;
+    hide(): Promise<boolean>;
     /** Toggles the open state of the component. */
-    toggle(): void;
+    toggle(): Promise<boolean>;
 }

package/components/common/mixins/alert.js

@@ -41,22 +41,24 @@ export class IgcBaseAlertLikeComponent extends LitElement {
     }
     async show() {
         if (this.open) {
-            return;
+            return false;
         }
         this.open = true;
         await this.toggleAnimation('open');
         this.setAutoHideTimer();
+        return true;
     }
     async hide() {
         if (!this.open) {
-            return;
+            return false;
         }
         clearTimeout(this._autoHideTimeout);
         await this.toggleAnimation('close');
         this.open = false;
+        return true;
     }
-    toggle() {
-        this.open ? this.hide() : this.show();
+    async toggle() {
+        return this.open ? this.hide() : this.show();
     }
 }
 __decorate([

package/components/common/mixins/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/alert.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport type { addAnimationController } from '../../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';\nimport { watch } from '../decorators/watch.js';\n\n// It'd be better to have this as a mixin rather than a base class once the analyzer\n// knows how to resolve multiple mixin chains\n\nexport abstract class IgcBaseAlertLikeComponent extends LitElement {\n  private _internals: ElementInternals;\n  protected _autoHideTimeout?: number;\n\n  protected declare abstract _animationPlayer: ReturnType<\n    typeof addAnimationController\n  >;\n\n  /**\n   * Whether the component is in shown state.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Determines the duration in ms in which the component will be visible.\n   * @attr display-time\n   */\n  @property({ type: Number, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /**\n   * Determines whether the component should close after the `displayTime` is over.\n   * @attr keep-open\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /**\n   * Sets the position of the component in the viewport.\n   * @attr\n   */\n  @property({ reflect: true })\n  public position: 'bottom' | 'middle' | 'top' = 'bottom';\n\n  @watch('displayTime', { waitUntilFirstUpdate: true })\n  protected displayTimeChange() {\n    this.setAutoHideTimer();\n  }\n\n  @watch('keepOpen', { waitUntilFirstUpdate: true })\n  protected keepOpenChange() {\n    clearTimeout(this._autoHideTimeout);\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n\n    this._internals.role = 'status';\n    this._internals.ariaLive = 'polite';\n  }\n\n  private async toggleAnimation(state: 'open' | 'close') {\n    const animation = state === 'open' ? fadeIn : fadeOut;\n\n    const [_, event] = await Promise.all([\n      this._animationPlayer.stopAll(),\n      this._animationPlayer.play(animation()),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  private setAutoHideTimer() {\n    clearTimeout(this._autoHideTimeout);\n    if (this.open && this.displayTime > 0 && !this.keepOpen) {\n      this._autoHideTimeout = setTimeout(() => this.hide(), this.displayTime);\n    }\n  }\n\n  /** Opens the component. */\n  public async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.open = true;\n    await this.toggleAnimation('open');\n    this.setAutoHideTimer();\n  }\n\n  /** Closes the component. */\n  public async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    clearTimeout(this._autoHideTimeout);\n    await this.toggleAnimation('close');\n    this.open = false;\n  }\n\n  /** Toggles the open state of the component. */\n  public toggle() {\n    this.open ? this.hide() : this.show();\n  }\n}\n"]}
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/alert.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport type { addAnimationController } from '../../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../../animations/presets/fade/index.js';\nimport { watch } from '../decorators/watch.js';\n\n// It'd be better to have this as a mixin rather than a base class once the analyzer\n// knows how to resolve multiple mixin chains\n\nexport abstract class IgcBaseAlertLikeComponent extends LitElement {\n  private _internals: ElementInternals;\n  protected _autoHideTimeout?: number;\n\n  protected declare abstract _animationPlayer: ReturnType<\n    typeof addAnimationController\n  >;\n\n  /**\n   * Whether the component is in shown state.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Determines the duration in ms in which the component will be visible.\n   * @attr display-time\n   */\n  @property({ type: Number, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /**\n   * Determines whether the component should close after the `displayTime` is over.\n   * @attr keep-open\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /**\n   * Sets the position of the component in the viewport.\n   * @attr\n   */\n  @property({ reflect: true })\n  public position: 'bottom' | 'middle' | 'top' = 'bottom';\n\n  @watch('displayTime', { waitUntilFirstUpdate: true })\n  protected displayTimeChange() {\n    this.setAutoHideTimer();\n  }\n\n  @watch('keepOpen', { waitUntilFirstUpdate: true })\n  protected keepOpenChange() {\n    clearTimeout(this._autoHideTimeout);\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n\n    this._internals.role = 'status';\n    this._internals.ariaLive = 'polite';\n  }\n\n  private async toggleAnimation(state: 'open' | 'close') {\n    const animation = state === 'open' ? fadeIn : fadeOut;\n\n    const [_, event] = await Promise.all([\n      this._animationPlayer.stopAll(),\n      this._animationPlayer.play(animation()),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  private setAutoHideTimer() {\n    clearTimeout(this._autoHideTimeout);\n    if (this.open && this.displayTime > 0 && !this.keepOpen) {\n      this._autoHideTimeout = setTimeout(() => this.hide(), this.displayTime);\n    }\n  }\n\n  /** Opens the component. */\n  public async show(): Promise<boolean> {\n    if (this.open) {\n      return false;\n    }\n\n    this.open = true;\n    await this.toggleAnimation('open');\n    this.setAutoHideTimer();\n    return true;\n  }\n\n  /** Closes the component. */\n  public async hide(): Promise<boolean> {\n    if (!this.open) {\n      return false;\n    }\n\n    clearTimeout(this._autoHideTimeout);\n    await this.toggleAnimation('close');\n    this.open = false;\n    return true;\n  }\n\n  /** Toggles the open state of the component. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n}\n"]}

package/components/common/mixins/combo-box.d.ts

@@ -8,6 +8,7 @@ interface IgcBaseComboBoxEventMap {
 }
 export declare abstract class IgcBaseComboBoxLikeComponent extends LitElement {
     emitEvent: <K extends keyof IgcBaseComboBoxEventMap, D extends UnpackCustomEvent<IgcBaseComboBoxEventMap[K]>>(event: K, eventInitDict?: CustomEventInit<D>) => boolean;
+    protected _rootClickController: import("../controllers/root-click.js").RootClickController;
     /**
      * Whether the component dropdown should be kept open on selection.
      * @attr keep-open-on-select
@@ -31,11 +32,11 @@ export declare abstract class IgcBaseComboBoxLikeComponent extends LitElement {
     protected _hide(emitEvent?: boolean): Promise<boolean>;
     protected _show(emitEvent?: boolean): Promise<boolean>;
     /** Shows the component. */
-    show(): void;
+    show(): Promise<boolean>;
     /** Hides the component. */
-    hide(): void;
+    hide(): Promise<boolean>;
     /** Toggles the open state of the component. */
-    toggle(): void;
+    toggle(): Promise<boolean>;
 }
 export declare function getItems<T extends HTMLElement>(root: Node, tagName: string): Generator<T, any, unknown>;
 export declare function getActiveItems<T extends HTMLElement & {

package/components/common/mixins/combo-box.js

@@ -6,10 +6,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
+import { addRootClickHandler } from '../controllers/root-click.js';
 import { iterNodes } from '../util.js';
 export class IgcBaseComboBoxLikeComponent extends LitElement {
     constructor() {
         super(...arguments);
+        this._rootClickController = addRootClickHandler(this);
         this.keepOpenOnSelect = false;
         this.keepOpenOnOutsideClick = false;
         this.open = false;
@@ -36,9 +38,9 @@ export class IgcBaseComboBoxLikeComponent extends LitElement {
         this.open = false;
         if (emitEvent) {
             await this.updateComplete;
-            return this.emitClosed();
+            this.emitClosed();
         }
-        return false;
+        return true;
     }
     async _show(emitEvent = false) {
         if (this.open || (emitEvent && !this.emitOpening())) {
@@ -47,18 +49,22 @@ export class IgcBaseComboBoxLikeComponent extends LitElement {
         this.open = true;
         if (emitEvent) {
             await this.updateComplete;
-            return this.emitOpened();
+            this.emitOpened();
         }
-        return false;
+        return true;
     }
-    show() {
-        this._show();
+    async show() {
+        this._rootClickController.disabled = true;
+        requestAnimationFrame(() => {
+            this._rootClickController.disabled = false;
+        });
+        return this._show();
     }
-    hide() {
-        this._hide();
+    async hide() {
+        return this._hide();
     }
-    toggle() {
-        this.open ? this.hide() : this.show();
+    async toggle() {
+        return this.open ? this.hide() : this.show();
     }
 }
 __decorate([

package/components/common/mixins/combo-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/combo-box.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { iterNodes } from '../util.js';\nimport type { UnpackCustomEvent } from './event-emitter.js';\n\ninterface IgcBaseComboBoxEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\nexport abstract class IgcBaseComboBoxLikeComponent extends LitElement {\n  public declare emitEvent: <\n    K extends keyof IgcBaseComboBoxEventMap,\n    D extends UnpackCustomEvent<IgcBaseComboBoxEventMap[K]>,\n  >(\n    event: K,\n    eventInitDict?: CustomEventInit<D>\n  ) => boolean;\n\n  /**\n   * Whether the component dropdown should be kept open on selection.\n   * @attr keep-open-on-select\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open-on-select' })\n  public keepOpenOnSelect = false;\n\n  /**\n   * Whether the component dropdown should be kept open on clicking outside of it.\n   * @attr keep-open-on-outside-click\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'keep-open-on-outside-click',\n  })\n  public keepOpenOnOutsideClick = false;\n\n  /**\n   * Sets the open state of the component.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  protected emitClosing() {\n    return this.emitEvent('igcClosing', { cancelable: true });\n  }\n\n  protected emitClosed() {\n    return this.emitEvent('igcClosed');\n  }\n\n  protected emitOpening() {\n    return this.emitEvent('igcOpening', { cancelable: true });\n  }\n\n  protected emitOpened() {\n    return this.emitEvent('igcOpened');\n  }\n\n  protected handleAnchorClick() {\n    this.open ? this._hide(true) : this._show(true);\n  }\n\n  protected async _hide(emitEvent = false) {\n    if (!this.open || (emitEvent && !this.emitClosing())) {\n      return false;\n    }\n\n    this.open = false;\n\n    if (emitEvent) {\n      await this.updateComplete;\n      return this.emitClosed();\n    }\n\n    return false;\n  }\n\n  protected async _show(emitEvent = false) {\n    if (this.open || (emitEvent && !this.emitOpening())) {\n      return false;\n    }\n\n    this.open = true;\n\n    if (emitEvent) {\n      await this.updateComplete;\n      return this.emitOpened();\n    }\n\n    return false;\n  }\n\n  /** Shows the component. */\n  public show() {\n    this._show();\n  }\n\n  /** Hides the component. */\n  public hide() {\n    this._hide();\n  }\n\n  /** Toggles the open state of the component. */\n  public toggle() {\n    this.open ? this.hide() : this.show();\n  }\n}\n\nexport function getItems<T extends HTMLElement>(root: Node, tagName: string) {\n  return iterNodes<T>(root, 'SHOW_ELEMENT', (item) => item.matches(tagName));\n}\n\nexport function getActiveItems<T extends HTMLElement & { disabled: boolean }>(\n  root: Node,\n  tagName: string\n) {\n  return iterNodes<T>(\n    root,\n    'SHOW_ELEMENT',\n    (item) => item.matches(tagName) && !item.disabled\n  );\n}\n\nexport function getNextActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from: T) {\n  const current = items.indexOf(from);\n\n  for (let i = current + 1; i < items.length; i++) {\n    if (!items[i].disabled) {\n      return items[i];\n    }\n  }\n\n  return items[current];\n}\n\nexport function getPreviousActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from: T) {\n  const current = items.indexOf(from);\n\n  for (let i = current - 1; i >= 0; i--) {\n    if (!items[i].disabled) {\n      return items[i];\n    }\n  }\n\n  return items[current];\n}\n\nexport function setInitialSelectionState<\n  T extends HTMLElement & { selected: boolean },\n>(items: T[]) {\n  const lastSelected = items.filter((item) => item.selected).at(-1) ?? null;\n\n  for (const item of items) {\n    if (item !== lastSelected) {\n      item.selected = false;\n    }\n  }\n\n  return lastSelected;\n}\n"]}
+{"version":3,"file":"combo-box.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/combo-box.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { addRootClickHandler } from '../controllers/root-click.js';\nimport { iterNodes } from '../util.js';\nimport type { UnpackCustomEvent } from './event-emitter.js';\n\ninterface IgcBaseComboBoxEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\nexport abstract class IgcBaseComboBoxLikeComponent extends LitElement {\n  public declare emitEvent: <\n    K extends keyof IgcBaseComboBoxEventMap,\n    D extends UnpackCustomEvent<IgcBaseComboBoxEventMap[K]>,\n  >(\n    event: K,\n    eventInitDict?: CustomEventInit<D>\n  ) => boolean;\n\n  protected _rootClickController = addRootClickHandler(this);\n\n  /**\n   * Whether the component dropdown should be kept open on selection.\n   * @attr keep-open-on-select\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open-on-select' })\n  public keepOpenOnSelect = false;\n\n  /**\n   * Whether the component dropdown should be kept open on clicking outside of it.\n   * @attr keep-open-on-outside-click\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'keep-open-on-outside-click',\n  })\n  public keepOpenOnOutsideClick = false;\n\n  /**\n   * Sets the open state of the component.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  protected emitClosing() {\n    return this.emitEvent('igcClosing', { cancelable: true });\n  }\n\n  protected emitClosed() {\n    return this.emitEvent('igcClosed');\n  }\n\n  protected emitOpening() {\n    return this.emitEvent('igcOpening', { cancelable: true });\n  }\n\n  protected emitOpened() {\n    return this.emitEvent('igcOpened');\n  }\n\n  protected handleAnchorClick() {\n    this.open ? this._hide(true) : this._show(true);\n  }\n\n  protected async _hide(emitEvent = false) {\n    if (!this.open || (emitEvent && !this.emitClosing())) {\n      return false;\n    }\n\n    this.open = false;\n\n    if (emitEvent) {\n      await this.updateComplete;\n      this.emitClosed();\n    }\n\n    return true;\n  }\n\n  protected async _show(emitEvent = false) {\n    if (this.open || (emitEvent && !this.emitOpening())) {\n      return false;\n    }\n\n    this.open = true;\n\n    if (emitEvent) {\n      await this.updateComplete;\n      this.emitOpened();\n    }\n\n    return true;\n  }\n\n  /** Shows the component. */\n  public async show(): Promise<boolean> {\n    this._rootClickController.disabled = true;\n    requestAnimationFrame(() => {\n      this._rootClickController.disabled = false;\n    });\n    return this._show();\n  }\n\n  /** Hides the component. */\n  public async hide(): Promise<boolean> {\n    return this._hide();\n  }\n\n  /** Toggles the open state of the component. */\n  public async toggle(): Promise<boolean> {\n    return this.open ? this.hide() : this.show();\n  }\n}\n\nexport function getItems<T extends HTMLElement>(root: Node, tagName: string) {\n  return iterNodes<T>(root, 'SHOW_ELEMENT', (item) => item.matches(tagName));\n}\n\nexport function getActiveItems<T extends HTMLElement & { disabled: boolean }>(\n  root: Node,\n  tagName: string\n) {\n  return iterNodes<T>(\n    root,\n    'SHOW_ELEMENT',\n    (item) => item.matches(tagName) && !item.disabled\n  );\n}\n\nexport function getNextActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from: T) {\n  const current = items.indexOf(from);\n\n  for (let i = current + 1; i < items.length; i++) {\n    if (!items[i].disabled) {\n      return items[i];\n    }\n  }\n\n  return items[current];\n}\n\nexport function getPreviousActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from: T) {\n  const current = items.indexOf(from);\n\n  for (let i = current - 1; i >= 0; i--) {\n    if (!items[i].disabled) {\n      return items[i];\n    }\n  }\n\n  return items[current];\n}\n\nexport function setInitialSelectionState<\n  T extends HTMLElement & { selected: boolean },\n>(items: T[]) {\n  const lastSelected = items.filter((item) => item.selected).at(-1) ?? null;\n\n  for (const item of items) {\n    if (item !== lastSelected) {\n      item.selected = false;\n    }\n  }\n\n  return lastSelected;\n}\n"]}

package/components/common/mixins/form-associated.d.ts

@@ -4,7 +4,7 @@ import type { Constructor } from './constructor.js';
 export declare class FormAssociatedElementInterface {
     static readonly formAssociated: boolean;
     private __internals;
-    protected validators: Validator[];
+    protected get __validators(): Validator[];
     protected _disabled: boolean;
     protected _invalid: boolean;
     protected _dirty: boolean;

package/components/common/mixins/form-associated.js

@@ -7,6 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { property } from 'lit/decorators.js';
 export function FormAssociatedMixin(superClass) {
     class FormAssociatedElement extends superClass {
+        get __validators() {
+            return [];
+        }
         get form() {
             return this.__internals.form;
         }
@@ -35,7 +38,6 @@ export function FormAssociatedMixin(superClass) {
         }
         constructor(...args) {
             super(args);
-            this.validators = [];
             this._disabled = false;
             this._invalid = false;
             this._dirty = false;
@@ -86,7 +88,7 @@ export function FormAssociatedMixin(superClass) {
         updateValidity(message) {
             const validity = {};
             let validationMessage = '';
-            for (const validator of this.validators) {
+            for (const validator of this.__validators) {
                 const isValid = validator.isValid(this);
                 validity[validator.key] = !isValid;
                 if (!isValid) {

package/components/common/mixins/form-associated.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-associated.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/form-associated.ts"],"names":[],"mappings":"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","sourcesContent":["import type { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport type { Validator } from '../validators.js';\nimport type { Constructor } from './constructor.js';\n\nexport declare class FormAssociatedElementInterface {\n  public static readonly formAssociated: boolean;\n\n  private __internals: ElementInternals;\n  protected validators: Validator[];\n  protected _disabled: boolean;\n  protected _invalid: boolean;\n  protected _dirty: boolean;\n\n  /**\n   * The default value of the control at \"creation\" time.\n   *\n   * @remarks\n   * This is set by default on `connectedCallback` through the `setDefaultValue` call.\n   * It expects the component to have either a `checked` or a `value` property and binds it to the initial value of the\n   * respective property.\n   *\n   * In use-cases where additional customization is required, make sure to override the `setDefaultValue` method.\n   */\n  protected _defaultValue: unknown;\n\n  /**\n   * Applies the {@link FormAssociatedElementInterface.invalid | `invalid`} attribute on the control and the associated styles\n   * if the element has completed the first update cycle or it has been interacted with by the user.\n   *\n   * Usually, it should be called after {@link FormAssociatedElementInterface.updateValidity | `updateValidity()`}\n   */\n  protected setInvalidState(): void;\n\n  /**\n   * Executes the component validators and updates the internal validity state.\n   */\n  protected updateValidity(message?: string): void;\n\n  /**\n   * Saves the initial value/checked state of the control.\n   *\n   * Called on connectedCallback.\n   */\n  protected setDefaultValue(): void;\n\n  /**\n   * Called when the parent form is reset.\n   *\n   * Restores the initially bound value/checked state of the control.\n   */\n  protected restoreDefaultValue(): void;\n\n  protected setFormValue(\n    value: string | File | FormData | null,\n    state?: string | File | FormData | null | undefined\n  ): void;\n  protected setValidity(\n    flags?: ValidityStateFlags | undefined,\n    message?: string | undefined,\n    anchor?: HTMLElement | undefined\n  ): void;\n\n  protected formResetCallback(): void;\n  protected formDisabledCallback(state: boolean): void;\n  protected formStateRestoreCallback(\n    state: string | FormData | File,\n    mode: 'autocomplete' | 'restore'\n  ): void;\n\n  /**\n   * The disabled state of the component\n   * @attr [disabled=false]\n   */\n  public disabled: boolean;\n\n  /**\n   * Control the validity of the control.\n   * @attr\n   */\n  public invalid: boolean;\n\n  /**\n   * The name attribute of the control.\n   * @attr\n   */\n  public name: string;\n\n  /** Returns the HTMLFormElement associated with this element. */\n  public get form(): HTMLFormElement | null;\n\n  /**\n   * Returns a ValidityState object which represents the different validity states\n   * the element can be in, with respect to constraint validation.\n   */\n  public get validity(): ValidityState;\n\n  /** A string containing the validation message of this element. */\n  public get validationMessage(): string;\n\n  /**\n   * A boolean value which returns true if the element is a submittable element\n   * that is a candidate for constraint validation.\n   */\n  public get willValidate(): boolean;\n\n  /** Checks for validity of the control and emits the invalid event if it invalid. */\n  public checkValidity(): boolean;\n\n  /** Checks for validity of the control and shows the browser message if it invalid. */\n  public reportValidity(): boolean;\n\n  /**\n   * Sets a custom validation message for the control.\n   * As long as `message` is not empty, the control is considered invalid.\n   */\n  public setCustomValidity(message: string): void;\n}\n\n/**\n * Turns the passed class element into a Form Associated Custom Element.\n */\nexport function FormAssociatedMixin<T extends Constructor<LitElement>>(\n  superClass: T\n) {\n  class FormAssociatedElement extends superClass {\n    public static readonly formAssociated = true;\n\n    private __internals: ElementInternals;\n    protected validators: Validator[] = [];\n    protected _disabled = false;\n    protected _invalid = false;\n    protected _dirty = false;\n\n    /**\n     * The default value of the control at \"creation\" time.\n     *\n     * @remarks\n     * This is set by default on `connectedCallback` through the `setDefaultValue` call.\n     * It expects the component to have either a `checked` or a `value` property and binds it to the initial value of the\n     * respective property.\n     *\n     * In use-cases where additional customization is required, make sure to override the `setDefaultValue` method.\n     */\n    protected _defaultValue: unknown;\n\n    /**\n     * The name attribute of the control.\n     * @attr\n     */\n    @property({ reflect: true })\n    public name!: string;\n\n    /** Returns the HTMLFormElement associated with this element. */\n    public get form(): HTMLFormElement | null {\n      return this.__internals.form;\n    }\n\n    /**\n     * Returns a ValidityState object which represents the different validity states\n     * the element can be in, with respect to constraint validation.\n     */\n    public get validity(): ValidityState {\n      return this.__internals.validity;\n    }\n\n    /** A string containing the validation message of this element. */\n    public get validationMessage(): string {\n      return this.__internals.validationMessage;\n    }\n\n    /**\n     * A boolean value which returns true if the element is a submittable element\n     * that is a candidate for constraint validation.\n     */\n    public get willValidate(): boolean {\n      return this.__internals.willValidate;\n    }\n\n    /**\n     * The disabled state of the component\n     *\n     * @attr\n     * @default false\n     */\n    @property({ type: Boolean, reflect: true })\n    public set disabled(value: boolean) {\n      this._disabled = value;\n      this.toggleAttribute('disabled', Boolean(this._disabled));\n    }\n\n    public get disabled(): boolean {\n      return this._disabled;\n    }\n\n    /**\n     * Control the validity of the control.\n     *\n     * @attr\n     * @default false\n     */\n    @property({ type: Boolean, reflect: true })\n    public set invalid(value: boolean) {\n      this._invalid = value;\n      this.toggleAttribute('invalid', Boolean(this._invalid));\n    }\n\n    public get invalid(): boolean {\n      return this._invalid;\n    }\n\n    constructor(...args: any[]) {\n      super(args);\n      this.__internals = this.attachInternals();\n      this.addEventListener('invalid', this.handleInvalid);\n    }\n\n    public override connectedCallback(): void {\n      super.connectedCallback();\n      this._dirty = false;\n      this.setDefaultValue();\n    }\n\n    /**\n     * Saves the initial value/checked state of the control.\n     *\n     * Called on connectedCallback.\n     */\n    protected setDefaultValue() {\n      if ('checked' in this) {\n        this._defaultValue = this.checked;\n      } else if ('value' in this) {\n        this._defaultValue = this.value;\n      }\n    }\n\n    /**\n     * Called when the parent form is reset.\n     *\n     * Restores the initially bound value/checked state of the control.\n     */\n    protected restoreDefaultValue() {\n      if ('checked' in this) {\n        this.checked = this._defaultValue;\n      } else if ('value' in this) {\n        this.value = this._defaultValue;\n      }\n    }\n\n    protected handleInvalid = (event: Event) => {\n      event.preventDefault();\n      this.invalid = true;\n    };\n\n    protected setFormValue(\n      value: string | File | FormData | null,\n      state?: string | File | FormData | null | undefined\n    ) {\n      this.__internals.setFormValue(value, state || value);\n    }\n\n    protected setValidity(\n      flags?: ValidityStateFlags | undefined,\n      message?: string | undefined,\n      anchor?: HTMLElement | undefined\n    ) {\n      this.__internals.setValidity(flags, message, anchor);\n    }\n\n    protected formResetCallback() {\n      this.restoreDefaultValue();\n      this._dirty = false;\n\n      // Apply any changes happening during form reset synchronously\n      this.performUpdate();\n\n      this.invalid = false;\n    }\n\n    protected formDisabledCallback(state: boolean) {\n      this._disabled = state;\n      this.requestUpdate();\n    }\n\n    /**\n     * Executes the component validators and updates the internal validity state.\n     */\n    protected updateValidity(message?: string) {\n      const validity: ValidityStateFlags = {};\n      let validationMessage = '';\n\n      for (const validator of this.validators) {\n        const isValid = validator.isValid(this);\n\n        validity[validator.key] = !isValid;\n\n        if (!isValid) {\n          validationMessage =\n            typeof validator.message === 'function'\n              ? validator.message(this)\n              : validator.message;\n        }\n      }\n\n      if (message) {\n        validity.customError = true;\n        validationMessage = message;\n      }\n\n      this.__internals.setValidity(validity, validationMessage);\n    }\n\n    /**\n     * Applies the {@link FormAssociatedElementInterface.invalid | `invalid`} attribute on the control and the associated styles\n     * if the element has completed the first update cycle or it has been interacted with by the user.\n     *\n     * Usually, it should be called after {@link FormAssociatedElementInterface.updateValidity | `updateValidity()`}\n     */\n    protected setInvalidState() {\n      if (this.hasUpdated || this._dirty) {\n        this.invalid = !this.checkValidity();\n      }\n    }\n\n    /** Checks for validity of the control and shows the browser message if it invalid. */\n    public reportValidity() {\n      return this.__internals.reportValidity();\n    }\n\n    /** Checks for validity of the control and emits the invalid event if it invalid. */\n    public checkValidity() {\n      return this.__internals.checkValidity();\n    }\n\n    /**\n     * Sets a custom validation message for the control.\n     * As long as `message` is not empty, the control is considered invalid.\n     */\n    public setCustomValidity(message: string) {\n      this.updateValidity(message);\n      this.invalid = !this.checkValidity();\n    }\n  }\n\n  return FormAssociatedElement as unknown as Constructor<FormAssociatedElementInterface> &\n    T;\n}\n"]}
+{"version":3,"file":"form-associated.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/form-associated.ts"],"names":[],"mappings":"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","sourcesContent":["import type { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport type { Validator } from '../validators.js';\nimport type { Constructor } from './constructor.js';\n\nexport declare class FormAssociatedElementInterface {\n  public static readonly formAssociated: boolean;\n\n  private __internals: ElementInternals;\n  protected get __validators(): Validator[];\n  protected _disabled: boolean;\n  protected _invalid: boolean;\n  protected _dirty: boolean;\n\n  /**\n   * The default value of the control at \"creation\" time.\n   *\n   * @remarks\n   * This is set by default on `connectedCallback` through the `setDefaultValue` call.\n   * It expects the component to have either a `checked` or a `value` property and binds it to the initial value of the\n   * respective property.\n   *\n   * In use-cases where additional customization is required, make sure to override the `setDefaultValue` method.\n   */\n  protected _defaultValue: unknown;\n\n  /**\n   * Applies the {@link FormAssociatedElementInterface.invalid | `invalid`} attribute on the control and the associated styles\n   * if the element has completed the first update cycle or it has been interacted with by the user.\n   *\n   * Usually, it should be called after {@link FormAssociatedElementInterface.updateValidity | `updateValidity()`}\n   */\n  protected setInvalidState(): void;\n\n  /**\n   * Executes the component validators and updates the internal validity state.\n   */\n  protected updateValidity(message?: string): void;\n\n  /**\n   * Saves the initial value/checked state of the control.\n   *\n   * Called on connectedCallback.\n   */\n  protected setDefaultValue(): void;\n\n  /**\n   * Called when the parent form is reset.\n   *\n   * Restores the initially bound value/checked state of the control.\n   */\n  protected restoreDefaultValue(): void;\n\n  protected setFormValue(\n    value: string | File | FormData | null,\n    state?: string | File | FormData | null | undefined\n  ): void;\n  protected setValidity(\n    flags?: ValidityStateFlags | undefined,\n    message?: string | undefined,\n    anchor?: HTMLElement | undefined\n  ): void;\n\n  protected formResetCallback(): void;\n  protected formDisabledCallback(state: boolean): void;\n  protected formStateRestoreCallback(\n    state: string | FormData | File,\n    mode: 'autocomplete' | 'restore'\n  ): void;\n\n  /**\n   * The disabled state of the component\n   * @attr [disabled=false]\n   */\n  public disabled: boolean;\n\n  /**\n   * Control the validity of the control.\n   * @attr\n   */\n  public invalid: boolean;\n\n  /**\n   * The name attribute of the control.\n   * @attr\n   */\n  public name: string;\n\n  /** Returns the HTMLFormElement associated with this element. */\n  public get form(): HTMLFormElement | null;\n\n  /**\n   * Returns a ValidityState object which represents the different validity states\n   * the element can be in, with respect to constraint validation.\n   */\n  public get validity(): ValidityState;\n\n  /** A string containing the validation message of this element. */\n  public get validationMessage(): string;\n\n  /**\n   * A boolean value which returns true if the element is a submittable element\n   * that is a candidate for constraint validation.\n   */\n  public get willValidate(): boolean;\n\n  /** Checks for validity of the control and emits the invalid event if it invalid. */\n  public checkValidity(): boolean;\n\n  /** Checks for validity of the control and shows the browser message if it invalid. */\n  public reportValidity(): boolean;\n\n  /**\n   * Sets a custom validation message for the control.\n   * As long as `message` is not empty, the control is considered invalid.\n   */\n  public setCustomValidity(message: string): void;\n}\n\n/**\n * Turns the passed class element into a Form Associated Custom Element.\n */\nexport function FormAssociatedMixin<T extends Constructor<LitElement>>(\n  superClass: T\n) {\n  class FormAssociatedElement extends superClass {\n    public static readonly formAssociated = true;\n\n    private __internals: ElementInternals;\n    protected _disabled = false;\n    protected _invalid = false;\n    protected _dirty = false;\n\n    protected get __validators(): Validator[] {\n      return [];\n    }\n\n    /**\n     * The default value of the control at \"creation\" time.\n     *\n     * @remarks\n     * This is set by default on `connectedCallback` through the `setDefaultValue` call.\n     * It expects the component to have either a `checked` or a `value` property and binds it to the initial value of the\n     * respective property.\n     *\n     * In use-cases where additional customization is required, make sure to override the `setDefaultValue` method.\n     */\n    protected _defaultValue: unknown;\n\n    /**\n     * The name attribute of the control.\n     * @attr\n     */\n    @property({ reflect: true })\n    public name!: string;\n\n    /** Returns the HTMLFormElement associated with this element. */\n    public get form(): HTMLFormElement | null {\n      return this.__internals.form;\n    }\n\n    /**\n     * Returns a ValidityState object which represents the different validity states\n     * the element can be in, with respect to constraint validation.\n     */\n    public get validity(): ValidityState {\n      return this.__internals.validity;\n    }\n\n    /** A string containing the validation message of this element. */\n    public get validationMessage(): string {\n      return this.__internals.validationMessage;\n    }\n\n    /**\n     * A boolean value which returns true if the element is a submittable element\n     * that is a candidate for constraint validation.\n     */\n    public get willValidate(): boolean {\n      return this.__internals.willValidate;\n    }\n\n    /**\n     * The disabled state of the component\n     *\n     * @attr\n     * @default false\n     */\n    @property({ type: Boolean, reflect: true })\n    public set disabled(value: boolean) {\n      this._disabled = value;\n      this.toggleAttribute('disabled', Boolean(this._disabled));\n    }\n\n    public get disabled(): boolean {\n      return this._disabled;\n    }\n\n    /**\n     * Control the validity of the control.\n     *\n     * @attr\n     * @default false\n     */\n    @property({ type: Boolean, reflect: true })\n    public set invalid(value: boolean) {\n      this._invalid = value;\n      this.toggleAttribute('invalid', Boolean(this._invalid));\n    }\n\n    public get invalid(): boolean {\n      return this._invalid;\n    }\n\n    constructor(...args: any[]) {\n      super(args);\n      this.__internals = this.attachInternals();\n      this.addEventListener('invalid', this.handleInvalid);\n    }\n\n    public override connectedCallback(): void {\n      super.connectedCallback();\n      this._dirty = false;\n      this.setDefaultValue();\n    }\n\n    /**\n     * Saves the initial value/checked state of the control.\n     *\n     * Called on connectedCallback.\n     */\n    protected setDefaultValue() {\n      if ('checked' in this) {\n        this._defaultValue = this.checked;\n      } else if ('value' in this) {\n        this._defaultValue = this.value;\n      }\n    }\n\n    /**\n     * Called when the parent form is reset.\n     *\n     * Restores the initially bound value/checked state of the control.\n     */\n    protected restoreDefaultValue() {\n      if ('checked' in this) {\n        this.checked = this._defaultValue;\n      } else if ('value' in this) {\n        this.value = this._defaultValue;\n      }\n    }\n\n    protected handleInvalid = (event: Event) => {\n      event.preventDefault();\n      this.invalid = true;\n    };\n\n    protected setFormValue(\n      value: string | File | FormData | null,\n      state?: string | File | FormData | null | undefined\n    ) {\n      this.__internals.setFormValue(value, state || value);\n    }\n\n    protected setValidity(\n      flags?: ValidityStateFlags | undefined,\n      message?: string | undefined,\n      anchor?: HTMLElement | undefined\n    ) {\n      this.__internals.setValidity(flags, message, anchor);\n    }\n\n    protected formResetCallback() {\n      this.restoreDefaultValue();\n      this._dirty = false;\n\n      // Apply any changes happening during form reset synchronously\n      this.performUpdate();\n\n      this.invalid = false;\n    }\n\n    protected formDisabledCallback(state: boolean) {\n      this._disabled = state;\n      this.requestUpdate();\n    }\n\n    /**\n     * Executes the component validators and updates the internal validity state.\n     */\n    protected updateValidity(message?: string) {\n      const validity: ValidityStateFlags = {};\n      let validationMessage = '';\n\n      for (const validator of this.__validators) {\n        const isValid = validator.isValid(this);\n\n        validity[validator.key] = !isValid;\n\n        if (!isValid) {\n          validationMessage =\n            typeof validator.message === 'function'\n              ? validator.message(this)\n              : validator.message;\n        }\n      }\n\n      if (message) {\n        validity.customError = true;\n        validationMessage = message;\n      }\n\n      this.__internals.setValidity(validity, validationMessage);\n    }\n\n    /**\n     * Applies the {@link FormAssociatedElementInterface.invalid | `invalid`} attribute on the control and the associated styles\n     * if the element has completed the first update cycle or it has been interacted with by the user.\n     *\n     * Usually, it should be called after {@link FormAssociatedElementInterface.updateValidity | `updateValidity()`}\n     */\n    protected setInvalidState() {\n      if (this.hasUpdated || this._dirty) {\n        this.invalid = !this.checkValidity();\n      }\n    }\n\n    /** Checks for validity of the control and shows the browser message if it invalid. */\n    public reportValidity() {\n      return this.__internals.reportValidity();\n    }\n\n    /** Checks for validity of the control and emits the invalid event if it invalid. */\n    public checkValidity() {\n      return this.__internals.checkValidity();\n    }\n\n    /**\n     * Sets a custom validation message for the control.\n     * As long as `message` is not empty, the control is considered invalid.\n     */\n    public setCustomValidity(message: string) {\n      this.updateValidity(message);\n      this.invalid = !this.checkValidity();\n    }\n  }\n\n  return FormAssociatedElement as unknown as Constructor<FormAssociatedElementInterface> &\n    T;\n}\n"]}

package/components/common/util.d.ts

@@ -5,6 +5,8 @@ export declare const partNameMap: (partNameInfo: PartNameInfo) => string;
 export declare function noop(): void;
 export declare const asPercent: (part: number, whole: number) => number;
 export declare const clamp: (number: number, min: number, max: number) => number;
+export declare function numberInRangeInclusive(value: number, min: number, max: number): boolean;
+export declare function sameObject(a: object, b: object): boolean;
 /**
  *
  * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the
@@ -71,3 +73,27 @@ export declare function isElement(node: unknown): node is Element;
 export declare function getElementsFromEventPath<T extends Element>(event: Event): T[];
 export declare function findElementFromEventPath<T extends Element>(predicate: string | ((element: Element) => boolean), event: Event): T | undefined;
 export declare function groupBy<T>(array: T[], key: keyof T | ((item: T) => any)): Record<string, T[]>;
+export declare function first<T>(arr: T[]): T;
+export declare function last<T>(arr: T[]): T;
+export declare function modulo(n: number, d: number): number;
+/**
+ * Creates an array of `n` elements from a given iterator.
+ *
+ */
+export declare function take<T>(iterable: IterableIterator<T>, n: number): T[];
+/**
+ * Splits an array into chunks of length `size` and returns a generator
+ * yielding each chunk.
+ * The last chunk may contain less than `size` elements.
+ *
+ * @example
+ * ```typescript
+ * const arr = [0,1,2,3,4,5,6,7,8,9];
+ *
+ * Array.from(chunk(arr, 2)) // [[0, 1], [2, 3], [4, 5], [6, 7], [8, 9]]
+ * Array.from(chunk(arr, 3)) // [[0, 1, 2], [3, 4, 5], [6, 7, 8], [9]]
+ * Array.from(chunk([], 3)) // []
+ * Array.from(chunk(arr, -3)) // Error
+ * ```
+ */
+export declare function chunk<T>(arr: T[], size: number): Generator<T[], void, unknown>;

package/components/common/util.js

@@ -6,6 +6,12 @@ export const partNameMap = (partNameInfo) => {
 export function noop() { }
 export const asPercent = (part, whole) => (part / whole) * 100;
 export const clamp = (number, min, max) => Math.max(min, Math.min(number, max));
+export function numberInRangeInclusive(value, min, max) {
+    return value >= min && value <= max;
+}
+export function sameObject(a, b) {
+    return JSON.stringify(a) === JSON.stringify(b);
+}
 export function getOffset(element, parent) {
     const { top, left, bottom, right } = element.getBoundingClientRect();
     const { top: pTop, left: pLeft, bottom: pBottom, right: pRight, } = parent.getBoundingClientRect();
@@ -94,4 +100,32 @@ export function groupBy(array, key) {
     }
     return result;
 }
+export function first(arr) {
+    return arr.at(0);
+}
+export function last(arr) {
+    return arr.at(-1);
+}
+export function modulo(n, d) {
+    return ((n % d) + d) % d;
+}
+export function take(iterable, n) {
+    const result = [];
+    let i = 0;
+    let current = iterable.next();
+    while (i < n && !current.done) {
+        result.push(current.value);
+        current = iterable.next();
+        i++;
+    }
+    return result;
+}
+export function* chunk(arr, size) {
+    if (size < 1) {
+        throw new Error('size must be an integer >= 1');
+    }
+    for (let i = 0; i < arr.length; i += size) {
+        yield arr.slice(i, i + size);
+    }
+}
 //# sourceMappingURL=util.js.map