igniteui-webcomponents 4.5.0-beta.1 → 4.6.0

package/components/chip/themes/light/chip.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--background: var(--ig-chip-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-400-contrast));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-400-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;
+//# sourceMappingURL=chip.bootstrap.css.js.map

package/components/chip/themes/light/chip.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,osFAAosF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-0));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--text-color: var(--ig-chip-text-color, var(--ig-gray-200-contrast));--background: var(--ig-chip-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-400-contrast));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-400-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;\n"]}

package/components/chip/themes/light/chip.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, transparent);--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, transparent);--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--background: var(--ig-chip-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;
+//# sourceMappingURL=chip.fluent.css.js.map

package/components/chip/themes/light/chip.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4rFAA4rF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-2));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, transparent);--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, transparent);--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--background: var(--ig-chip-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-200-contrast));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-primary-700-contrast));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-700-contrast));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-700-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-700-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;\n"]}

package/components/chip/themes/light/chip.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--background: var(--ig-chip-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-chip-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--focus-border-color: var(--ig-chip-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-500-contrast));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-400-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;
+//# sourceMappingURL=chip.indigo.css.js.map

package/components/chip/themes/light/chip.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s2FAAs2F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--background: var(--ig-chip-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-chip-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--focus-border-color: var(--ig-chip-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-500-contrast));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-400-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;\n"]}

package/components/chip/themes/light/chip.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-8));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, transparent);--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, transparent);--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--background: var(--ig-chip-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;
+//# sourceMappingURL=chip.material.css.js.map

package/components/chip/themes/light/chip.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/light/chip.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,moFAAmoF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-8));--remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');--focus-outline-color: var(--ig-chip-focus-outline-color, transparent);--focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, transparent);--remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');--text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));--background: var(--ig-chip-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-color: var(--ig-chip-border-color, transparent);--ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));--hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-border-color: var(--ig-chip-hover-border-color, transparent);--focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast));--focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-border-color: var(--ig-chip-focus-border-color, transparent);--selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast));--selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--selected-border-color: var(--ig-chip-selected-border-color, transparent);--hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast));--hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);--focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));--focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);--border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));--disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--size: var(--ig-chip-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.25rem, -1 * 1.25rem)));--default-size: var(--ig-chip-default-size, 2)}`;\n"]}

package/components/chip/themes/shared/chip.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button:focus{outline:.125rem solid var(--focus-outline-color)}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:var(--ig-primary-700-contrast)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--ig-primary-200), var(--ig-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:var(--ig-info-700-contrast)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--ig-info-200), var(--ig-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-700-contrast)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--ig-success-200), var(--ig-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-warn-700-contrast)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--ig-warn-200), var(--ig-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-700-contrast)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--ig-error-200), var(--ig-error-a))}`;
+//# sourceMappingURL=chip.bootstrap.css.js.map

package/components/chip/themes/shared/chip.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8mDAA8mD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button:focus{outline:.125rem solid var(--focus-outline-color)}:host([variant=primary]) button,:host([variant=primary]) button:focus,:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]){color:var(--ig-primary-700-contrast)}:host([variant=primary]) button:focus{outline:.125rem solid hsla(var(--ig-primary-200), var(--ig-primary-a))}:host([variant=info]) button,:host([variant=info]) button:focus,:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]){color:var(--ig-info-700-contrast)}:host([variant=info]) button:focus{outline:.125rem solid hsla(var(--ig-info-200), var(--ig-info-a))}:host([variant=success]) button,:host([variant=success]) button:focus,:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]){color:var(--ig-success-700-contrast)}:host([variant=success]) button:focus{outline:.125rem solid hsla(var(--ig-success-200), var(--ig-success-a))}:host([variant=warning]) button,:host([variant=warning]) button:focus,:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]){color:var(--ig-warn-700-contrast)}:host([variant=warning]) button:focus{outline:.125rem solid hsla(var(--ig-warn-200), var(--ig-warn-a))}:host([variant=danger]) button,:host([variant=danger]) button:focus,:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]){color:var(--ig-error-700-contrast)}:host([variant=danger]) button:focus{outline:.125rem solid hsla(var(--ig-error-200), var(--ig-error-a))}`;\n"]}

package/components/chip/themes/shared/chip.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color)}:host button:focus{background:var(--focus-background);color:var(--focus-text-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color)}`;
+//# sourceMappingURL=chip.common.css.js.map

