igniteui-webcomponents 4.0.0 → 4.1.0

package/components/combo/themes/light/item/combo-item.base.css.js

@@ -0,0 +1,135 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--ig-scrollbar-size);
+  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--ig-scrollbar-size);
+  height: var(--ig-scrollbar-size);
+  background: var(--ig-scrollbar-track-background);
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--ig-scrollbar-thumb-background);
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host {
+  font-family: var(--ig-body-2-font-family);
+  font-size: var(--ig-body-2-font-size);
+  font-weight: var(--ig-body-2-font-weight);
+  font-style: var(--ig-body-2-font-style);
+  line-height: var(--ig-body-2-line-height);
+  letter-spacing: var(--ig-body-2-letter-spacing);
+  text-transform: var(--ig-body-2-text-transform);
+  margin-top: var(--ig-body-2-margin-top);
+  margin-bottom: var(--ig-body-2-margin-bottom);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+  white-space: nowrap;
+  position: relative;
+  cursor: pointer;
+  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+  outline-style: none;
+  padding-inline: max(var(--is-large, 1) * 24px * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * 12px * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * 6px * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
+  padding-block: max(var(--is-large, 1) * 8px * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * 4px * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * 2px * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));
+}
+
+:host(:hover),
+:host([active]) {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+
+:host([selected]) {
+  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));
+  color: var(--ig-secondary-100-contrast);
+}
+
+:host([selected]:hover),
+:host([selected][active]) {
+  background: hsla(var(--ig-secondary-200), var(--ig-secondary-a));
+  color: var(--ig-secondary-200-contrast);
+}
+
+:host([disabled]) {
+  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  cursor: default;
+  pointer-events: none;
+}
+
+::slotted(*) {
+  font: inherit;
+}
+
+[part=content] {
+  white-space: nowrap;
+  -o-text-overflow: ellipsis;
+     text-overflow: ellipsis;
+  overflow: hidden;
+  display: block;
+  width: 100%;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+[part=prefix],
+[part=suffix] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+
+[name=prefix]::slotted(*) {
+  -webkit-margin-end: max(var(--is-large, 1) * 16px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 16px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 16px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));
+          margin-inline-end: max(var(--is-large, 1) * 16px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 16px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 16px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));
+}
+
+[name=suffix]::slotted(*) {
+  -webkit-margin-start: max(var(--is-large, 1) * 16px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 16px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 16px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));
+          margin-inline-start: max(var(--is-large, 1) * 16px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 16px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 16px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));
+}
+
+:host {
+  --component-size: var(--ig-size, var(--ig-size-medium));
+  gap: 0.5rem;
+  border-radius: 0 !important;
+}
+
+igc-checkbox {
+  pointer-events: none;
+}`;
+//# sourceMappingURL=combo-item.base.css.js.map

package/components/combo/themes/light/item/combo-item.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo-item.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/combo/themes/light/item/combo-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoIvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--ig-scrollbar-size);\n  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--ig-scrollbar-size);\n  height: var(--ig-scrollbar-size);\n  background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n  display: none !important;\n}\n\n:host {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  width: 100%;\n  white-space: nowrap;\n  position: relative;\n  cursor: pointer;\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  outline-style: none;\n  padding-inline: max(var(--is-large, 1) * 24px * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * 12px * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * 6px * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));\n  padding-block: max(var(--is-large, 1) * 8px * var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)), var(--is-medium, 1) * 4px * var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)), var(--is-small, 1) * 2px * var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));\n}\n\n:host(:hover),\n:host([active]) {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n:host([selected]) {\n  background: hsla(var(--ig-secondary-100), var(--ig-secondary-a));\n  color: var(--ig-secondary-100-contrast);\n}\n\n:host([selected]:hover),\n:host([selected][active]) {\n  background: hsla(var(--ig-secondary-200), var(--ig-secondary-a));\n  color: var(--ig-secondary-200-contrast);\n}\n\n:host([disabled]) {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  cursor: default;\n  pointer-events: none;\n}\n\n::slotted(*) {\n  font: inherit;\n}\n\n[part=content] {\n  white-space: nowrap;\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  overflow: hidden;\n  display: block;\n  width: 100%;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n[part=prefix],\n[part=suffix] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n}\n\n[name=prefix]::slotted(*) {\n  -webkit-margin-end: max(var(--is-large, 1) * 16px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 16px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 16px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n          margin-inline-end: max(var(--is-large, 1) * 16px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 16px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 16px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n\n[name=suffix]::slotted(*) {\n  -webkit-margin-start: max(var(--is-large, 1) * 16px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 16px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 16px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n          margin-inline-start: max(var(--is-large, 1) * 16px * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * 16px * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * 16px * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n\n:host {\n  --component-size: var(--ig-size, var(--ig-size-medium));\n  gap: 0.5rem;\n  border-radius: 0 !important;\n}\n\nigc-checkbox {\n  pointer-events: none;\n}`;\n"]}

