igniteui-webcomponents 4.8.0 → 4.8.2

package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ywFAAywF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-3));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--border-on-color: var(--ig-switch-border-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-color: var(--ig-switch-track-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-disabled-color: var(--ig-switch-track-disabled-color, transparent);--track-off-color: var(--ig-switch-track-off-color, transparent);--thumb-on-color: var(--ig-switch-thumb-on-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--label-color: var(--ig-switch-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--label-invalid-color: var(--ig-switch-label-invalid-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-secondary-50), var(--ig-secondary-a)));--track-error-color: var(--ig-switch-track-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}
+{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0uFAA0uF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-3));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--border-on-color: var(--ig-switch-border-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-color: var(--ig-switch-track-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-disabled-color: var(--ig-switch-track-disabled-color, transparent);--track-off-color: var(--ig-switch-track-off-color, transparent);--thumb-on-color: var(--ig-switch-thumb-on-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--label-color: var(--ig-switch-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--label-invalid-color: var(--ig-switch-label-invalid-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-secondary-50), var(--ig-secondary-a)));--track-error-color: var(--ig-switch-track-error-color, transparent);--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
+export const styles = css `:host{--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
 //# sourceMappingURL=checkbox.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+xBAA+xB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+xBAA+xB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-900), var(--ig-primary-a)))}`;
+export const styles = css `:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-900), var(--ig-primary-a)))}`;
 //# sourceMappingURL=checkbox.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6oBAA6oB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-900), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6oBAA6oB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-900), var(--ig-primary-a)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-surface-500), var(--ig-surface-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-200), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-400), var(--ig-primary-a)))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-900), 0.15));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-400), 0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsla(var(--ig-error-400), 0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-900), 0.15));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-primary-400), 0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-900), 0.2));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-400), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--label-color-hover: var(--ig-checkbox-label-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-400), var(--ig-primary-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)))}`;
 //# sourceMappingURL=checkbox.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,stCAAstC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-surface-500), var(--ig-surface-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-200), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-400), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2kDAA2kD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-900), 0.15));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-400), 0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsla(var(--ig-error-400), 0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-900), 0.15));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-primary-400), 0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-900), 0.2));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-400), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--label-color-hover: var(--ig-checkbox-label-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-400), var(--ig-primary-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)))}`;\n"]}

package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, transparent);--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, transparent);--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, transparent);--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=checkbox.shared.css.js.map

package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kuCAAkuC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"checkbox.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+9CAA+9C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, transparent);--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, transparent);--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, transparent);--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;\n"]}