package/components/chip/themes/shared/chip.common.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.common.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ycAAyc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{border-radius:var(--border-radius);background:var(--background);color:var(--text-color);outline:none;height:var(--size)}:host button:hover{background:var(--hover-background);color:var(--hover-text-color)}:host button:focus{background:var(--focus-background);color:var(--focus-text-color)}:host button[disabled]{background:var(--disabled-background);color:var(--disabled-text-color)}`;\n"]}

package/components/chip/themes/shared/chip.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background)}`;
+//# sourceMappingURL=chip.fluent.css.js.map

package/components/chip/themes/shared/chip.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qyBAAqyB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}:host([selected]) button:not([disabled]){background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background)}:host([selected]) button:not([disabled]):focus{background:var(--focus-selected-background)}`;\n"]}

package/components/chip/themes/shared/chip.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}:host button{border:.0625rem solid var(--border-color)}:host button:focus{outline:.1875rem solid var(--focus-outline-color)}:host button[disabled]{border-color:var(--disabled-border-color)}:host([selected]) button:not([disabled]){border-color:rgba(0,0,0,0);background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background)}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid var(--focus-selected-outline-color)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--ig-primary-400), var(--ig-primary-a));color:var(--ig-primary-400-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--ig-primary-500), var(--ig-primary-a));color:var(--ig-primary-500-contrast);outline:.1875rem solid var(--focus-selected-outline-color)}:host([variant=primary]) button[disabled]{background:hsla(var(--ig-primary-200), var(--ig-primary-a));color:var(--ig-primary-400-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--ig-info-400), var(--ig-info-a));color:var(--ig-info-400-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--ig-info-500), var(--ig-info-a));color:var(--ig-info-500-contrast);outline:.1875rem solid hsla(var(--ig-info-200), var(--ig-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--ig-info-200), var(--ig-info-a));color:var(--ig-info-400-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--ig-success-400), var(--ig-success-a));color:var(--ig-success-400-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--ig-success-500), var(--ig-success-a));color:var(--ig-success-500-contrast);outline:.1875rem solid hsla(var(--ig-success-200), var(--ig-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--ig-success-200), var(--ig-success-a));color:var(--ig-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--ig-warn-400), var(--ig-warn-a));color:var(--ig-warn-400-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--ig-warn-500), var(--ig-warn-a));color:var(--ig-warn-500-contrast);outline:.1875rem solid hsla(var(--ig-warn-200), var(--ig-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--ig-warn-200), var(--ig-warn-a));color:var(--ig-warn-900-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--ig-error-400), var(--ig-error-a));color:var(--ig-error-400-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--ig-error-500), var(--ig-error-a));color:var(--ig-error-500-contrast);outline:.1875rem solid hsla(var(--ig-error-200), var(--ig-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--ig-error-200), var(--ig-error-a));color:var(--ig-error-400-contrast)}`;
+//# sourceMappingURL=chip.indigo.css.js.map