package/components/combo/types.d.ts

@@ -0,0 +1,39 @@
+import { ReactiveControllerHost, TemplateResult } from 'lit';
+import IgcComboComponent from './combo.js';
+export type Keys<T> = keyof T;
+export type Values<T> = T[keyof T];
+export interface ComboRecordMeta {
+    header: boolean;
+}
+export type ComboRecord<T extends object> = T & ComboRecordMeta;
+export type ComboHost<T extends object> = ReactiveControllerHost & IgcComboComponent<T>;
+export type GroupingDirection = 'asc' | 'desc';
+export type ComboChangeType = 'selection' | 'deselection' | 'addition';
+export interface FilteringOptions<T extends object> {
+    filterKey: Keys<T> | undefined;
+    caseSensitive?: boolean;
+}
+export interface GroupingOptions<T extends object> {
+    groupKey?: Keys<T>;
+    valueKey?: Keys<T>;
+    displayKey?: Keys<T>;
+    direction: GroupingDirection;
+}
+export interface IgcComboChangeEventArgs {
+    newValue: string;
+    items: object;
+    type: ComboChangeType;
+}
+export interface IgcComboEventMap {
+    igcChange: CustomEvent<IgcComboChangeEventArgs>;
+    igcFocus: CustomEvent<void>;
+    igcBlur: CustomEvent<void>;
+    igcOpening: CustomEvent<void>;
+    igcOpened: CustomEvent<void>;
+    igcClosing: CustomEvent<void>;
+    igcClosed: CustomEvent<void>;
+}
+export type ComboItemTemplate<T extends object> = (props: ComboTemplateProps<T>) => TemplateResult;
+export interface ComboTemplateProps<T extends object> {
+    item: T;
+}