package/components/checkbox/themes/light/switch/switch.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;
+export const styles = css `:host{--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--track-error-color: var(--ig-switch-track-error-color, transparent);--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;
 //# sourceMappingURL=switch.indigo.css.js.map

package/components/checkbox/themes/light/switch/switch.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wvCAAwvC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}
+{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6zCAA6zC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--track-error-color: var(--ig-switch-track-error-color, transparent);--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{font-weight:600}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=control]{border-radius:var(--border-radius-ripple);width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part="indicator checked"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part="control checked"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}:host([indeterminate]) [part~=control]{background:var(--fill-color)}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after{border-color:var(--fill-color-hover)}:host([indeterminate]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--ig-secondary-200), 0.87);box-shadow:0 0 0 .25rem hsla(var(--ig-secondary-200), 0.87)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"],:host(:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:inset 0 0 0 .25rem var(--error-color);box-shadow:inset 0 0 0 .25rem var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid]) [part~=control],:host(:hover:not([disabled])[invalid]) [part="control checked"],:host(:hover:not(:disabled)[invalid]) [part~=control],:host(:hover:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid]) [part~=control],:host(:focus-within:not([disabled])[invalid]) [part="control checked"],:host(:focus-within:not(:disabled)[invalid]) [part~=control],:host(:focus-within:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:inset 0 0 0 .25rem var(--error-color);box-shadow:inset 0 0 0 .25rem var(--error-color);background:var(--error-color)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control],:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after,:host([disabled][invalid]) [part="control checked"]::after,:host(:disabled[invalid]) [part="control checked"]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}`;
+export const styles = css `:host{font-weight:600}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);width:var(--size, 1rem);height:var(--size, 1rem);min-width:var(--size, 1rem);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part="indicator checked"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part~=label]{color:var(--label-color-hover)}:host(:hover) [part~=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part="control checked"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host([indeterminate]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-color)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"],:host(:not(:disabled)[invalid]) [part="control checked"]{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{border-color:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid]) [part~=label],:host(:hover:not(:disabled)[invalid]) [part~=label],:host(:hover:not([disabled])[invalid][indeterminate]) [part~=label],:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=label]{color:var(--label-color-hover)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{border-color:var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{background:var(--error-color-hover)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid]) [part~=control],:host(:focus-within:not([disabled])[invalid]) [part="control checked"],:host(:focus-within:not(:disabled)[invalid]) [part~=control],:host(:focus-within:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after,:host([disabled][invalid]) [part="control checked"]::after,:host(:disabled[invalid]) [part="control checked"]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator],:host([disabled][invalid]) [part~=indicator],:host(:disabled[invalid]) [part~=indicator]{stroke-opacity:.4}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}`;
 //# sourceMappingURL=checkbox.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w8JAAw8J,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-weight:600}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=control]{border-radius:var(--border-radius-ripple);width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part=\"indicator checked\"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}:host([indeterminate]) [part~=control]{background:var(--fill-color)}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after{border-color:var(--fill-color-hover)}:host([indeterminate]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--ig-secondary-200), 0.87);box-shadow:0 0 0 .25rem hsla(var(--ig-secondary-200), 0.87)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"],:host(:not(:disabled)[invalid]) [part=\"control checked\"]{-webkit-box-shadow:inset 0 0 0 .25rem var(--error-color);box-shadow:inset 0 0 0 .25rem var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid]) [part~=control],:host(:hover:not([disabled])[invalid]) [part=\"control checked\"],:host(:hover:not(:disabled)[invalid]) [part~=control],:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid]) [part~=control],:host(:focus-within:not([disabled])[invalid]) [part=\"control checked\"],:host(:focus-within:not(:disabled)[invalid]) [part~=control],:host(:focus-within:not(:disabled)[invalid]) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:inset 0 0 0 .25rem var(--error-color);box-shadow:inset 0 0 0 .25rem var(--error-color);background:var(--error-color)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control],:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after,:host([disabled][invalid]) [part=\"control checked\"]::after,:host(:disabled[invalid]) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}`;\n"]}
+{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8sLAA8sL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-weight:600}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);width:var(--size, 1rem);height:var(--size, 1rem);min-width:var(--size, 1rem);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part=\"indicator checked\"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part~=label]{color:var(--label-color-hover)}:host(:hover) [part~=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host([indeterminate]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-color)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"],:host(:not(:disabled)[invalid]) [part=\"control checked\"]{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{border-color:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid]) [part~=label],:host(:hover:not(:disabled)[invalid]) [part~=label],:host(:hover:not([disabled])[invalid][indeterminate]) [part~=label],:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=label]{color:var(--label-color-hover)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{border-color:var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid]) [part~=control],:host(:focus-within:not([disabled])[invalid]) [part=\"control checked\"],:host(:focus-within:not(:disabled)[invalid]) [part~=control],:host(:focus-within:not(:disabled)[invalid]) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after,:host([disabled][invalid]) [part=\"control checked\"]::after,:host(:disabled[invalid]) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator],:host([disabled][invalid]) [part~=indicator],:host(:disabled[invalid]) [part~=indicator]{stroke-opacity:.4}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}`;\n"]}