package/components/chip/themes/shared/chip.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/chip/themes/shared/chip.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w/HAAw/H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}:host button{border:.0625rem solid var(--border-color)}:host button:focus{outline:.1875rem solid var(--focus-outline-color)}:host button[disabled]{border-color:var(--disabled-border-color)}:host([selected]) button:not([disabled]){border-color:rgba(0,0,0,0);background:var(--selected-background);color:var(--selected-text-color)}:host([selected]) button:not([disabled]):hover{background:var(--hover-selected-background)}:host([selected]) button:not([disabled]):focus{outline:.1875rem solid var(--focus-selected-outline-color)}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--ig-primary-400), var(--ig-primary-a));color:var(--ig-primary-400-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--ig-primary-500), var(--ig-primary-a));color:var(--ig-primary-500-contrast);outline:.1875rem solid var(--focus-selected-outline-color)}:host([variant=primary]) button[disabled]{background:hsla(var(--ig-primary-200), var(--ig-primary-a));color:var(--ig-primary-400-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--ig-info-400), var(--ig-info-a));color:var(--ig-info-400-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--ig-info-500), var(--ig-info-a));color:var(--ig-info-500-contrast);outline:.1875rem solid hsla(var(--ig-info-200), var(--ig-info-a))}:host([variant=info]) button[disabled]{background:hsla(var(--ig-info-200), var(--ig-info-a));color:var(--ig-info-400-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--ig-success-400), var(--ig-success-a));color:var(--ig-success-400-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--ig-success-500), var(--ig-success-a));color:var(--ig-success-500-contrast);outline:.1875rem solid hsla(var(--ig-success-200), var(--ig-success-a))}:host([variant=success]) button[disabled]{background:hsla(var(--ig-success-200), var(--ig-success-a));color:var(--ig-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--ig-warn-400), var(--ig-warn-a));color:var(--ig-warn-400-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--ig-warn-500), var(--ig-warn-a));color:var(--ig-warn-500-contrast);outline:.1875rem solid hsla(var(--ig-warn-200), var(--ig-warn-a))}:host([variant=warning]) button[disabled]{background:hsla(var(--ig-warn-200), var(--ig-warn-a));color:var(--ig-warn-900-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){border-color:rgba(0,0,0,0)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--ig-error-400), var(--ig-error-a));color:var(--ig-error-400-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--ig-error-500), var(--ig-error-a));color:var(--ig-error-500-contrast);outline:.1875rem solid hsla(var(--ig-error-200), var(--ig-error-a))}:host([variant=danger]) button[disabled]{background:hsla(var(--ig-error-200), var(--ig-error-a));color:var(--ig-error-400-contrast)}`;\n"]}

package/components/chip/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/chip/themes/themes.js

@@ -0,0 +1,43 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/chip.bootstrap.css.js';
+import { styles as fluentDark } from './dark/chip.fluent.css.js';
+import { styles as indigoDark } from './dark/chip.indigo.css.js';
+import { styles as materialDark } from './dark/chip.material.css.js';
+import { styles as bootstrapLight } from './light/chip.bootstrap.css.js';
+import { styles as fluentLight } from './light/chip.fluent.css.js';
+import { styles as indigoLight } from './light/chip.indigo.css.js';
+import { styles as materialLight } from './light/chip.material.css.js';
+import { styles as bootstrap } from './shared/chip.bootstrap.css.js';
+import { styles as shared } from './shared/chip.common.css.js';
+import { styles as fluent } from './shared/chip.fluent.css.js';
+import { styles as indigo } from './shared/chip.indigo.css.js';
+const light = {
+    bootstrap: css `
+    ${shared} ${bootstrap} ${bootstrapLight}
+  `,
+    material: css `
+    ${shared} ${materialLight}
+  `,
+    fluent: css `
+    ${shared} ${fluent} ${fluentLight}
+  `,
+    indigo: css `
+    ${shared} ${indigo} ${indigoLight}
+  `,
+};
+const dark = {
+    bootstrap: css `
+    ${shared} ${bootstrap} ${bootstrapDark}
+  `,
+    material: css `
+    ${shared} ${materialDark}
+  `,
+    fluent: css `
+    ${shared} ${fluent} ${fluentDark}
+  `,
+    indigo: css `
+    ${shared} ${indigo} ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=themes.js.map

package/components/chip/themes/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAG/D,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,MAAM,IAAI,SAAS,IAAI,cAAc;GACxC;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM,IAAI,aAAa;GAC1B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,WAAW;GAClC;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,WAAW;GAClC;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,MAAM,IAAI,SAAS,IAAI,aAAa;GACvC;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM,IAAI,YAAY;GACzB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,UAAU;GACjC;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,UAAU;GACjC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/chip.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/chip.fluent.css.js';\nimport { styles as indigoDark } from './dark/chip.indigo.css.js';\nimport { styles as materialDark } from './dark/chip.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/chip.bootstrap.css.js';\nimport { styles as fluentLight } from './light/chip.fluent.css.js';\nimport { styles as indigoLight } from './light/chip.indigo.css.js';\nimport { styles as materialLight } from './light/chip.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/chip.bootstrap.css.js';\nimport { styles as shared } from './shared/chip.common.css.js';\nimport { styles as fluent } from './shared/chip.fluent.css.js';\nimport { styles as indigo } from './shared/chip.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${shared} ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${shared} ${materialLight}\n  `,\n  fluent: css`\n    ${shared} ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${shared} ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${shared} ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${shared} ${materialDark}\n  `,\n  fluent: css`\n    ${shared} ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${shared} ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/combo/combo-header.d.ts

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 export default class IgcComboHeaderComponent extends LitElement {
     static readonly tagName: string;
     static styles: import("lit").CSSResult;
+    static register(): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/combo/combo-header.js

@@ -4,14 +4,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, LitElement } from 'lit';
+import { LitElement, html } from 'lit';
+import { styles } from './themes/combo-header.base.css.js';
 import { themes } from '../../theming/theming-decorator.js';