package/components/combo/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/components/combo/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/combo/types.ts"],"names":[],"mappings":"","sourcesContent":["import { ReactiveControllerHost, TemplateResult } from 'lit';\nimport IgcComboComponent from './combo.js';\n\nexport type Keys<T> = keyof T;\nexport type Values<T> = T[keyof T];\n\nexport interface ComboRecordMeta {\n  header: boolean;\n}\n\nexport type ComboRecord<T extends object> = T & ComboRecordMeta;\n\nexport type ComboHost<T extends object> = ReactiveControllerHost &\n  IgcComboComponent<T>;\n\nexport type GroupingDirection = 'asc' | 'desc';\nexport type ComboChangeType = 'selection' | 'deselection' | 'addition';\n\nexport interface FilteringOptions<T extends object> {\n  filterKey: Keys<T> | undefined;\n  caseSensitive?: boolean;\n}\n\nexport interface GroupingOptions<T extends object> {\n  groupKey?: Keys<T>;\n  valueKey?: Keys<T>;\n  displayKey?: Keys<T>;\n  direction: GroupingDirection;\n}\n\nexport interface IgcComboChangeEventArgs {\n  newValue: string;\n  items: object;\n  type: ComboChangeType;\n}\n\nexport interface IgcComboEventMap {\n  /* blazorSuppress */\n  igcChange: CustomEvent<IgcComboChangeEventArgs>;\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\nexport type ComboItemTemplate<T extends object> = (\n  props: ComboTemplateProps<T>\n) => TemplateResult;\nexport interface ComboTemplateProps<T extends object> {\n  item: T;\n}\n"]}

package/components/combo/utils/converters.d.ts

@@ -0,0 +1,3 @@
+import { ComplexAttributeConverter } from 'lit';
+import { FilteringOptions } from '../types.js';
+export declare const filteringOptionsConverter: ComplexAttributeConverter<FilteringOptions<object>>;

package/components/combo/utils/converters.js

@@ -0,0 +1,9 @@
+export const filteringOptionsConverter = {
+    toAttribute: (value) => {
+        return JSON.stringify(value);
+    },
+    fromAttribute: (value) => {
+        return JSON.parse(value.replace(/'/gi, '"'));
+    },
+};
+//# sourceMappingURL=converters.js.map

package/components/combo/utils/converters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"converters.js","sourceRoot":"","sources":["../../../../src/components/combo/utils/converters.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,yBAAyB,GAElC;IACF,WAAW,EAAE,CAAC,KAA+B,EAAE,EAAE;QAC/C,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IACD,aAAa,EAAE,CAAC,KAAa,EAAE,EAAE;QAC/B,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAA6B,CAAC;IAC3E,CAAC;CACF,CAAC","sourcesContent":["import { ComplexAttributeConverter } from 'lit';\nimport { FilteringOptions } from '../types.js';\n\nexport const filteringOptionsConverter: ComplexAttributeConverter<\n  FilteringOptions<object>\n> = {\n  toAttribute: (value: FilteringOptions<object>) => {\n    return JSON.stringify(value);\n  },\n  fromAttribute: (value: string) => {\n    return JSON.parse(value.replace(/'/gi, '\"')) as FilteringOptions<object>;\n  },\n};\n"]}

package/components/common/decorators/index.d.ts

@@ -1,9 +1,9 @@
-export * from './watch';
-export * from './alternateName';
-export * from './blazorSuppress';
-export * from './blazorInclude';
-export * from './blazorTwoWayBind';
-export * from './blazorIndirectRender';
-export * from './blazorSuppressComponent';
-export * from './blazorTypeOverride';
-export * from './blazorAdditionalDependencies';
+export * from './watch.js';
+export * from './alternateName.js';
+export * from './blazorSuppress.js';
+export * from './blazorInclude.js';
+export * from './blazorTwoWayBind.js';
+export * from './blazorIndirectRender.js';
+export * from './blazorSuppressComponent.js';
+export * from './blazorTypeOverride.js';
+export * from './blazorAdditionalDependencies.js';

package/components/common/decorators/index.js

@@ -1,10 +1,10 @@
-export * from './watch';
-export * from './alternateName';
-export * from './blazorSuppress';
-export * from './blazorInclude';
-export * from './blazorTwoWayBind';
-export * from './blazorIndirectRender';
-export * from './blazorSuppressComponent';
-export * from './blazorTypeOverride';
-export * from './blazorAdditionalDependencies';
+export * from './watch.js';
+export * from './alternateName.js';
+export * from './blazorSuppress.js';
+export * from './blazorInclude.js';
+export * from './blazorTwoWayBind.js';
+export * from './blazorIndirectRender.js';
+export * from './blazorSuppressComponent.js';
+export * from './blazorTypeOverride.js';
+export * from './blazorAdditionalDependencies.js';
 //# sourceMappingURL=index.js.map

package/components/common/decorators/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/common/decorators/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,gCAAgC,CAAC","sourcesContent":["export * from './watch';\nexport * from './alternateName';\nexport * from './blazorSuppress';\nexport * from './blazorInclude';\nexport * from './blazorTwoWayBind';\nexport * from './blazorIndirectRender';\nexport * from './blazorSuppressComponent';\nexport * from './blazorTypeOverride';\nexport * from './blazorAdditionalDependencies';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/common/decorators/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './watch.js';\nexport * from './alternateName.js';\nexport * from './blazorSuppress.js';\nexport * from './blazorInclude.js';\nexport * from './blazorTwoWayBind.js';\nexport * from './blazorIndirectRender.js';\nexport * from './blazorSuppressComponent.js';\nexport * from './blazorTypeOverride.js';\nexport * from './blazorAdditionalDependencies.js';\n"]}

package/components/common/definitions/defineAllComponents.js

@@ -12,6 +12,7 @@ import IgcCardMediaComponent from '../../card/card.media.js';
 import IgcCheckboxComponent from '../../checkbox/checkbox.js';
 import IgcChipComponent from '../../chip/chip.js';
 import IgcCircularProgressComponent from '../../progress/circular-progress.js';
+import IgcComboComponent from '../../combo/combo.js';
 import IgcDropdownComponent from '../../dropdown/dropdown.js';
 import IgcDropdownGroupComponent from '../../dropdown/dropdown-group.js';
 import IgcDropdownHeaderComponent from '../../dropdown/dropdown-header.js';
@@ -48,6 +49,8 @@ import IgcMaskInputComponent from '../../mask-input/mask-input.js';
 import IgcExpansionPanelComponent from '../../expansion-panel/expansion-panel.js';
 import IgcTreeComponent from '../../tree/tree.js';
 import IgcTreeItemComponent from '../../tree/tree-item.js';
+import IgcStepperComponent from '../../stepper/stepper.js';
+import IgcStepComponent from '../../stepper/step.js';
 const allComponents = [
     IgcAvatarComponent,
     IgcAccordionComponent,
@@ -62,6 +65,7 @@ const allComponents = [
     IgcCardComponent,
     IgcCheckboxComponent,
     IgcChipComponent,
+    IgcComboComponent,
     IgcDropdownComponent,
     IgcDropdownGroupComponent,
     IgcDropdownHeaderComponent,
@@ -98,6 +102,8 @@ const allComponents = [
     IgcCircularGradientComponent,
     IgcSnackbarComponent,
     IgcDateTimeInputComponent,
+    IgcStepperComponent,
+    IgcStepComponent,
 ];
 export const defineAllComponents = () => {
     defineComponents(...allComponents);

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

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

@@ -1,2 +1,2 @@
-export declare type Constructor<T = {}> = new (...args: any[]) => T;
-export declare type AbstractConstructor<T = {}> = abstract new (...args: any[]) => T;
+export type Constructor<T = {}> = new (...args: any[]) => T;
+export type AbstractConstructor<T = {}> = abstract new (...args: any[]) => T;

package/components/common/mixins/event-emitter.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
-import { AbstractConstructor } from './constructor';
-export declare type UnpackCustomEvent<T> = T extends CustomEvent<infer U> ? U : never;
+import type { AbstractConstructor } from './constructor';
+export type UnpackCustomEvent<T> = T extends CustomEvent<infer U> ? U : never;
 export declare class EventEmitterInterface<E> {
     addEventListener<K extends keyof M, M extends E & HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: M[K]) => any, options?: boolean | AddEventListenerOptions): void;
     addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;

package/components/common/mixins/event-emitter.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-emitter.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/event-emitter.ts"],"names":[],"mappings":"AAsCA,MAAM,UAAU,iBAAiB,CAC/B,UAAa;IAEb,MAAM,mBAAoB,SAAQ,UAAU;QAY1B,gBAAgB,CAC9B,IAAY,EACZ,QAA4C,EAC5C,OAA2C;YAE3C,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClD,CAAC;QAae,mBAAmB,CACjC,IAAY,EACZ,QAA4C,EAC5C,OAAwC;YAExC,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QACrD,CAAC;QAKM,SAAS,CACd,IAAO,EACP,aAAkC;YAElC,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,WAAW,CACb,IAAc,EACd,MAAM,CAAC,MAAM,CACX;gBACE,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE;aACX,EACD,aAAa,CACd,CACF,CACF,CAAC;QACJ,CAAC;KACF;IACD,OAAO,mBAAgE,CAAC;AAC1E,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport { AbstractConstructor, Constructor } from './constructor';\n\nexport type UnpackCustomEvent<T> = T extends CustomEvent<infer U> ? U : never;\n\nexport declare class EventEmitterInterface<E> {\n  public addEventListener<K extends keyof M, M extends E & HTMLElementEventMap>(\n    type: K,\n    listener: (this: HTMLElement, ev: M[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  public addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  public removeEventListener<\n    K extends keyof M,\n    M extends E & HTMLElementEventMap\n  >(\n    type: K,\n    listener: (this: HTMLElement, ev: M[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  public removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void;\n  public emitEvent<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(\n    type: K,\n    eventInitDict?: CustomEventInit<D>\n  ): boolean;\n}\n\nexport function EventEmitterMixin<E, T extends AbstractConstructor<LitElement>>(\n  superClass: T\n): AbstractConstructor<EventEmitterInterface<E>> & T;\nexport function EventEmitterMixin<E, T extends Constructor<LitElement>>(\n  superClass: T\n) {\n  class EventEmitterElement extends superClass {\n    /**\n     * @private\n     */\n    public override addEventListener<\n      K extends keyof M,\n      M extends E & HTMLElementEventMap\n    >(\n      type: K,\n      listener: (this: HTMLElement, ev: M[K]) => any,\n      options?: boolean | AddEventListenerOptions\n    ): void;\n    public override addEventListener(\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options?: boolean | AddEventListenerOptions\n    ): void {\n      super.addEventListener(type, listener, options);\n    }\n\n    /**\n     * @private\n     */\n    public override removeEventListener<\n      K extends keyof M,\n      M extends E & HTMLElementEventMap\n    >(\n      type: K,\n      listener: (this: HTMLElement, ev: M[K]) => any,\n      options?: boolean | EventListenerOptions\n    ): void;\n    public override removeEventListener(\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options?: boolean | EventListenerOptions\n    ): void {\n      super.removeEventListener(type, listener, options);\n    }\n\n    /**\n     * @private\n     */\n    public emitEvent<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(\n      type: K,\n      eventInitDict?: CustomEventInit<D>\n    ): boolean {\n      return this.dispatchEvent(\n        new CustomEvent<D>(\n          type as string,\n          Object.assign(\n            {\n              bubbles: true,\n              cancelable: false,\n              composed: true,\n              detail: {},\n            },\n            eventInitDict\n          )\n        )\n      );\n    }\n  }\n  return EventEmitterElement as Constructor<EventEmitterInterface<E>> & T;\n}\n"]}
+{"version":3,"file":"event-emitter.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/event-emitter.ts"],"names":[],"mappings":"AAsCA,MAAM,UAAU,iBAAiB,CAC/B,UAAa;IAEb,MAAM,mBAAoB,SAAQ,UAAU;QAY1B,gBAAgB,CAC9B,IAAY,EACZ,QAA4C,EAC5C,OAA2C;YAE3C,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClD,CAAC;QAae,mBAAmB,CACjC,IAAY,EACZ,QAA4C,EAC5C,OAAwC;YAExC,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;QACrD,CAAC;QAKM,SAAS,CACd,IAAO,EACP,aAAkC;YAElC,OAAO,IAAI,CAAC,aAAa,CACvB,IAAI,WAAW,CACb,IAAc,EACd,MAAM,CAAC,MAAM,CACX;gBACE,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,KAAK;gBACjB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,EAAE;aACX,EACD,aAAa,CACd,CACF,CACF,CAAC;QACJ,CAAC;KACF;IACD,OAAO,mBAAgE,CAAC;AAC1E,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport type { AbstractConstructor, Constructor } from './constructor';\n\nexport type UnpackCustomEvent<T> = T extends CustomEvent<infer U> ? U : never;\n\nexport declare class EventEmitterInterface<E> {\n  public addEventListener<K extends keyof M, M extends E & HTMLElementEventMap>(\n    type: K,\n    listener: (this: HTMLElement, ev: M[K]) => any,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  public addEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | AddEventListenerOptions\n  ): void;\n  public removeEventListener<\n    K extends keyof M,\n    M extends E & HTMLElementEventMap\n  >(\n    type: K,\n    listener: (this: HTMLElement, ev: M[K]) => any,\n    options?: boolean | EventListenerOptions\n  ): void;\n  public removeEventListener(\n    type: string,\n    listener: EventListenerOrEventListenerObject,\n    options?: boolean | EventListenerOptions\n  ): void;\n  public emitEvent<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(\n    type: K,\n    eventInitDict?: CustomEventInit<D>\n  ): boolean;\n}\n\nexport function EventEmitterMixin<E, T extends AbstractConstructor<LitElement>>(\n  superClass: T\n): AbstractConstructor<EventEmitterInterface<E>> & T;\nexport function EventEmitterMixin<E, T extends Constructor<LitElement>>(\n  superClass: T\n) {\n  class EventEmitterElement extends superClass {\n    /**\n     * @private\n     */\n    public override addEventListener<\n      K extends keyof M,\n      M extends E & HTMLElementEventMap\n    >(\n      type: K,\n      listener: (this: HTMLElement, ev: M[K]) => any,\n      options?: boolean | AddEventListenerOptions\n    ): void;\n    public override addEventListener(\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options?: boolean | AddEventListenerOptions\n    ): void {\n      super.addEventListener(type, listener, options);\n    }\n\n    /**\n     * @private\n     */\n    public override removeEventListener<\n      K extends keyof M,\n      M extends E & HTMLElementEventMap\n    >(\n      type: K,\n      listener: (this: HTMLElement, ev: M[K]) => any,\n      options?: boolean | EventListenerOptions\n    ): void;\n    public override removeEventListener(\n      type: string,\n      listener: EventListenerOrEventListenerObject,\n      options?: boolean | EventListenerOptions\n    ): void {\n      super.removeEventListener(type, listener, options);\n    }\n\n    /**\n     * @private\n     */\n    public emitEvent<K extends keyof E, D extends UnpackCustomEvent<E[K]>>(\n      type: K,\n      eventInitDict?: CustomEventInit<D>\n    ): boolean {\n      return this.dispatchEvent(\n        new CustomEvent<D>(\n          type as string,\n          Object.assign(\n            {\n              bubbles: true,\n              cancelable: false,\n              composed: true,\n              detail: {},\n            },\n            eventInitDict\n          )\n        )\n      );\n    }\n  }\n  return EventEmitterElement as Constructor<EventEmitterInterface<E>> & T;\n}\n"]}

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

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { Constructor } from './constructor';
+import type { Constructor } from './constructor';
 export declare class SizableInterface {
     /**
      * Determines the size of the component.

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

@@ -1 +1 @@
-{"version":3,"file":"sizable.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/sizable.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW7C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,UAAa,EACb,EAAE;IACF,MAAM,cAAe,SAAQ,UAAU;QAAvC;;YAMS,SAAI,GAAiC,OAAO,CAAC;QACtD,CAAC;KAAA;IADC;QADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACwB;IAEtD,OAAO,cAAmD,CAAC;AAC7D,CAAC,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Constructor } from './constructor';\n\nexport declare class SizableInterface {\n  /**\n   * Determines the size of the component.\n   * @type {\"small\" | \"medium\" | \"large\"}\n   */\n  public size: 'small' | 'medium' | 'large';\n}\n\nexport const SizableMixin = <T extends Constructor<LitElement>>(\n  superClass: T\n) => {\n  class SizableElement extends superClass {\n    /**\n     * Determines the size of the component.\n     * @type {\"small\" | \"medium\" | \"large\"}\n     */\n    @property({ reflect: true })\n    public size: 'small' | 'medium' | 'large' = 'large';\n  }\n  return SizableElement as Constructor<SizableInterface> & T;\n};\n"]}
+{"version":3,"file":"sizable.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/sizable.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW7C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,UAAa,EACb,EAAE;IACF,MAAM,cAAe,SAAQ,UAAU;QAAvC;;YAOS,SAAI,GAAiC,OAAO,CAAC;QACtD,CAAC;KAAA;IADC;QADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACwB;IAEtD,OAAO,cAAmD,CAAC;AAC7D,CAAC,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { Constructor } from './constructor';\n\nexport declare class SizableInterface {\n  /**\n   * Determines the size of the component.\n   * @type {\"small\" | \"medium\" | \"large\"}\n   */\n  public size: 'small' | 'medium' | 'large';\n}\n\nexport const SizableMixin = <T extends Constructor<LitElement>>(\n  superClass: T\n) => {\n  class SizableElement extends superClass {\n    /**\n     * Determines the size of the component.\n     * @attr\n     * @type {\"small\" | \"medium\" | \"large\"}\n     */\n    @property({ reflect: true })\n    public size: 'small' | 'medium' | 'large' = 'large';\n  }\n  return SizableElement as Constructor<SizableInterface> & T;\n};\n"]}

package/components/common/types.d.ts

@@ -1 +1 @@
-export declare type Direction = 'ltr' | 'rtl' | 'auto';
+export type Direction = 'ltr' | 'rtl' | 'auto';

package/components/date-time-input/date-time-input.d.ts

@@ -1,5 +1,5 @@
 import { DatePartDeltas, DatePart } from './date-util.js';
-import { IgcMaskInputBaseComponent } from '../mask-input/mask-input-base.js';
+import { IgcMaskInputBaseComponent, MaskRange } from '../mask-input/mask-input-base.js';
 import { IgcInputEventMap } from '../input/input-base.js';
 import { AbstractConstructor } from '../common/mixins/constructor.js';
 export interface IgcDateTimeInputEventMap extends Omit<IgcInputEventMap, 'igcChange'> {
@@ -36,19 +36,32 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
     private _inputDateParts;
     private _inputFormat;
     private _datePartDeltas;
-    /** The date format to apply on the input. */
+    /**
+     * The date format to apply on the input.
+     * @attr input-format
+     */
     get inputFormat(): string;
     set inputFormat(val: string);
-    /** The value of the input. */
+    /**
+     * The value of the input.
+     * @attr
+     */
     get value(): Date | null;
     set value(val: Date | null);
-    /** The minimum value required for the input to remain valid. */
+    /**
+     * The minimum value required for the input to remain valid.
+     * @attr min-value
+     */
     minValue: Date | null;
-    /** The maximum value required for the input to remain valid. */
+    /**
+     * The maximum value required for the input to remain valid.
+     * @attr max-value
+     */
     maxValue: Date | null;
     /**
      * Format to display the value in when not editing.
      * Defaults to the input format if not set.
+     * @attr display-format
      */
     displayFormat: string;
     /**
@@ -56,9 +69,15 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
      * All values default to `1`.
      */
     spinDelta: DatePartDeltas;
-    /** Sets whether to loop over the currently spun segment. */
+    /**
+     * Sets whether to loop over the currently spun segment.
+     * @attr spin-loop
+     */
     spinLoop: boolean;
-    /** The locale settings used to display the value. */
+    /**
+     * The locale settings used to display the value.
+     * @attr
+     */
     locale: string;
     protected setDefaultMask(): void;
     protected setDisplayFormat(): void;
@@ -86,7 +105,7 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
     protected handleInput(): void;
     protected handleDragLeave(): void;
     protected handleDragEnter(): void;
-    protected updateInput(part: string, start: number, finish: number): void;
+    protected updateInput(string: string, range: MaskRange): Promise<void>;
     private trySpinValue;
     private spinValue;
     private onWheel;

package/components/date-time-input/date-time-input.js

@@ -11,25 +11,10 @@ import { DateParts, DatePart, DateTimeUtil, } from './date-util.js';
 import { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';
 import { watch } from '../common/decorators/watch.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { IgcMaskInputBaseComponent } from '../mask-input/mask-input-base.js';
+import { IgcMaskInputBaseComponent, } from '../mask-input/mask-input-base.js';
 import { partNameMap } from '../common/util.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseComponent) {
-    constructor() {
-        super();
-        this._oldValue = null;
-        this._datePartDeltas = {
-            date: 1,
-            month: 1,
-            year: 1,
-            hours: 1,
-            minutes: 1,
-            seconds: 1,
-        };
-        this.spinLoop = true;
-        this.locale = 'en';
-        this.addEventListener('wheel', this.onWheel);
-    }
     get inputFormat() {
         return this._inputFormat || this._defaultMask;
     }
@@ -135,6 +120,21 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
     get datePartDeltas() {
         return Object.assign({}, this._datePartDeltas, this.spinDelta);
     }
+    constructor() {
+        super();
+        this._oldValue = null;
+        this._datePartDeltas = {
+            date: 1,
+            month: 1,
+            year: 1,
+            hours: 1,
+            minutes: 1,
+            seconds: 1,
+        };
+        this.spinLoop = true;
+        this.locale = 'en';
+        this.addEventListener('wheel', this.onWheel);
+    }
     connectedCallback() {
         super.connectedCallback();
         this.updateDefaultMask();
@@ -220,16 +220,17 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
             this.maskedValue = this.getMaskedValue();
         }
     }
-    updateInput(part, start, finish) {
+    async updateInput(string, range) {
         var _a;
-        const { value, end } = this.parser.replace(this.maskedValue, part, start, finish);
+        const { value, end } = this.parser.replace(this.maskedValue, string, range.start, range.end);
         this.maskedValue = value;
         this.updateValue();
         this.requestUpdate();
-        if (start !== this.inputFormat.length) {
+        if (range.start !== this.inputFormat.length) {
             this.emitEvent('igcInput', { detail: (_a = this.value) === null || _a === void 0 ? void 0 : _a.toString() });
         }
-        this.updateComplete.then(() => this.input.setSelectionRange(end, end));
+        await this.updateComplete;
+        this.input.setSelectionRange(end, end);
     }
     trySpinValue(datePart, delta, negative = false) {
         if (!delta) {
@@ -416,7 +417,7 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
         }
     }
     renderInput() {
-        return html `<div>
+        return html `
       <input
         type="text"
         part=${partNameMap(this.resolvePartNames('input'))}
@@ -438,7 +439,7 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
         @dragleave=${this.handleDragLeave}
         @dragstart=${this.handleDragStart}
       />
-    </div>`;
+    `;
     }
 }
 IgcDateTimeInputComponent.tagName = 'igc-date-time-input';