package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));border-color:var(--focus-fill-color)}[part~=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a))}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset);background:hsla(var(--ig-gray-400), var(--ig-gray-a))}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb]:not([part~=checked]),:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]:not([part~=checked]){background:var(--error-color)}:host(:not([disabled])[invalid]) [part=focused][part~=control],:host(:not([disabled])[invalid]) [part=focused][part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part=focused][part~=control],:host(:not(:disabled)[invalid]) [part=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host([disabled]) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}`;
+export const styles = css `:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));border-color:var(--focus-fill-color)}[part~=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a))}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset);background:hsla(var(--ig-gray-400), var(--ig-gray-a))}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb]:not([part~=checked]),:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]:not([part~=checked]){background:var(--error-color)}:host(:not([disabled])[invalid]) [part=focused][part~=control],:host(:not([disabled])[invalid]) [part=focused][part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part=focused][part~=control],:host(:not(:disabled)[invalid]) [part=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host([disabled]) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}`;
 //# sourceMappingURL=switch.bootstrap.css.js.map

package/components/checkbox/themes/shared/switch/switch.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s+EAAs+E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));border-color:var(--focus-fill-color)}[part~=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a))}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset);background:hsla(var(--ig-gray-400), var(--ig-gray-a))}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb]:not([part~=checked]),:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]:not([part~=checked]){background:var(--error-color)}:host(:not([disabled])[invalid]) [part=focused][part~=control],:host(:not([disabled])[invalid]) [part=focused][part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part=focused][part~=control],:host(:not(:disabled)[invalid]) [part=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host([disabled]) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}`;\n"]}
+{"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o4FAAo4F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 2rem;--thumb-size: 0.625rem;--border-size: 0.0625rem;--thumb-offset: 0.125rem;--label-gap: 0.5rem}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=focused] [part~=thumb]:not([part~=checked]){background:var(--focus-fill-color)}[part~=focused][part~=control]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-100), var(--ig-primary-a));border-color:var(--focus-fill-color)}[part~=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a));box-shadow:0 0 0 .125rem hsla(var(--ig-primary-200), var(--ig-primary-a))}[part~=control]{border-radius:var(--border-radius-track);width:var(--size);height:1rem;border:var(--border-size) solid var(--border-color);background:var(--track-off-color);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=control][part~=checked]{background:var(--track-on-color);border-color:var(--border-on-color)}[part~=thumb]{border-radius:var(--border-radius-thumb);width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset);background:hsla(var(--ig-gray-400), var(--ig-gray-a))}[part~=thumb][part~=checked]{background:var(--thumb-on-color);-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2);margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset) - var(--border-size)*2)}:host(:not([disabled])[invalid]) [part~=control],:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=control],:host(:not(:disabled)[invalid]) [part~=control][part~=checked]{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part~=control][part~=checked],:host(:not([disabled])[invalid]) [part~=thumb]:not([part~=checked]),:host(:not(:disabled)[invalid]) [part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part~=thumb]:not([part~=checked]){background:var(--error-color)}:host(:not([disabled])[invalid]) [part=focused][part~=control],:host(:not([disabled])[invalid]) [part=focused][part~=control][part~=checked],:host(:not(:disabled)[invalid]) [part=focused][part~=control],:host(:not(:disabled)[invalid]) [part=focused][part~=control][part~=checked]{-webkit-box-shadow:0 0 0 .125rem var(--error-color-hover);box-shadow:0 0 0 .125rem var(--error-color-hover)}:host([disabled]) [part~=control][part~=checked]{border-color:var(--track-on-disabled-color)}`;\n"]}

package/components/combo/themes/dark/combo.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), 0.7));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;
+export const styles = css `:host{--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--disabled-text-color: var(--ig-combo-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;
 //# sourceMappingURL=combo.indigo.css.js.map

package/components/combo/themes/dark/combo.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2nHAA2nH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), 0.7));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;\n"]}
+{"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qrHAAqrH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--disabled-text-color: var(--ig-combo-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;
+export const styles = css `:host{--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;
 //# sourceMappingURL=combo.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uwGAAuwG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;\n"]}
+{"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0vGAA0vG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;\n"]}

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