-import { styles } from './themes/light/header/combo-header.base.css.js';
-import { styles as bootstrap } from '../dropdown/themes/light/header/dropdown-header.bootstrap.css.js';
-import { styles as fluent } from '../dropdown/themes/light/header/dropdown-header.fluent.css.js';
-import { styles as indigo } from '../dropdown/themes/light/header/dropdown-header.material.css.js';
-import { styles as material } from '../dropdown/themes/light/header/dropdown-header.material.css.js';
+import { registerComponent } from '../common/definitions/register.js';
+import { all } from '../dropdown/themes/header.js';
 let IgcComboHeaderComponent = class IgcComboHeaderComponent extends LitElement {
+    static register() {
+        registerComponent(this);
+    }
     render() {
         return html `<slot></slot>`;
     }
@@ -19,7 +20,7 @@ let IgcComboHeaderComponent = class IgcComboHeaderComponent extends LitElement {
 IgcComboHeaderComponent.tagName = 'igc-combo-header';
 IgcComboHeaderComponent.styles = styles;
 IgcComboHeaderComponent = __decorate([
-    themes({ bootstrap, fluent, indigo, material })
+    themes(all)
 ], IgcComboHeaderComponent);
 export default IgcComboHeaderComponent;
 //# sourceMappingURL=combo-header.js.map

package/components/combo/combo-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-header.js","sourceRoot":"","sources":["../../../src/components/combo/combo-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kEAAkE,CAAC;AACvG,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+DAA+D,CAAC;AACjG,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iEAAiE,CAAC;AACnG,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iEAAiE,CAAC;AAIrG,IAAqB,uBAAuB,GAA5C,MAAqB,uBAAwB,SAAQ,UAAU;IAI1C,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AALsB,+BAAO,GAAW,kBAAkB,AAA7B,CAA8B;AACrC,8BAAM,GAAG,MAAM,AAAT,CAAU;AAFpB,uBAAuB;IAD3C,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;GAC3B,uBAAuB,CAO3C;eAPoB,uBAAuB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/header/combo-header.base.css.js';\nimport { styles as bootstrap } from '../dropdown/themes/light/header/dropdown-header.bootstrap.css.js';\nimport { styles as fluent } from '../dropdown/themes/light/header/dropdown-header.fluent.css.js';\nimport { styles as indigo } from '../dropdown/themes/light/header/dropdown-header.material.css.js';\nimport { styles as material } from '../dropdown/themes/light/header/dropdown-header.material.css.js';\n\n/* blazorSuppress */\n@themes({ bootstrap, fluent, indigo, material })\nexport default class IgcComboHeaderComponent extends LitElement {\n  public static readonly tagName: string = 'igc-combo-header';\n  public static override styles = styles;\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-header': IgcComboHeaderComponent;\n  }\n}\n"]}
+{"version":3,"file":"combo-header.js","sourceRoot":"","sources":["../../../src/components/combo/combo-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AAIpC,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU;IAItD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AATsB,+BAAO,GAAW,kBAAkB,AAA7B,CAA8B;AACrC,8BAAM,GAAG,MAAM,AAAT,CAAU;AAFpB,uBAAuB;IAD3C,MAAM,CAAC,GAAG,CAAC;GACS,uBAAuB,CAW3C;eAXoB,uBAAuB","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport { styles } from './themes/combo-header.base.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { all } from '../dropdown/themes/header.js';\n\n/* blazorSuppress */\n@themes(all)\nexport default class IgcComboHeaderComponent extends LitElement {\n  public static readonly tagName: string = 'igc-combo-header';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-header': IgcComboHeaderComponent;\n  }\n}\n"]}

