igniteui-webcomponents 4.5.0 → 4.7.0

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyKvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-1));\n  --remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');\n  --focus-outline-color: var(--ig-chip-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n  --remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');\n  --text-color: var(--ig-chip-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --background: var(--ig-chip-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --border-color: var(--ig-chip-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));\n  --hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --hover-border-color: var(--ig-chip-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast));\n  --focus-background: var(--ig-chip-focus-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --focus-border-color: var(--ig-chip-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --selected-text-color: var(--ig-chip-selected-text-color, var(--ig-primary-500-contrast));\n  --selected-background: var(--ig-chip-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --selected-border-color: var(--ig-chip-selected-border-color, transparent);\n  --hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-primary-400-contrast));\n  --hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));\n  --hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);\n  --focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-primary-500-contrast));\n  --focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);\n  --border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));\n  --disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --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)));\n}\n\n:host button {\n  border-radius: var(--border-radius);\n  border: 0.0625rem solid var(--border-color);\n  background: var(--background);\n  color: var(--text-color);\n  height: var(--size);\n}\n:host button:hover {\n  background: var(--hover-background);\n  color: var(--hover-text-color);\n}\n:host button:focus {\n  background: var(--focus-background);\n  color: var(--focus-text-color);\n  outline: 0.1875rem solid var(--focus-outline-color);\n}\n:host button[disabled] {\n  border-color: var(--disabled-border-color);\n  background: var(--disabled-background);\n  color: var(--disabled-text-color);\n}\n\n:host([selected]) button:not([disabled]) {\n  border-color: transparent;\n  background: var(--selected-background);\n  color: var(--selected-text-color);\n}\n:host([selected]) button:not([disabled]):hover {\n  background: var(--hover-selected-background);\n}\n:host([selected]) button:not([disabled]):focus {\n  outline: 0.1875rem solid var(--focus-selected-outline-color);\n}\n\n:host([variant=primary]) button,\n:host([selected][variant=primary]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=primary]) button:hover,\n:host([selected][variant=primary]) button:not([disabled]):hover {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n  color: var(--ig-primary-400-contrast);\n}\n:host([variant=primary]) button:focus,\n:host([selected][variant=primary]) button:not([disabled]):focus {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n  outline: 0.1875rem solid var(--focus-selected-outline-color);\n}\n\n:host([variant=primary]) button[disabled] {\n  background: hsla(var(--ig-primary-200), var(--ig-primary-a));\n  color: var(--ig-primary-400-contrast);\n}\n\n:host([variant=info]) button,\n:host([selected][variant=info]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=info]) button:hover,\n:host([selected][variant=info]) button:not([disabled]):hover {\n  background: hsla(var(--ig-info-400), var(--ig-info-a));\n  color: var(--ig-info-400-contrast);\n}\n:host([variant=info]) button:focus,\n:host([selected][variant=info]) button:not([disabled]):focus {\n  background: hsla(var(--ig-info-500), var(--ig-info-a));\n  color: var(--ig-info-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-info-200), var(--ig-info-a));\n}\n\n:host([variant=info]) button[disabled] {\n  background: hsla(var(--ig-info-200), var(--ig-info-a));\n  color: var(--ig-info-400-contrast);\n}\n\n:host([variant=success]) button,\n:host([selected][variant=success]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=success]) button:hover,\n:host([selected][variant=success]) button:not([disabled]):hover {\n  background: hsla(var(--ig-success-400), var(--ig-success-a));\n  color: var(--ig-success-400-contrast);\n}\n:host([variant=success]) button:focus,\n:host([selected][variant=success]) button:not([disabled]):focus {\n  background: hsla(var(--ig-success-500), var(--ig-success-a));\n  color: var(--ig-success-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-success-200), var(--ig-success-a));\n}\n\n:host([variant=success]) button[disabled] {\n  background: hsla(var(--ig-success-200), var(--ig-success-a));\n  color: var(--ig-success-800-contrast);\n}\n\n:host([variant=warning]) button,\n:host([selected][variant=warning]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=warning]) button:hover,\n:host([selected][variant=warning]) button:not([disabled]):hover {\n  background: hsla(var(--ig-warn-400), var(--ig-warn-a));\n  color: var(--ig-warn-400-contrast);\n}\n:host([variant=warning]) button:focus,\n:host([selected][variant=warning]) button:not([disabled]):focus {\n  background: hsla(var(--ig-warn-500), var(--ig-warn-a));\n  color: var(--ig-warn-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-warn-200), var(--ig-warn-a));\n}\n\n:host([variant=warning]) button[disabled] {\n  background: hsla(var(--ig-warn-200), var(--ig-warn-a));\n  color: var(--ig-warn-900-contrast);\n}\n\n:host([variant=danger]) button,\n:host([selected][variant=danger]) button:not([disabled]) {\n  border-color: transparent;\n}\n:host([variant=danger]) button:hover,\n:host([selected][variant=danger]) button:not([disabled]):hover {\n  background: hsla(var(--ig-error-400), var(--ig-error-a));\n  color: var(--ig-error-400-contrast);\n}\n:host([variant=danger]) button:focus,\n:host([selected][variant=danger]) button:not([disabled]):focus {\n  background: hsla(var(--ig-error-500), var(--ig-error-a));\n  color: var(--ig-error-500-contrast);\n  outline: 0.1875rem solid hsla(var(--ig-error-200), var(--ig-error-a));\n}\n\n:host([variant=danger]) button[disabled] {\n  background: hsla(var(--ig-error-200), var(--ig-error-a));\n  color: var(--ig-error-400-contrast);\n}`;\n"]}
+{"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

@@ -1,53 +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)));
-}
-
-: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);
-}`;
+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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --ghost-elevation: var(--ig-chip-ghost-elevation, var(--ig-elevation-8));\n  --remove-icon-color: var(--ig-chip-remove-icon-color, 'currentColor');\n  --focus-outline-color: var(--ig-chip-focus-outline-color, transparent);\n  --focus-selected-outline-color: var(--ig-chip-focus-selected-outline-color, transparent);\n  --remove-icon-color-focus: var(--ig-chip-remove-icon-color-focus, 'currentColor');\n  --text-color: var(--ig-chip-text-color, var(--ig-gray-300-contrast));\n  --background: var(--ig-chip-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --border-color: var(--ig-chip-border-color, transparent);\n  --ghost-background: var(--ig-chip-ghost-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --hover-text-color: var(--ig-chip-hover-text-color, var(--ig-gray-400-contrast));\n  --hover-background: var(--ig-chip-hover-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --hover-border-color: var(--ig-chip-hover-border-color, transparent);\n  --focus-text-color: var(--ig-chip-focus-text-color, var(--ig-gray-500-contrast));\n  --focus-background: var(--ig-chip-focus-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --focus-border-color: var(--ig-chip-focus-border-color, transparent);\n  --selected-text-color: var(--ig-chip-selected-text-color, var(--ig-gray-300-contrast));\n  --selected-background: var(--ig-chip-selected-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --selected-border-color: var(--ig-chip-selected-border-color, transparent);\n  --hover-selected-text-color: var(--ig-chip-hover-selected-text-color, var(--ig-gray-400-contrast));\n  --hover-selected-background: var(--ig-chip-hover-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --hover-selected-border-color: var(--ig-chip-hover-selected-border-color, transparent);\n  --focus-selected-text-color: var(--ig-chip-focus-selected-text-color, var(--ig-gray-500-contrast));\n  --focus-selected-background: var(--ig-chip-focus-selected-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --focus-selected-border-color: var(--ig-chip-focus-selected-border-color, transparent);\n  --border-radius: var(--ig-chip-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem));\n  --disabled-text-color: var(--ig-chip-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --disabled-background: var(--ig-chip-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --disabled-border-color: var(--ig-chip-disabled-border-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --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)));\n}\n\n:host button {\n  border-radius: var(--border-radius);\n  background: var(--background);\n  color: var(--text-color);\n  outline: none;\n  height: var(--size);\n}\n:host button:hover {\n  background: var(--hover-background);\n  color: var(--hover-text-color);\n}\n:host button:focus {\n  background: var(--focus-background);\n  color: var(--focus-text-color);\n}\n:host button[disabled] {\n  background: var(--disabled-background);\n  color: var(--disabled-text-color);\n}`;\n"]}
+{"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,42 @@
+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 fluent } from './shared/chip.fluent.css.js';
+import { styles as indigo } from './shared/chip.indigo.css.js';
+const light = {
+    bootstrap: css `
+    ${bootstrap} ${bootstrapLight}
+  `,
+    material: css `
+    ${materialLight}
+  `,
+    fluent: css `
+    ${fluent} ${fluentLight}
+  `,
+    indigo: css `
+    ${indigo} ${indigoLight}
+  `,
+};
+const dark = {
+    bootstrap: css `
+    ${bootstrap} ${bootstrapDark}
+  `,
+    material: css `
+    ${materialDark}
+  `,
+    fluent: css `
+    ${fluent} ${fluentDark}
+  `,
+    indigo: css `
+    ${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;AAG/D,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;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 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    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/combo/combo-header.js

@@ -4,13 +4,11 @@ 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 { registerComponent } from '../common/definitions/register.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, styles as material, } from '../dropdown/themes/light/header/dropdown-header.material.css.js';
-import { styles } from './themes/light/header/combo-header.base.css.js';
+import { all } from '../dropdown/themes/header.js';
 let IgcComboHeaderComponent = class IgcComboHeaderComponent extends LitElement {
     static register() {
         registerComponent(this);
@@ -22,10 +20,7 @@ let IgcComboHeaderComponent = class IgcComboHeaderComponent extends LitElement {
 IgcComboHeaderComponent.tagName = 'igc-combo-header';
 IgcComboHeaderComponent.styles = styles;
 IgcComboHeaderComponent = __decorate([
-    themes({
-        light: { bootstrap, fluent, indigo, material },
-        dark: { 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,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kEAAkE,CAAC;AACvG,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+DAA+D,CAAC;AACjG,OAAO,EACL,MAAM,IAAI,MAAM,EAChB,MAAM,IAAI,QAAQ,GACnB,MAAM,iEAAiE,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AAOxE,IAAqB,uBAAuB,GAA5C,MAAqB,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;IAJ3C,MAAM,CAAC;QACN,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC9C,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE;KAC9C,CAAC;GACmB,uBAAuB,CAW3C;eAXoB,uBAAuB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.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 {\n  styles as indigo,\n  styles as material,\n} from '../dropdown/themes/light/header/dropdown-header.material.css.js';\nimport { styles } from './themes/light/header/combo-header.base.css.js';\n\n/* blazorSuppress */\n@themes({\n  light: { bootstrap, fluent, indigo, material },\n  dark: { bootstrap, fluent, indigo, material },\n})\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"]}
+{"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

@@ -3,6 +3,7 @@ export default class IgcComboItemComponent extends LitElement {
     static readonly tagName: string;
     static styles: import("lit").CSSResult;
     static register(): void;
+    private _internals;
     index: number;
     /**
      * Determines whether the item is selected.
@@ -19,6 +20,7 @@ export default class IgcComboItemComponent extends LitElement {
      */
     hideCheckbox: boolean;
     protected selectedChange(): void;
+    constructor();
     connectedCallback(): void;
     private renderCheckbox;
     protected render(): import("lit-html").TemplateResult<1>;

package/components/combo/combo-item.js

@@ -4,31 +4,28 @@ 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 { 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 { registerComponent } from '../common/definitions/register.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 { styles } from './themes/light/item/combo-item.base.css.js';
+import { all } from '../dropdown/themes/item.js';
 let IgcComboItemComponent = class IgcComboItemComponent extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.selected = false;
-        this.active = false;
-        this.hideCheckbox = false;
-    }
     static register() {
         registerComponent(this, IgcCheckboxComponent);
     }
     selectedChange() {
-        this.selected
-            ? this.setAttribute('aria-selected', 'true')
-            : this.removeAttribute('aria-selected');
+        this._internals.ariaSelected = `${this.selected}`;
+    }
+    constructor() {
+        super();
+        this.selected = false;
+        this.active = false;
+        this.hideCheckbox = false;
+        this._internals = this.attachInternals();
+        this._internals.role = 'option';
     }
     connectedCallback() {
         super.connectedCallback();
@@ -37,9 +34,8 @@ let IgcComboItemComponent = class IgcComboItemComponent extends LitElement {
     renderCheckbox() {
         return html `<section part="prefix">
       <igc-checkbox
-        aria-hidden="true"
+        inert
         ?checked=${this.selected}
-        tabindex="-1"
         exportparts="control: checkbox, indicator: checkbox-indicator, checked"
       ></igc-checkbox>
     </section>`;
@@ -71,10 +67,7 @@ __decorate([
     watch('selected')
 ], IgcComboItemComponent.prototype, "selectedChange", null);
 IgcComboItemComponent = __decorate([
-    themes({
-        light: { bootstrap, fluent, indigo, material },
-        dark: { 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,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,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,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,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAOpE,IAAqB,qBAAqB,GAA1C,MAAqB,qBAAsB,SAAQ,UAAU;IAA7D;;QAgBS,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;IAJzC,MAAM,CAAC;QACN,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC9C,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE;KAC9C,CAAC;GACmB,qBAAqB,CA8DzC;eA9DoB,qBAAqB","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property } from 'lit/decorators.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 { 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 { styles } from './themes/light/item/combo-item.base.css.js';\n\n/* blazorSuppress */\n@themes({\n  light: { bootstrap, fluent, indigo, material },\n  dark: { bootstrap, fluent, indigo, material },\n})\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"]}
+{"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;IAIpD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC;IAChD,CAAC;IA4BS,cAAc;QACtB,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpD,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QArBH,aAAQ,GAAG,KAAK,CAAC;QAMjB,WAAM,GAAG,KAAK,CAAC;QAOf,iBAAY,GAAG,KAAK,CAAC;QAU1B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACzC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;IAClC,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;;;eAGjB,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;;AAlEsB,6BAAO,GAAW,gBAAgB,AAA3B,CAA4B;AACnC,4BAAM,GAAG,MAAM,AAAT,CAAU;AAShC;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;2DAGjB;AApCkB,qBAAqB;IADzC,MAAM,CAAC,GAAG,CAAC;GACS,qBAAqB,CAoEzC;eApEoB,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  private _internals: ElementInternals;\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._internals.ariaSelected = `${this.selected}`;\n  }\n\n  constructor() {\n    super();\n\n    this._internals = this.attachInternals();\n    this._internals.role = 'option';\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        inert\n        ?checked=${this.selected}\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,9 +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 {
     interface HTMLElementTagNameMap {

package/components/combo/combo-list.js

@@ -1,4 +1,4 @@
-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() {
@@ -8,12 +8,6 @@ class IgcComboListComponent extends LitVirtualizer {
     static register() {
         registerComponent(this);
     }
-    async connectedCallback() {
-        await super.layoutComplete;
-        super.connectedCallback();
-        this.setAttribute('tabindex', '0');
-        this.setAttribute('role', 'listbox');
-    }
 }
 IgcComboListComponent.tagName = 'igc-combo-list';
 export default IgcComboListComponent;

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;AACvD,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';\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"]}
+{"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;IAKlC,CAAC;IAHQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;;AALsB,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\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-combo-list': IgcComboListComponent;\n  }\n}\n"]}

package/components/combo/combo.d.ts

@@ -1,16 +1,20 @@
 import { LitElement, TemplateResult } from 'lit';
-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';
 import { DataController } from './controllers/data.js';
 import { NavigationController } from './controllers/navigation.js';
 import { SelectionController } from './controllers/selection.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';
 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.
@@ -52,18 +56,18 @@ declare const IgcComboComponent_base: Constructor<import("../common/mixins/form-
  * @csspart footer - The container holding the footer content.
  * @csspart empty - The container holding the empty content.
  */
-export default class IgcComboComponent<T extends object = any> extends IgcComboComponent_base implements Partial<IgcToggleComponent> {
+export default class IgcComboComponent<T extends object = any> extends IgcComboComponent_base {
     static readonly tagName = "igc-combo";
     static styles: import("lit").CSSResult;
     static register(): void;
     private _value;
+    private _activeDescendant;
     private _displayValue;
     private _filteringOptions;
     protected validators: Validator<this>[];
     protected navigationController: NavigationController<T>;
     protected selectionController: SelectionController<T>;
     protected dataController: DataController<T>;
-    protected toggleController: IgcToggleController;
     private readonly [themeSymbol];
     protected helperText: Array<HTMLElement>;
     protected inputSuffix: Array<HTMLElement>;
@@ -182,8 +186,8 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
     protected updateFilterKey(): void;
     protected pipeline(): Promise<void>;
     protected toggleDirectiveChange(): void;
+    private _rootClickController;
     constructor();
-    protected getUpdateComplete(): Promise<boolean>;
     protected resetSearchTerm(): void;
     protected resetState(): void;
     protected requiredChange(): Promise<void>;
@@ -216,7 +220,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>[];
@@ -304,6 +308,7 @@ export default class IgcComboComponent<T extends object = any> extends IgcComboC
     protected toggleCaseSensitivity(): void;
     protected get hasPrefixes(): boolean;
     protected get hasSuffixes(): boolean;
+    private _stopPropagation;
     private renderToggleIcon;
     private renderClearIcon;
     private renderMainInput;