@@ -101,7 +101,7 @@ export function getPreviousActiveItem(items, from) {
 export function setInitialSelectionState(items) {
     const lastSelected = items.filter((item) => item.selected).at(-1) ?? null;
     for (const item of items) {
-        if (!item.isSameNode(lastSelected)) {
+        if (item !== lastSelected) {
             item.selected = false;
         }
     }

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

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

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

@@ -19,23 +19,19 @@ export function FormAssociatedMixin(superClass) {
         get willValidate() {
             return this.__internals.willValidate;
         }
-        get disabled() {
-            return this._disabled;
-        }
         set disabled(value) {
-            const prev = this._disabled;
             this._disabled = value;
             this.toggleAttribute('disabled', Boolean(this._disabled));
-            this.requestUpdate('disabled', prev);
         }
-        get invalid() {
-            return this._invalid;
+        get disabled() {
+            return this._disabled;
         }
         set invalid(value) {
-            const prev = this._invalid;
             this._invalid = value;
             this.toggleAttribute('invalid', Boolean(this._invalid));
-            this.requestUpdate('invalid', prev);
+        }
+        get invalid() {
+            return this._invalid;
         }
         constructor(...args) {
             super(args);

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

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

package/components/common/util.d.ts

@@ -62,4 +62,6 @@ export declare function isDefined<T = unknown>(value: T): boolean;
 export declare function iterNodes<T = Node>(root: Node, whatToShow?: keyof typeof NodeFilter, filter?: (node: T) => boolean): Generator<T>;
 export declare function getElementByIdFromRoot(root: HTMLElement, id: string): HTMLElement | null;
 export declare function isElement(node: unknown): node is Element;
+export declare function getElementsFromEventPath<T extends Element>(event: Event): T[];
+export declare function findElementFromEventPath<T extends Element>(predicate: string | ((element: Element) => boolean), event: Event): T | undefined;
 export declare function groupBy<T>(array: T[], key: keyof T | ((item: T) => any)): Record<string, T[]>;

package/components/common/util.js

@@ -76,6 +76,15 @@ export function getElementByIdFromRoot(root, id) {
 export function isElement(node) {
     return node instanceof Node && node.nodeType === Node.ELEMENT_NODE;
 }
+export function getElementsFromEventPath(event) {
+    return event.composedPath().filter((item) => isElement(item));
+}
+export function findElementFromEventPath(predicate, event) {
+    const func = typeof predicate === 'string'
+        ? (e) => e.matches(predicate)
+        : (e) => predicate(e);
+    return getElementsFromEventPath(event).find(func);
+}
 export function groupBy(array, key) {
     const result = {};
     const _get = typeof key === 'function' ? key : (item) => item[key];

package/components/common/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/common/util.ts"],"names":[],"mappings":"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","sourcesContent":["export interface PartNameInfo {\n  readonly [name: string]: string | boolean | number;\n}\n\nexport const partNameMap = (partNameInfo: PartNameInfo) => {\n  return Object.keys(partNameInfo)\n    .filter((key) => partNameInfo[key])\n    .join(' ');\n};\n\nexport const asPercent = (part: number, whole: number) => (part / whole) * 100;\n\nexport const clamp = (number: number, min: number, max: number) =>\n  Math.max(min, Math.min(number, max));\n\n/**\n *\n * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the\n * parent doesn't have to be positioned relative or absolute.\n *\n * Work around for the following issues in Chromium based browsers:\n *\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1330819\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1334556\n *\n */\nexport function getOffset(element: HTMLElement, parent: HTMLElement) {\n  const { top, left, bottom, right } = element.getBoundingClientRect();\n  const {\n    top: pTop,\n    left: pLeft,\n    bottom: pBottom,\n    right: pRight,\n  } = parent.getBoundingClientRect();\n\n  return {\n    top: Math.round(top - pTop),\n    left: Math.round(left - pLeft),\n    right: Math.round(right - pRight),\n    bottom: Math.round(bottom - pBottom),\n  };\n}\n\nexport function createCounter() {\n  let i = 0;\n  return function () {\n    i++;\n    return i;\n  };\n}\n\nexport function isLTR(element: HTMLElement) {\n  return getComputedStyle(element).getPropertyValue('direction') === 'ltr';\n}\n\n/**\n * Builds a string from format specifiers and replacement parameters.\n *\n * @example\n * ```typescript\n * format('{0} says \"{1}\".', 'John', 'Hello'); // 'John says \"Hello\".'\n * ```\n */\nexport function format(template: string, ...params: string[]): string {\n  return template.replace(/{(\\d+)}/g, function (match: string, index: number) {\n    if (index >= params.length) {\n      return match;\n    }\n\n    const value: string = params[index];\n    if (typeof value !== 'number' && !value) {\n      return '';\n    }\n    return value;\n  });\n}\n\n/**\n * Parse the passed `value` as a number or return the `fallback` if it can't be done.\n *\n * @example\n * ```typescript\n * asNumber('5'); // 5\n * asNumber('3.14'); // 3.14\n * asNumber('five'); // 0\n * asNUmber('five', 5); // 5\n * ```\n */\nexport function asNumber(value: unknown, fallback = 0) {\n  const parsed = parseFloat(value as string);\n  return isNaN(parsed) ? fallback : parsed;\n}\n\n/**\n * Returns the value wrapped between the min and max bounds.\n *\n * If the value is greater than max, returns the min and vice-versa.\n * If the value is between the bounds, it is returned unchanged.\n *\n * @example\n * ```typescript\n * wrap(1, 4, 2); // 2\n * wrap(1, 4, 5); // 1\n * wrap(1, 4, -1); // 4\n * ```\n */\nexport function wrap(min: number, max: number, value: number) {\n  if (value < min) {\n    return max;\n  } else if (value > max) {\n    return min;\n  }\n\n  return value;\n}\n\nexport function isDefined<T = unknown>(value: T) {\n  return value !== undefined;\n}\n\nexport function* iterNodes<T = Node>(\n  root: Node,\n  whatToShow?: keyof typeof NodeFilter,\n  filter?: (node: T) => boolean\n): Generator<T> {\n  if (!isDefined(globalThis.document)) {\n    return;\n  }\n\n  const iter = globalThis.document.createTreeWalker(\n    root,\n    NodeFilter[whatToShow ?? 'SHOW_ALL']\n  );\n\n  let node: T;\n\n  while ((node = iter.nextNode() as T)) {\n    if (filter) {\n      if (filter(node)) {\n        yield node;\n      }\n    } else {\n      yield node;\n    }\n  }\n}\n\nexport function getElementByIdFromRoot(root: HTMLElement, id: string) {\n  return (root.getRootNode() as Document | ShadowRoot).getElementById(id);\n}\n\nexport function isElement(node: unknown): node is Element {\n  return node instanceof Node && node.nodeType === Node.ELEMENT_NODE;\n}\n\nexport function groupBy<T>(array: T[], key: keyof T | ((item: T) => any)) {\n  const result: Record<string, T[]> = {};\n  const _get = typeof key === 'function' ? key : (item: T) => item[key];\n\n  for (const item of array) {\n    const category = _get(item);\n    const group = result[category];\n\n    Array.isArray(group) ? group.push(item) : (result[category] = [item]);\n  }\n\n  return result;\n}\n"]}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/common/util.ts"],"names":[],"mappings":"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","sourcesContent":["export interface PartNameInfo {\n  readonly [name: string]: string | boolean | number;\n}\n\nexport const partNameMap = (partNameInfo: PartNameInfo) => {\n  return Object.keys(partNameInfo)\n    .filter((key) => partNameInfo[key])\n    .join(' ');\n};\n\nexport const asPercent = (part: number, whole: number) => (part / whole) * 100;\n\nexport const clamp = (number: number, min: number, max: number) =>\n  Math.max(min, Math.min(number, max));\n\n/**\n *\n * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the\n * parent doesn't have to be positioned relative or absolute.\n *\n * Work around for the following issues in Chromium based browsers:\n *\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1330819\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1334556\n *\n */\nexport function getOffset(element: HTMLElement, parent: HTMLElement) {\n  const { top, left, bottom, right } = element.getBoundingClientRect();\n  const {\n    top: pTop,\n    left: pLeft,\n    bottom: pBottom,\n    right: pRight,\n  } = parent.getBoundingClientRect();\n\n  return {\n    top: Math.round(top - pTop),\n    left: Math.round(left - pLeft),\n    right: Math.round(right - pRight),\n    bottom: Math.round(bottom - pBottom),\n  };\n}\n\nexport function createCounter() {\n  let i = 0;\n  return function () {\n    i++;\n    return i;\n  };\n}\n\nexport function isLTR(element: HTMLElement) {\n  return getComputedStyle(element).getPropertyValue('direction') === 'ltr';\n}\n\n/**\n * Builds a string from format specifiers and replacement parameters.\n *\n * @example\n * ```typescript\n * format('{0} says \"{1}\".', 'John', 'Hello'); // 'John says \"Hello\".'\n * ```\n */\nexport function format(template: string, ...params: string[]): string {\n  return template.replace(/{(\\d+)}/g, function (match: string, index: number) {\n    if (index >= params.length) {\n      return match;\n    }\n\n    const value: string = params[index];\n    if (typeof value !== 'number' && !value) {\n      return '';\n    }\n    return value;\n  });\n}\n\n/**\n * Parse the passed `value` as a number or return the `fallback` if it can't be done.\n *\n * @example\n * ```typescript\n * asNumber('5'); // 5\n * asNumber('3.14'); // 3.14\n * asNumber('five'); // 0\n * asNUmber('five', 5); // 5\n * ```\n */\nexport function asNumber(value: unknown, fallback = 0) {\n  const parsed = parseFloat(value as string);\n  return isNaN(parsed) ? fallback : parsed;\n}\n\n/**\n * Returns the value wrapped between the min and max bounds.\n *\n * If the value is greater than max, returns the min and vice-versa.\n * If the value is between the bounds, it is returned unchanged.\n *\n * @example\n * ```typescript\n * wrap(1, 4, 2); // 2\n * wrap(1, 4, 5); // 1\n * wrap(1, 4, -1); // 4\n * ```\n */\nexport function wrap(min: number, max: number, value: number) {\n  if (value < min) {\n    return max;\n  } else if (value > max) {\n    return min;\n  }\n\n  return value;\n}\n\nexport function isDefined<T = unknown>(value: T) {\n  return value !== undefined;\n}\n\nexport function* iterNodes<T = Node>(\n  root: Node,\n  whatToShow?: keyof typeof NodeFilter,\n  filter?: (node: T) => boolean\n): Generator<T> {\n  if (!isDefined(globalThis.document)) {\n    return;\n  }\n\n  const iter = globalThis.document.createTreeWalker(\n    root,\n    NodeFilter[whatToShow ?? 'SHOW_ALL']\n  );\n\n  let node: T;\n\n  while ((node = iter.nextNode() as T)) {\n    if (filter) {\n      if (filter(node)) {\n        yield node;\n      }\n    } else {\n      yield node;\n    }\n  }\n}\n\nexport function getElementByIdFromRoot(root: HTMLElement, id: string) {\n  return (root.getRootNode() as Document | ShadowRoot).getElementById(id);\n}\n\nexport function isElement(node: unknown): node is Element {\n  return node instanceof Node && node.nodeType === Node.ELEMENT_NODE;\n}\n\nexport function getElementsFromEventPath<T extends Element>(event: Event) {\n  return event.composedPath().filter((item) => isElement(item)) as T[];\n}\n\nexport function findElementFromEventPath<T extends Element>(\n  predicate: string | ((element: Element) => boolean),\n  event: Event\n) {\n  const func =\n    typeof predicate === 'string'\n      ? (e: Element) => e.matches(predicate)\n      : (e: Element) => predicate(e);\n\n  return getElementsFromEventPath(event).find(func) as T | undefined;\n}\n\nexport function groupBy<T>(array: T[], key: keyof T | ((item: T) => any)) {\n  const result: Record<string, T[]> = {};\n  const _get = typeof key === 'function' ? key : (item: T) => item[key];\n\n  for (const item of array) {\n    const category = _get(item);\n    const group = result[category];\n\n    Array.isArray(group) ? group.push(item) : (result[category] = [item]);\n  }\n\n  return result;\n}\n"]}

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

@@ -32,6 +32,9 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
         if (val) {
             this.setMask(val);
             this._inputFormat = val;
+            if (this.value) {
+                this.updateMask();
+            }
         }
     }
     get value() {
@@ -75,10 +78,8 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
         }
     }
     setDisplayFormat() {
-        if (this.displayFormat) {
-            if (this.value) {
-                this.maskedValue = DateTimeUtil.formatDate(this.value, this.locale, this.displayFormat, true);
-            }
+        if (this.value) {
+            this.updateMask();
         }
     }
     promptChange() {