package/components/combo/combo-item.d.ts

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 export default class IgcComboItemComponent extends LitElement {
     static readonly tagName: string;
     static styles: import("lit").CSSResult;
+    static register(): void;
     index: number;
     /**
      * Determines whether the item is selected.

package/components/combo/combo-item.js

@@ -4,18 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, LitElement, nothing } from 'lit';
-import { themes } from '../../theming/theming-decorator.js';
-import { styles } from './themes/light/item/combo-item.base.css.js';
-import { styles as bootstrap } from '../dropdown/themes/light/item/dropdown-item.bootstrap.css.js';
-import { styles as fluent } from '../dropdown/themes/light/item/dropdown-item.fluent.css.js';
-import { styles as indigo } from '../dropdown/themes/light/item/dropdown-item.indigo.css.js';
-import { styles as material } from '../dropdown/themes/light/item/dropdown-item.material.css.js';
+import { LitElement, html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
+import { styles } from './themes/combo-item.base.css.js';
+import { themes } from '../../theming/theming-decorator.js';
+import IgcCheckboxComponent from '../checkbox/checkbox.js';
 import { watch } from '../common/decorators/watch.js';
-import IgcCheckboxComopnent from '../checkbox/checkbox.js';
-import { defineComponents } from '../common/definitions/defineComponents.js';
-defineComponents(IgcCheckboxComopnent);
+import { registerComponent } from '../common/definitions/register.js';
+import { all } from '../dropdown/themes/item.js';
 let IgcComboItemComponent = class IgcComboItemComponent extends LitElement {
     constructor() {
         super(...arguments);
@@ -23,6 +19,9 @@ let IgcComboItemComponent = class IgcComboItemComponent extends LitElement {
         this.active = false;
         this.hideCheckbox = false;
     }
+    static register() {
+        registerComponent(this, IgcCheckboxComponent);
+    }
     selectedChange() {
         this.selected
             ? this.setAttribute('aria-selected', 'true')
@@ -69,7 +68,7 @@ __decorate([
     watch('selected')
 ], IgcComboItemComponent.prototype, "selectedChange", null);
 IgcComboItemComponent = __decorate([
-    themes({ bootstrap, fluent, indigo, material })
+    themes(all)
 ], IgcComboItemComponent);
 export default IgcComboItemComponent;
 //# sourceMappingURL=combo-item.js.map

package/components/combo/combo-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-item.js","sourceRoot":"","sources":["../../../src/components/combo/combo-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8DAA8D,CAAC;AACnG,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2DAA2D,CAAC;AAC7F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2DAA2D,CAAC;AAC7F,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,6DAA6D,CAAC;AACjG,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAE7E,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAGvC,IAAqB,qBAAqB,GAA1C,MAAqB,qBAAsB,SAAQ,UAAU;IAA7D;;QAYS,aAAQ,GAAG,KAAK,CAAC;QAMjB,WAAM,GAAG,KAAK,CAAC;QAOf,iBAAY,GAAG,KAAK,CAAC;IAiC9B,CAAC;IA9BW,cAAc;QACtB,IAAI,CAAC,QAAQ;YACX,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAEO,cAAc;QACpB,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAC,QAAQ;;;;eAIjB,CAAC;IACd,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;QACP,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,OAAO;;;;KAIvD,CAAC;IACJ,CAAC;;AAxDsB,6BAAO,GAAW,gBAAgB,AAA3B,CAA4B;AACnC,4BAAM,GAAG,MAAM,AAAT,CAAU;AAGhC;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDACT;AAOf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACnB;AAMjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDACrB;AAOf;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;2DAC5C;AAGlB;IADT,KAAK,CAAC,UAAU,CAAC;2DAKjB;AAhCkB,qBAAqB;IADzC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;GAC3B,qBAAqB,CA0DzC;eA1DoB,qBAAqB","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/item/combo-item.base.css.js';\nimport { styles as bootstrap } from '../dropdown/themes/light/item/dropdown-item.bootstrap.css.js';\nimport { styles as fluent } from '../dropdown/themes/light/item/dropdown-item.fluent.css.js';\nimport { styles as indigo } from '../dropdown/themes/light/item/dropdown-item.indigo.css.js';\nimport { styles as material } from '../dropdown/themes/light/item/dropdown-item.material.css.js';\nimport { property } from 'lit/decorators.js';\nimport { watch } from '../common/decorators/watch.js';\nimport IgcCheckboxComopnent from '../checkbox/checkbox.js';\nimport { defineComponents } from '../common/definitions/defineComponents.js';\n\ndefineComponents(IgcCheckboxComopnent);\n/* blazorSuppress */\n@themes({ bootstrap, fluent, indigo, material })\nexport default class IgcComboItemComponent extends LitElement {\n  public static readonly tagName: string = 'igc-combo-item';\n  public static override styles = styles;\n\n  @property({ attribute: false })\n  public index!: number;\n\n  /**\n   * Determines whether the item is selected.\n   * @attr selected\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the item is active.\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /**\n   * Determines whether the item is active.\n   * @attr hide-checkbox\n   */\n  @property({ attribute: 'hide-checkbox', type: Boolean, reflect: false })\n  public hideCheckbox = false;\n\n  @watch('selected')\n  protected selectedChange() {\n    this.selected\n      ? this.setAttribute('aria-selected', 'true')\n      : this.removeAttribute('aria-selected');\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'option');\n  }\n\n  private renderCheckbox() {\n    return html`<section part=\"prefix\">\n      <igc-checkbox\n        aria-hidden=\"true\"\n        ?checked=${this.selected}\n        tabindex=\"-1\"\n        exportparts=\"control: checkbox, indicator: checkbox-indicator, checked\"\n      ></igc-checkbox>\n    </section>`;\n  }\n\n  protected override render() {\n    return html`\n      ${!this.hideCheckbox ? this.renderCheckbox() : nothing}\n      <section id=\"content\" part=\"content\">\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-item': IgcComboItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"combo-item.js","sourceRoot":"","sources":["../../../src/components/combo/combo-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AAIlC,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAgBN,aAAQ,GAAG,KAAK,CAAC;QAMjB,WAAM,GAAG,KAAK,CAAC;QAOf,iBAAY,GAAG,KAAK,CAAC;IAiC9B,CAAC;IA1DQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;IAChD,CAAC;IA0BS,cAAc;QACtB,IAAI,CAAC,QAAQ;YACX,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAEO,cAAc;QACpB,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAC,QAAQ;;;;eAIjB,CAAC;IACd,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;QACP,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,OAAO;;;;KAIvD,CAAC;IACJ,CAAC;;AA5DsB,6BAAO,GAAW,gBAAgB,AAA3B,CAA4B;AACnC,4BAAM,GAAG,MAAM,AAAT,CAAU;AAOhC;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDACT;AAOf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACnB;AAMjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qDACrB;AAOf;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;2DAC5C;AAGlB;IADT,KAAK,CAAC,UAAU,CAAC;2DAKjB;AApCkB,qBAAqB;IADzC,MAAM,CAAC,GAAG,CAAC;GACS,qBAAqB,CA8DzC;eA9DoB,qBAAqB","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { styles } from './themes/combo-item.base.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcCheckboxComponent from '../checkbox/checkbox.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { all } from '../dropdown/themes/item.js';\n\n/* blazorSuppress */\n@themes(all)\nexport default class IgcComboItemComponent extends LitElement {\n  public static readonly tagName: string = 'igc-combo-item';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this, IgcCheckboxComponent);\n  }\n\n  @property({ attribute: false })\n  public index!: number;\n\n  /**\n   * Determines whether the item is selected.\n   * @attr selected\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the item is active.\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /**\n   * Determines whether the item is active.\n   * @attr hide-checkbox\n   */\n  @property({ attribute: 'hide-checkbox', type: Boolean, reflect: false })\n  public hideCheckbox = false;\n\n  @watch('selected')\n  protected selectedChange() {\n    this.selected\n      ? this.setAttribute('aria-selected', 'true')\n      : this.removeAttribute('aria-selected');\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'option');\n  }\n\n  private renderCheckbox() {\n    return html`<section part=\"prefix\">\n      <igc-checkbox\n        aria-hidden=\"true\"\n        ?checked=${this.selected}\n        tabindex=\"-1\"\n        exportparts=\"control: checkbox, indicator: checkbox-indicator, checked\"\n      ></igc-checkbox>\n    </section>`;\n  }\n\n  protected override render() {\n    return html`\n      ${!this.hideCheckbox ? this.renderCheckbox() : nothing}\n      <section id=\"content\" part=\"content\">\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-item': IgcComboItemComponent;\n  }\n}\n"]}

package/components/combo/combo-list.d.ts

@@ -1,7 +1,8 @@
-import { LitVirtualizer } from '@lit-labs/virtualizer';
+import { LitVirtualizer } from '@lit-labs/virtualizer/LitVirtualizer.js';
 export default class IgcComboListComponent extends LitVirtualizer {
     static readonly tagName = "igc-combo-list";
     scroller: boolean;
+    static register(): void;
     connectedCallback(): Promise<void>;
 }
 declare global {

package/components/combo/combo-list.js

@@ -1,9 +1,13 @@
-import { LitVirtualizer } from '@lit-labs/virtualizer';
+import { LitVirtualizer } from '@lit-labs/virtualizer/LitVirtualizer.js';
+import { registerComponent } from '../common/definitions/register.js';
 class IgcComboListComponent extends LitVirtualizer {
     constructor() {
         super(...arguments);
         this.scroller = true;
     }
+    static register() {
+        registerComponent(this);
+    }
     async connectedCallback() {
         await super.layoutComplete;
         super.connectedCallback();

package/components/combo/combo-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-list.js","sourceRoot":"","sources":["../../../src/components/combo/combo-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAqB,qBAAsB,SAAQ,cAAc;IAAjE;;QAEkB,aAAQ,GAAG,IAAI,CAAC;IASlC,CAAC;IAPiB,KAAK,CAAC,iBAAiB;QACrC,MAAM,KAAK,CAAC,cAAc,CAAC;QAE3B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACvC,CAAC;;AATsB,6BAAO,GAAG,gBAAgB,AAAnB,CAAoB;eAD/B,qBAAqB","sourcesContent":["import { LitVirtualizer } from '@lit-labs/virtualizer';\n\n/* blazorSuppress */\n/* blazorAlternateBaseType: BaseElement */\nexport default class IgcComboListComponent extends LitVirtualizer {\n  public static readonly tagName = 'igc-combo-list';\n  public override scroller = true;\n\n  public override async connectedCallback() {\n    await super.layoutComplete;\n\n    super.connectedCallback();\n    this.setAttribute('tabindex', '0');\n    this.setAttribute('role', 'listbox');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-list': IgcComboListComponent;\n  }\n}\n"]}
+{"version":3,"file":"combo-list.js","sourceRoot":"","sources":["../../../src/components/combo/combo-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAItE,MAAqB,qBAAsB,SAAQ,cAAc;IAAjE;;QAEkB,aAAQ,GAAG,IAAI,CAAC;IAalC,CAAC;IAXQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEe,KAAK,CAAC,iBAAiB;QACrC,MAAM,KAAK,CAAC,cAAc,CAAC;QAE3B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IACvC,CAAC;;AAbsB,6BAAO,GAAG,gBAAgB,AAAnB,CAAoB;eAD/B,qBAAqB","sourcesContent":["import { LitVirtualizer } from '@lit-labs/virtualizer/LitVirtualizer.js';\n\nimport { registerComponent } from '../common/definitions/register.js';\n\n/* blazorSuppress */\n/* blazorAlternateBaseType: BaseElement */\nexport default class IgcComboListComponent extends LitVirtualizer {\n  public static readonly tagName = 'igc-combo-list';\n  public override scroller = true;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  public override async connectedCallback() {\n    await super.layoutComplete;\n\n    super.connectedCallback();\n    this.setAttribute('tabindex', '0');\n    this.setAttribute('role', 'listbox');\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-list': IgcComboListComponent;\n  }\n}\n"]}

package/components/combo/combo.d.ts

@@ -1,16 +1,22 @@
 import { LitElement, TemplateResult } from 'lit';
-import { themeSymbol } from '../../theming/theming-decorator.js';
-import IgcInputComponent from '../input/input.js';
+import { DataController } from './controllers/data.js';
 import { NavigationController } from './controllers/navigation.js';
 import { SelectionController } from './controllers/selection.js';
-import { IgcToggleController } from '../toggle/toggle.controller.js';
-import { DataController } from './controllers/data.js';
-import { IgcToggleComponent } from '../toggle/types.js';
-import type { Keys, ComboRecord, GroupingDirection, FilteringOptions, IgcComboEventMap, ComboItemTemplate, ComboRenderFunction, Item, ComboValue } from './types.js';
+import type { ComboItemTemplate, ComboRecord, ComboRenderFunction, ComboValue, FilteringOptions, GroupingDirection, IgcComboEventMap, Item, Keys } from './types.js';
+import { themeSymbol } from '../../theming/theming-decorator.js';
 import { Constructor } from '../common/mixins/constructor.js';
 import type { Validator } from '../common/validators.js';
+import IgcInputComponent from '../input/input.js';
+import { IgcToggleController } from '../toggle/toggle.controller.js';
+import { IgcToggleComponent } from '../toggle/types.js';
 declare const IgcComboComponent_base: Constructor<import("../common/mixins/form-associated-required.js").FormRequiredInterface & import("../common/mixins/form-associated.js").FormAssociatedElementInterface> & import("../common/mixins/constructor.js").AbstractConstructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcComboEventMap>> & Constructor<LitElement>;
 /**
+ * The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.
+ * In contrast to the Select component, the Combo component displays all options in a virtualized list of items,
+ * meaning the combo box can simultaneously show thousands of options, where one or more options can be selected.
+ * Additionally, users can create custom item templates, allowing for robust data visualization.
+ * The Combo component features case-sensitive filtering, grouping, complex data binding, dynamic addition of values and more.
+ *
  * @element igc-combo
  *
  * @slot prefix - Renders content before the input.
@@ -55,6 +61,7 @@ declare const IgcComboComponent_base: Constructor<import("../common/mixins/form-
 export default class IgcComboComponent<T extends object = any> extends IgcComboComponent_base implements Partial<IgcToggleComponent> {
     static readonly tagName = "igc-combo";
     static styles: import("lit").CSSResult;
+    static register(): void;
     private _value;
     private _displayValue;
     private _filteringOptions;
@@ -215,7 +222,7 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
      */
     set value(items: ComboValue<T>[]);
     /**
-     * Returns the current selection as a list of commma separated values,
+     * Returns the current selection as a list of comma separated values,
      * represented by the value key, when provided.
      */
     get value(): ComboValue<T>[];

package/components/combo/combo.js

@@ -4,36 +4,35 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, LitElement } from 'lit';
-import { styleMap } from 'lit/directives/style-map.js';
-import { themes, themeSymbol } from '../../theming/theming-decorator.js';
-import { styles } from './themes/light/combo.base.css.js';
-import { styles as bootstrap } from './themes/light/combo.bootstrap.css.js';
-import { styles as material } from './themes/light/combo.material.css.js';
-import { styles as fluent } from './themes/light/combo.fluent.css.js';
-import { styles as indigo } from './themes/light/combo.indigo.css.js';
+import { LitElement, html } from 'lit';
 import { property, query, queryAssignedElements, state, } from 'lit/decorators.js';
-import { watch } from '../common/decorators/watch.js';
-import { defineComponents } from '../common/definitions/defineComponents.js';
-import IgcComboListComponent from './combo-list.js';
-import IgcComboItemComponent from './combo-item.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { live } from 'lit/directives/live.js';
+import { styleMap } from 'lit/directives/style-map.js';
 import IgcComboHeaderComponent from './combo-header.js';
-import IgcInputComponent from '../input/input.js';
-import IgcIconComponent from '../icon/icon.js';
+import IgcComboItemComponent from './combo-item.js';
+import IgcComboListComponent from './combo-list.js';
+import { DataController } from './controllers/data.js';
 import { NavigationController } from './controllers/navigation.js';
 import { SelectionController } from './controllers/selection.js';
-import { IgcToggleController } from '../toggle/toggle.controller.js';
-import { DataController } from './controllers/data.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { live } from 'lit/directives/live.js';
-import { partNameMap } from '../common/util.js';
-import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import { styles } from './themes/combo.base.css.js';
+import { all } from './themes/themes.js';
+import { themeSymbol, themes } from '../../theming/theming-decorator.js';
 import { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';
 import { blazorIndirectRender } from '../common/decorators/blazorIndirectRender.js';
-import { FormAssociatedRequiredMixin } from '../common/mixins/form-associated-required.js';
+import { watch } from '../common/decorators/watch.js';
+import { registerComponent } from '../common/definitions/register.js';
 import messages from '../common/localization/validation-en.js';
-defineComponents(IgcIconComponent, IgcComboListComponent, IgcComboItemComponent, IgcComboHeaderComponent, IgcInputComponent);
+import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import { FormAssociatedRequiredMixin } from '../common/mixins/form-associated-required.js';
+import { partNameMap } from '../common/util.js';
+import IgcIconComponent from '../icon/icon.js';
+import IgcInputComponent from '../input/input.js';
+import { IgcToggleController } from '../toggle/toggle.controller.js';
 let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMixin(EventEmitterMixin(LitElement)) {
+    static register() {
+        registerComponent(this, IgcIconComponent, IgcComboListComponent, IgcComboItemComponent, IgcComboHeaderComponent, IgcInputComponent);
+    }
     get filteringOptions() {
         return this._filteringOptions;
     }
@@ -42,14 +41,16 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
         this.requestUpdate('pipeline');
     }
     dataChanged() {
+        if (this.data.length === 0)
+            return;
         this.dataState = structuredClone(this.data);
         if (this.hasUpdated) {
             this.pipeline();
         }
+        this.requestUpdate('value');
     }
     updateDisplayKey() {
-        var _a;
-        this.displayKey = (_a = this.displayKey) !== null && _a !== void 0 ? _a : this.valueKey;
+        this.displayKey = this.displayKey ?? this.valueKey;
     }
     updateFilterKey() {
         if (!this.filteringOptions.filterKey) {
@@ -216,6 +217,8 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
         super.setFormValue(data);
     }
     async updateValue() {
+        if (this.data.length === 0)
+            return;
         const selected = Array.from(this.selectionController.selected);
         this._value = this.selectionController.getValue(selected, this.valueKey);
         this._displayValue = this.selectionController
@@ -461,7 +464,6 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
     </igc-input>`;
     }
     renderSearchInput() {
-        var _a;
         return html `<div
       part="filter-input"
       ?hidden=${this.disableFiltering || this.singleSelect}
@@ -481,7 +483,7 @@ let IgcComboComponent = class IgcComboComponent extends FormAssociatedRequiredMi
           collection="internal"
           part=${partNameMap({
             'case-icon': true,
-            active: (_a = this.filteringOptions.caseSensitive) !== null && _a !== void 0 ? _a : false,
+            active: this.filteringOptions.caseSensitive ?? false,
         })}
           @click=${this.toggleCaseSensitivity}
         ></igc-icon>
@@ -647,7 +649,7 @@ __decorate([
     property({ attribute: true, type: Array })
 ], IgcComboComponent.prototype, "value", null);
 IgcComboComponent = __decorate([
-    themes({ material, bootstrap, fluent, indigo }, true),
+    themes(all),
     blazorAdditionalDependencies('IgcIconComponent, IgcInputComponent'),
     blazorIndirectRender
 ], IgcComboComponent);