igniteui-webcomponents 5.3.0-beta.3 → 5.4.0-rc.0

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-700));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-100));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-100));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-700));--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.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, var(--ig-gray-100));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-200-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-200-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-200-contrast))}`;
+export const styles = css `:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-700));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-100));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-700));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-700));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-100));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-700));--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.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)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-900));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-900));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: fluent}`;
 //# sourceMappingURL=combo.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2wGAA2wG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-700));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-100));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-100));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-700));--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.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, var(--ig-gray-100));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-200-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-200-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-200-contrast))}`;\n"]}
+{"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,87GAA87G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-700));--clear-button-background: var(--ig-combo-clear-button-background, var(--ig-gray-100));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-700));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-700));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, var(--ig-gray-100));--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-surface-500));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-700));--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.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)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-900));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-900));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: fluent}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-600));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-600));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-600));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-600));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-900) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-600));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-700));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 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(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-900-contrast));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900))}`;
+export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-600));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-600));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-600));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-600));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-900) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-600));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-700));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-900-contrast));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 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(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: indigo}`;
 //# 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,88HAA88H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-600));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-600));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-600));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-600));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-900) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-600));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-700));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 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(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-900-contrast));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900))}`;\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,o/HAAo/H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, transparent);--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-600));--toggle-button-background: var(--ig-combo-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-600));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-600));--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-600));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-600));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsl(from var(--ig-gray-900) h s l/0.2));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-gray-900-contrast));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-600));--hover-item-background: var(--ig-combo-list-hover-item-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-900));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-700));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-900-contrast));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-combo-list-selected-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-400));--border-width: var(--ig-combo-list-border-width, 1px);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 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(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-gray-900));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-gray-700));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsl(from var(--ig-primary-300) h s l/0.5));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-gray-900));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-gray-800));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsl(from var(--ig-primary-300) h s l/0.3));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-gray-900));--ig-theme: indigo}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-400));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--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.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 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, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast))}`;
+export const styles = css `:host{--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-400));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-100));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--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.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 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)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;
 //# sourceMappingURL=combo.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gkGAAgkG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-400));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--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.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 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, hsl(from var(--ig-gray-100) h s l/0.8));--focused-item-background: var(--ig-combo-list-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast))}`;\n"]}
+{"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u9FAAu9F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-400));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-combo-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-combo-error-secondary-color, var(--ig-error-500));--ig-theme: material;--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, var(--ig-surface-500));--header-text-color: var(--ig-combo-list-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-combo-list-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-combo-list-item-icon-color, var(--ig-gray-800));--hover-item-background: var(--ig-combo-list-hover-item-background, var(--ig-gray-100));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-combo-list-hover-item-icon-color, var(--ig-gray-800));--focused-item-background: var(--ig-combo-list-focused-item-background, var(--ig-gray-100));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-combo-list-focused-item-border-color, transparent);--selected-item-background: var(--ig-combo-list-selected-item-background, var(--ig-secondary-100));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, var(--ig-gray-500));--border-color: var(--ig-combo-list-border-color, var(--ig-gray-300));--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.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 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)));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-combo-list-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-combo-list-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--ig-theme: material}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-500));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-400));--default-size: var(--ig-combo-default-size, 2)}`;
+export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-500));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--default-size: var(--ig-combo-default-size, 2)}`;
 //# sourceMappingURL=combo.shared.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"combo.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2iDAA2iD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-500));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-400));--default-size: var(--ig-combo-default-size, 2)}`;\n"]}
+{"version":3,"file":"combo.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2iDAA2iD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, var(--ig-gray-300));--case-icon-color: var(--ig-combo-case-icon-color, var(--ig-gray-400));--case-icon-color--active: var(--ig-combo-case-icon-color--active, var(--ig-primary-500));--empty-list-background: var(--ig-combo-empty-list-background, var(--ig-surface-500));--search-separator-border-color: var(--ig-combo-search-separator-border-color, var(--ig-gray-500));--empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, var(--ig-gray-700));--toggle-button-background: var(--ig-combo-toggle-button-background, var(--ig-gray-300));--toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, var(--ig-gray-300));--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, var(--ig-gray-700));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, var(--ig-gray-900));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, var(--ig-gray-900));--clear-button-background: var(--ig-combo-clear-button-background, transparent);--clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-900));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-900));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, var(--ig-gray-100));--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, var(--ig-gray-500));--default-size: var(--ig-combo-default-size, 2)}`;\n"]}

package/components/common/controllers/drag.d.ts

@@ -1,6 +1,5 @@
 import type { LitElement, ReactiveController, ReactiveControllerHost } from 'lit';
 import type { Ref } from 'lit/directives/ref.js';
-type DragEnterCallback = (target: Element) => unknown;
 type DragCallback = (parameters: DragCallbackParameters) => unknown;
 type DragCancelCallback = (state: DragState) => unknown;
 export type DragCallbackParameters = {
@@ -18,11 +17,23 @@ type State = {
         x: number;
         y: number;
     };
+    pointerState: {
+        previous: {
+            x: number;
+            y: number;
+        };
+        current: {
+            x: number;
+            y: number;
+        };
+        direction: Direction;
+    };
 };
 type DragState = State & {
     ghost: HTMLElement | null;
     element: Element | null;
 };
+type Direction = 'start' | 'end' | 'bottom' | 'top';
 type DragControllerConfiguration = {
     /** Whether the drag feature is enabled for the current host. */
     enabled?: boolean;
@@ -65,9 +76,9 @@ type DragControllerConfiguration = {
     start?: DragCallback;
     /** Callback invoked while dragging the target element.  */
     move?: DragCallback;
-    enter?: DragEnterCallback;
-    leave?: DragEnterCallback;
-    over?: DragEnterCallback;
+    enter?: DragCallback;
+    leave?: DragCallback;
+    over?: DragCallback;
     /** Callback invoked during a drop operation. */
     end?: DragCallback;
     /** Callback invoked when a drag is cancelled */
@@ -131,6 +142,7 @@ declare class DragController implements ReactiveController {
     private _setDragState;
     private _updateMatcher;
     private _updatePosition;
+    private _updatePointerState;
     private _assignPosition;
     private _createDragGhost;
     private _removeGhost;

package/components/common/controllers/drag.js

@@ -1,5 +1,10 @@
-import { findElementFromEventPath } from '../util.js';
-const additionalEvents = ['pointermove', 'lostpointercapture'];
+import { getDefaultLayer } from '../../resize-container/default-ghost.js';
+import { findElementFromEventPath, getRoot, isLTR, roundByDPR, } from '../util.js';
+const additionalEvents = [
+    'pointermove',
+    'lostpointercapture',
+    'contextmenu',
+];
 class DragController {
     get _hasSnapping() {
         return Boolean(this._options.snapToCursor);
@@ -61,6 +66,7 @@ class DragController {
         this._host.removeEventListener('touchstart', this);
         this._host.removeEventListener('pointerdown', this);
         this._setDragCancelListener(false);
+        this._removeGhost();
     }
     handleEvent(event) {
         if (!this.enabled) {
@@ -69,6 +75,7 @@ class DragController {
         switch (event.type) {
             case 'touchstart':
             case 'dragstart':
+            case 'contextmenu':
                 event.preventDefault();
                 break;
             case 'keydown':
@@ -90,11 +97,17 @@ class DragController {
             return;
         }
         this._setInitialState(event);
-        this._createDragGhost(event);
-        this._options.start?.call(this._host, {
+        this._createDragGhost();
+        this._updatePosition(event);
+        const parameters = {
             event,
             state: this._stateParameters,
-        });
+        };
+        if (this._options.start?.call(this._host, parameters) === false) {
+            this.dispose();
+            return;
+        }
+        this._assignPosition(this._dragItem);
         this._setDragState();
     }
     _handlePointerMove(event) {
@@ -102,8 +115,12 @@ class DragController {
             return;
         }
         this._updatePosition(event);
+        this._updatePointerState(event);
         this._updateMatcher(event);
-        const parameters = { event, state: this._stateParameters };
+        const parameters = {
+            event,
+            state: this._stateParameters,
+        };
         this._options.move?.call(this._host, parameters);
         this._assignPosition(this._dragItem);
     }
@@ -135,6 +152,11 @@ class DragController {
             current: structuredClone(rect),
             position,
             offset,
+            pointerState: {
+                previous: { x: clientX, y: clientY },
+                current: { x: clientX, y: clientY },
+                direction: 'end',
+            },
         };
     }
     _setDragState(enabled = true) {
@@ -158,44 +180,65 @@ class DragController {
         if (!this._options.matchTarget) {
             return;
         }
-        const matches = document.elementsFromPoint(event.clientX, event.clientY);
-        if (matches.length === 1) {
-            return;
-        }
-        const match = matches.find((value) => this._options.matchTarget.call(this._host, value));
+        const match = getRoot(this._host)
+            .elementsFromPoint(event.clientX, event.clientY)
+            .find((element) => this._options.matchTarget.call(this._host, element));
         if (match && !this._matchedElement) {
             this._matchedElement = match;
-            this._options.enter?.call(this._host, this._matchedElement);
+            this._options.enter?.call(this._host, {
+                event,
+                state: this._stateParameters,
+            });
             return;
         }
         if (!match && this._matchedElement) {
-            this._options.leave?.call(this._host, this._matchedElement);
+            this._options.leave?.call(this._host, {
+                event,
+                state: this._stateParameters,
+            });
             this._matchedElement = null;
             return;
         }
         if (match && match === this._matchedElement) {
-            this._options.over?.call(this._host, this._matchedElement);
+            this._options.over?.call(this._host, {
+                event,
+                state: this._stateParameters,
+            });
         }
     }
     _updatePosition({ clientX, clientY }) {
-        const { top, left } = this._layer.getBoundingClientRect();
         const { x, y } = this._state.offset;
-        const posX = this._hasSnapping ? clientX - left : clientX - left + x;
-        const posY = this._hasSnapping ? clientY - top : clientY - top + y;
-        Object.assign(this._state.position, { x: posX, y: posY });
+        const { x: layerX, y: layerY } = this._isDeferred
+            ? this._layer.getBoundingClientRect()
+            : this._state.initial;
+        const posX = this._hasSnapping ? clientX - layerX : clientX - layerX + x;
+        const posY = this._hasSnapping ? clientY - layerY : clientY - layerY + y;
+        this._state.position = { x: posX, y: posY };
+    }
+    _updatePointerState({ clientX, clientY }) {
+        const state = this._state.pointerState;
+        state.previous = { ...state.current };
+        state.current = { x: clientX, y: clientY };
+        const dx = state.current.x - state.previous.x;
+        const dy = state.current.y - state.previous.y;
+        if (Math.abs(dx) >= Math.abs(dy)) {
+            const swapHorizontal = isLTR(this._host) ? dx >= 0 : dx <= 0;
+            state.direction = swapHorizontal ? 'end' : 'start';
+        }
+        else {
+            state.direction = dy >= 0 ? 'bottom' : 'top';
+        }
     }
     _assignPosition(element) {
-        element.style.transform = `translate(${this._state.position.x}px,${this._state.position.y}px)`;
+        element.style.transform = `translate3d(${roundByDPR(this._state.position.x)}px,${roundByDPR(this._state.position.y)}px,0)`;
     }
-    _createDragGhost(event) {
+    _createDragGhost() {
         if (!this._isDeferred) {
             return;
         }
         this._ghost =
             this._options.ghost?.call(this._host) ??
                 createDefaultDragGhost(this._host.getBoundingClientRect());
-        this._updatePosition(event);
-        this._assignPosition(this._ghost);
         this._layer.append(this._ghost);
     }
     _removeGhost() {
@@ -208,9 +251,6 @@ class DragController {
             !findElementFromEventPath((e) => e === this._element, event));
     }
 }
-function getDefaultLayer() {
-    return document.body;
-}
 function createDefaultDragGhost({ x, y, width, height }) {
     const element = document.createElement('div');
     Object.assign(element.style, {

package/components/common/controllers/drag.js.map

@@ -1 +1 @@
-{"version":3,"file":"drag.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/drag.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  LitElement,\n  ReactiveController,\n  ReactiveControllerHost,\n} from 'lit';\nimport type { Ref } from 'lit/directives/ref.js';\n\nimport { findElementFromEventPath } from '../util.js';\n\ntype DragEnterCallback = (target: Element) => unknown;\n\ntype DragCallback = (parameters: DragCallbackParameters) => unknown;\ntype DragCancelCallback = (state: DragState) => unknown;\n\nexport type DragCallbackParameters = {\n  event: PointerEvent;\n  state: DragState;\n};\n\ntype State = {\n  initial: DOMRect;\n  current: DOMRect;\n  position: { x: number; y: number };\n  offset: { x: number; y: number };\n};\n\ntype DragState = State & {\n  ghost: HTMLElement | null;\n  element: Element | null;\n};\n\ntype DragControllerConfiguration = {\n  /** Whether the drag feature is enabled for the current host. */\n  enabled?: boolean;\n  /**\n   * The mode of the drag operation.\n   *\n   * Deferred will create a ghost element and keep the original element\n   * at its place until the operation completes successfully.\n   */\n  mode?: 'immediate' | 'deferred';\n  /**\n   * Whether starting a drag operation should snap the dragged item's top left corner\n   * to the cursor position.\n   */\n  snapToCursor?: boolean;\n  /**\n   * Guard function invoked during the `start` callback.\n   * Returning a truthy value will stop the current drag operation.\n   */\n  skip?: (event: PointerEvent) => boolean;\n  // REVIEW: API signature\n  matchTarget?: (target: Element) => boolean;\n  /**\n   *\n   */\n  trigger?: () => HTMLElement;\n  /**\n   * Contain drag operations to the scope of the passed DOM element.\n   */\n  container?: Ref<HTMLElement>;\n  /**\n   * The DOM element that will \"host\" the ghost drag element when the controller\n   * is set to **deferred**.\n   *\n   * @remarks\n   * In **immediate** mode, this property is ignored.\n   */\n  layer?: () => HTMLElement;\n\n  ghost?: () => HTMLElement;\n\n  /** Callback invoked at the beginning of a drag operation. */\n  start?: DragCallback;\n  /** Callback invoked while dragging the target element.  */\n  move?: DragCallback;\n\n  enter?: DragEnterCallback;\n\n  leave?: DragEnterCallback;\n\n  over?: DragEnterCallback;\n\n  /** Callback invoked during a drop operation. */\n  end?: DragCallback;\n  /** Callback invoked when a drag is cancelled */\n  cancel?: DragCancelCallback;\n};\n\nconst additionalEvents = ['pointermove', 'lostpointercapture'] as const;\n\nclass DragController implements ReactiveController {\n  private _host: ReactiveControllerHost & LitElement;\n  private _options: DragControllerConfiguration = {\n    enabled: true,\n    mode: 'deferred',\n    snapToCursor: false,\n    layer: getDefaultLayer,\n  };\n\n  private _state!: State;\n\n  private _matchedElement!: Element | null;\n\n  private _id = -1;\n  private _hasPointerCapture = false;\n\n  private _ghost: HTMLElement | null = null;\n\n  /** Whether `snapToCursor` is enabled for the controller. */\n  private get _hasSnapping(): boolean {\n    return Boolean(this._options.snapToCursor);\n  }\n\n  /** Whether the current drag mode is deferred. */\n  private get _isDeferred(): boolean {\n    return this._options.mode === 'deferred';\n  }\n\n  /**\n   * The source element which will capture pointer events and initiate drag mode.\n   *\n   * @remarks\n   * By default that will be the host element itself, unless `trigger` is passed in.\n   */\n  private get _element(): HTMLElement {\n    return this._options.trigger?.() ?? this._host;\n  }\n\n  /**\n   * The element being dragged.\n   *\n   * @remarks\n   * When in **deferred** mode this returns a reference to the drag ghost element,\n   * otherwise it is the host element.\n   */\n  private get _dragItem(): HTMLElement {\n    return this._isDeferred ? this._ghost! : this._host;\n  }\n\n  /**\n   * The DOM element that will \"host\" the ghost drag element when the controller\n   * is set to **deferred**.\n   *\n   * @remarks\n   * In **immediate** mode, this property is ignored.\n   */\n  private get _layer(): HTMLElement {\n    if (!this._isDeferred) {\n      return this._host;\n    }\n\n    return this._options.layer?.() ?? this._host;\n  }\n\n  private get _stateParameters(): DragState {\n    return {\n      ...this._state,\n      ghost: this._ghost,\n      element: this._matchedElement,\n    };\n  }\n\n  constructor(\n    host: ReactiveControllerHost & LitElement,\n    options?: DragControllerConfiguration\n  ) {\n    this._host = host;\n    this._host.addController(this);\n    this.set(options);\n  }\n\n  // #region Public API\n\n  /** Whether the drag controller is enabled. */\n  public get enabled(): boolean {\n    return Boolean(this._options.enabled);\n  }\n\n  /** Updates the drag controller configuration. */\n  public set(options?: DragControllerConfiguration): void {\n    Object.assign(this._options, options);\n  }\n\n  /** Stops any drag operation and cleans up state, additional event listeners and elements. */\n  public dispose(): void {\n    this._matchedElement = null;\n    this._removeGhost();\n    this._setDragState(false);\n  }\n\n  /** @internal */\n  public hostConnected(): void {\n    this._host.addEventListener('dragstart', this);\n    this._host.addEventListener('touchstart', this, { passive: false });\n    this._host.addEventListener('pointerdown', this);\n  }\n\n  /** @internal */\n  public hostDisconnected(): void {\n    this._host.removeEventListener('dragstart', this);\n    this._host.removeEventListener('touchstart', this);\n    this._host.removeEventListener('pointerdown', this);\n    this._setDragCancelListener(false);\n  }\n\n  /** @internal */\n  public handleEvent(event: PointerEvent & KeyboardEvent): void {\n    if (!this.enabled) {\n      return;\n    }\n\n    switch (event.type) {\n      case 'touchstart':\n      case 'dragstart':\n        event.preventDefault();\n        break;\n      case 'keydown':\n        this._handleCancel(event);\n        break;\n      case 'pointerdown':\n        this._handlePointerDown(event);\n        break;\n      case 'pointermove':\n        this._handlePointerMove(event);\n        break;\n      case 'lostpointercapture':\n        this._handlePointerEnd(event);\n        break;\n    }\n  }\n\n  // #endregion\n\n  // #region Event handlers\n\n  private _handlePointerDown(event: PointerEvent): void {\n    if (this._shouldSkip(event)) {\n      return;\n    }\n\n    this._setInitialState(event);\n    this._createDragGhost(event);\n\n    this._options.start?.call(this._host, {\n      event,\n      state: this._stateParameters,\n    });\n    this._setDragState();\n  }\n\n  private _handlePointerMove(event: PointerEvent): void {\n    if (!this._hasPointerCapture) {\n      return;\n    }\n\n    this._updatePosition(event);\n    this._updateMatcher(event);\n\n    const parameters = { event, state: this._stateParameters };\n    this._options.move?.call(this._host, parameters);\n\n    this._assignPosition(this._dragItem);\n  }\n\n  private _handlePointerEnd(event: PointerEvent): void {\n    this._options.end?.call(this._host, {\n      event,\n      state: this._stateParameters,\n    });\n    this.dispose();\n  }\n\n  private _handleCancel(event: KeyboardEvent): void {\n    const key = event.key.toLowerCase();\n\n    if (this._hasPointerCapture && key === 'escape') {\n      // Reset state\n      this._options.cancel?.call(this._host, this._stateParameters);\n    }\n  }\n\n  // #endregion\n\n  private _setDragCancelListener(enabled = true): void {\n    enabled\n      ? globalThis.addEventListener('keydown', this)\n      : globalThis.removeEventListener('keydown', this);\n  }\n\n  private _setInitialState({\n    pointerId,\n    clientX,\n    clientY,\n  }: PointerEvent): void {\n    const rect = this._host.getBoundingClientRect();\n    const position = { x: rect.x, y: rect.y };\n    const offset = { x: rect.x - clientX, y: rect.y - clientY };\n\n    this._id = pointerId;\n    this._state = {\n      initial: rect,\n      current: structuredClone(rect),\n      position,\n      offset,\n    };\n  }\n\n  private _setDragState(enabled = true): void {\n    this._hasPointerCapture = enabled;\n    const cssValue = enabled ? 'none' : '';\n\n    Object.assign(this._element.style, {\n      touchAction: cssValue,\n      userSelect: cssValue,\n    });\n\n    enabled\n      ? this._element.setPointerCapture(this._id)\n      : this._element.releasePointerCapture(this._id);\n\n    this._setDragCancelListener(enabled);\n\n    // Toggle additional events\n    for (const type of additionalEvents) {\n      enabled\n        ? this._host.addEventListener(type, this)\n        : this._host.removeEventListener(type, this);\n    }\n  }\n\n  // REVIEW\n  private _updateMatcher(event: PointerEvent) {\n    if (!this._options.matchTarget) {\n      return;\n    }\n\n    const matches = document.elementsFromPoint(event.clientX, event.clientY);\n\n    if (matches.length === 1) {\n      return;\n    }\n\n    const match = matches.find((value) =>\n      this._options.matchTarget!.call(this._host, value)\n    );\n\n    if (match && !this._matchedElement) {\n      this._matchedElement = match;\n      this._options.enter?.call(this._host, this._matchedElement);\n      return;\n    }\n\n    if (!match && this._matchedElement) {\n      this._options.leave?.call(this._host, this._matchedElement);\n      this._matchedElement = null;\n      return;\n    }\n\n    if (match && match === this._matchedElement) {\n      this._options.over?.call(this._host, this._matchedElement);\n    }\n  }\n\n  private _updatePosition({ clientX, clientY }: PointerEvent): void {\n    const { top, left } = this._layer.getBoundingClientRect();\n    const { x, y } = this._state.offset;\n\n    const posX = this._hasSnapping ? clientX - left : clientX - left + x;\n    const posY = this._hasSnapping ? clientY - top : clientY - top + y;\n\n    Object.assign(this._state.position, { x: posX, y: posY });\n  }\n\n  private _assignPosition(element: HTMLElement): void {\n    element.style.transform = `translate(${this._state.position.x}px,${this._state.position.y}px)`;\n  }\n\n  private _createDragGhost(event: PointerEvent): void {\n    if (!this._isDeferred) {\n      return;\n    }\n\n    this._ghost =\n      this._options.ghost?.call(this._host) ??\n      createDefaultDragGhost(this._host.getBoundingClientRect());\n\n    this._updatePosition(event);\n    this._assignPosition(this._ghost);\n    this._layer.append(this._ghost);\n  }\n\n  private _removeGhost(): void {\n    this._ghost?.remove();\n    this._ghost = null;\n  }\n\n  private _shouldSkip(event: PointerEvent): boolean {\n    return (\n      Boolean(event.button) ||\n      this._options.skip?.call(this._host, event) ||\n      !findElementFromEventPath((e) => e === this._element, event)\n    );\n  }\n}\n\nfunction getDefaultLayer() {\n  return document.body;\n}\n\nfunction createDefaultDragGhost({ x, y, width, height }: DOMRect): HTMLElement {\n  const element = document.createElement('div');\n\n  Object.assign(element.style, {\n    position: 'absolute',\n    left: `${x}px`,\n    top: `${y}px`,\n    width: `${width}px`,\n    height: `${height}px`,\n    zIndex: 1000,\n    background: 'gold',\n  });\n\n  return element;\n}\n\n/**\n * Adds a drag and drop controller to the given host\n */\nexport function addDragController(\n  host: ReactiveControllerHost & LitElement,\n  options?: DragControllerConfiguration\n): DragController {\n  return new DragController(host, options);\n}\n"]}
+{"version":3,"file":"drag.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/drag.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  LitElement,\n  ReactiveController,\n  ReactiveControllerHost,\n} from 'lit';\nimport type { Ref } from 'lit/directives/ref.js';\n\nimport { getDefaultLayer } from '../../resize-container/default-ghost.js';\nimport {\n  findElementFromEventPath,\n  getRoot,\n  isLTR,\n  roundByDPR,\n} from '../util.js';\n\ntype DragCallback = (parameters: DragCallbackParameters) => unknown;\ntype DragCancelCallback = (state: DragState) => unknown;\n\nexport type DragCallbackParameters = {\n  event: PointerEvent;\n  state: DragState;\n};\n\ntype State = {\n  initial: DOMRect;\n  current: DOMRect;\n  position: { x: number; y: number };\n  offset: { x: number; y: number };\n  pointerState: {\n    previous: { x: number; y: number };\n    current: { x: number; y: number };\n    direction: Direction;\n  };\n};\n\ntype DragState = State & {\n  ghost: HTMLElement | null;\n  element: Element | null;\n};\n\ntype Direction = 'start' | 'end' | 'bottom' | 'top';\n\ntype DragControllerConfiguration = {\n  /** Whether the drag feature is enabled for the current host. */\n  enabled?: boolean;\n  /**\n   * The mode of the drag operation.\n   *\n   * Deferred will create a ghost element and keep the original element\n   * at its place until the operation completes successfully.\n   */\n  mode?: 'immediate' | 'deferred';\n  /**\n   * Whether starting a drag operation should snap the dragged item's top left corner\n   * to the cursor position.\n   */\n  snapToCursor?: boolean;\n  /**\n   * Guard function invoked during the `start` callback.\n   * Returning a truthy value will stop the current drag operation.\n   */\n  skip?: (event: PointerEvent) => boolean;\n\n  matchTarget?: (target: Element) => boolean;\n  /**\n   *\n   */\n  trigger?: () => HTMLElement;\n  /**\n   * Contain drag operations to the scope of the passed DOM element.\n   */\n  container?: Ref<HTMLElement>;\n  /**\n   * The DOM element that will \"host\" the ghost drag element when the controller\n   * is set to **deferred**.\n   *\n   * @remarks\n   * In **immediate** mode, this property is ignored.\n   */\n  layer?: () => HTMLElement;\n\n  ghost?: () => HTMLElement;\n\n  /** Callback invoked at the beginning of a drag operation. */\n  start?: DragCallback;\n  /** Callback invoked while dragging the target element.  */\n  move?: DragCallback;\n\n  enter?: DragCallback;\n\n  leave?: DragCallback;\n\n  over?: DragCallback;\n\n  /** Callback invoked during a drop operation. */\n  end?: DragCallback;\n  /** Callback invoked when a drag is cancelled */\n  cancel?: DragCancelCallback;\n};\n\nconst additionalEvents = [\n  'pointermove',\n  'lostpointercapture',\n  'contextmenu',\n] as const;\n\nclass DragController implements ReactiveController {\n  private _host: ReactiveControllerHost & LitElement;\n  private _options: DragControllerConfiguration = {\n    enabled: true,\n    mode: 'deferred',\n    snapToCursor: false,\n    layer: getDefaultLayer,\n  };\n\n  private _state!: State;\n\n  private _matchedElement!: Element | null;\n\n  private _id = -1;\n  private _hasPointerCapture = false;\n\n  private _ghost: HTMLElement | null = null;\n\n  /** Whether `snapToCursor` is enabled for the controller. */\n  private get _hasSnapping(): boolean {\n    return Boolean(this._options.snapToCursor);\n  }\n\n  /** Whether the current drag mode is deferred. */\n  private get _isDeferred(): boolean {\n    return this._options.mode === 'deferred';\n  }\n\n  /**\n   * The source element which will capture pointer events and initiate drag mode.\n   *\n   * @remarks\n   * By default that will be the host element itself, unless `trigger` is passed in.\n   */\n  private get _element(): HTMLElement {\n    return this._options.trigger?.() ?? this._host;\n  }\n\n  /**\n   * The element being dragged.\n   *\n   * @remarks\n   * When in **deferred** mode this returns a reference to the drag ghost element,\n   * otherwise it is the host element.\n   */\n  private get _dragItem(): HTMLElement {\n    return this._isDeferred ? this._ghost! : this._host;\n  }\n\n  /**\n   * The DOM element that will \"host\" the ghost drag element when the controller\n   * is set to **deferred**.\n   *\n   * @remarks\n   * In **immediate** mode, this property is ignored.\n   */\n  private get _layer(): HTMLElement {\n    if (!this._isDeferred) {\n      return this._host;\n    }\n\n    return this._options.layer?.() ?? this._host;\n  }\n\n  private get _stateParameters(): DragState {\n    return {\n      ...this._state,\n      ghost: this._ghost,\n      element: this._matchedElement,\n    };\n  }\n\n  constructor(\n    host: ReactiveControllerHost & LitElement,\n    options?: DragControllerConfiguration\n  ) {\n    this._host = host;\n    this._host.addController(this);\n    this.set(options);\n  }\n\n  // #region Public API\n\n  /** Whether the drag controller is enabled. */\n  public get enabled(): boolean {\n    return Boolean(this._options.enabled);\n  }\n\n  /** Updates the drag controller configuration. */\n  public set(options?: DragControllerConfiguration): void {\n    Object.assign(this._options, options);\n  }\n\n  /** Stops any drag operation and cleans up state, additional event listeners and elements. */\n  public dispose(): void {\n    this._matchedElement = null;\n    this._removeGhost();\n    this._setDragState(false);\n  }\n\n  /** @internal */\n  public hostConnected(): void {\n    this._host.addEventListener('dragstart', this);\n    this._host.addEventListener('touchstart', this, { passive: false });\n    this._host.addEventListener('pointerdown', this);\n  }\n\n  /** @internal */\n  public hostDisconnected(): void {\n    this._host.removeEventListener('dragstart', this);\n    this._host.removeEventListener('touchstart', this);\n    this._host.removeEventListener('pointerdown', this);\n    this._setDragCancelListener(false);\n    this._removeGhost();\n  }\n\n  /** @internal */\n  public handleEvent(event: PointerEvent & KeyboardEvent): void {\n    if (!this.enabled) {\n      return;\n    }\n\n    switch (event.type) {\n      case 'touchstart':\n      case 'dragstart':\n      // Prevent contextmenu default behavior during drag\n      case 'contextmenu':\n        event.preventDefault();\n        break;\n      case 'keydown':\n        this._handleCancel(event);\n        break;\n      case 'pointerdown':\n        this._handlePointerDown(event);\n        break;\n      case 'pointermove':\n        this._handlePointerMove(event);\n        break;\n      case 'lostpointercapture':\n        this._handlePointerEnd(event);\n        break;\n    }\n  }\n\n  // #endregion\n\n  // #region Event handlers\n\n  private _handlePointerDown(event: PointerEvent): void {\n    if (this._shouldSkip(event)) {\n      return;\n    }\n\n    this._setInitialState(event);\n    this._createDragGhost();\n    this._updatePosition(event);\n\n    const parameters = {\n      event,\n      state: this._stateParameters,\n    };\n\n    if (this._options.start?.call(this._host, parameters) === false) {\n      this.dispose();\n      return;\n    }\n\n    this._assignPosition(this._dragItem);\n    this._setDragState();\n  }\n\n  private _handlePointerMove(event: PointerEvent): void {\n    if (!this._hasPointerCapture) {\n      return;\n    }\n\n    this._updatePosition(event);\n    this._updatePointerState(event);\n    this._updateMatcher(event);\n\n    const parameters = {\n      event,\n      state: this._stateParameters,\n    };\n\n    this._options.move?.call(this._host, parameters);\n\n    this._assignPosition(this._dragItem);\n  }\n\n  private _handlePointerEnd(event: PointerEvent): void {\n    this._options.end?.call(this._host, {\n      event,\n      state: this._stateParameters,\n    });\n    this.dispose();\n  }\n\n  private _handleCancel(event: KeyboardEvent): void {\n    const key = event.key.toLowerCase();\n\n    if (this._hasPointerCapture && key === 'escape') {\n      // Reset state\n      this._options.cancel?.call(this._host, this._stateParameters);\n    }\n  }\n\n  // #endregion\n\n  private _setDragCancelListener(enabled = true): void {\n    enabled\n      ? globalThis.addEventListener('keydown', this)\n      : globalThis.removeEventListener('keydown', this);\n  }\n\n  private _setInitialState({\n    pointerId,\n    clientX,\n    clientY,\n  }: PointerEvent): void {\n    const rect = this._host.getBoundingClientRect();\n    const position = { x: rect.x, y: rect.y };\n    const offset = { x: rect.x - clientX, y: rect.y - clientY };\n\n    this._id = pointerId;\n    this._state = {\n      initial: rect,\n      current: structuredClone(rect),\n      position,\n      offset,\n      pointerState: {\n        previous: { x: clientX, y: clientY },\n        current: { x: clientX, y: clientY },\n        direction: 'end',\n      },\n    };\n  }\n\n  private _setDragState(enabled = true): void {\n    this._hasPointerCapture = enabled;\n    const cssValue = enabled ? 'none' : '';\n\n    Object.assign(this._element.style, {\n      touchAction: cssValue,\n      userSelect: cssValue,\n    });\n\n    enabled\n      ? this._element.setPointerCapture(this._id)\n      : this._element.releasePointerCapture(this._id);\n\n    this._setDragCancelListener(enabled);\n\n    // Toggle additional events\n    for (const type of additionalEvents) {\n      enabled\n        ? this._host.addEventListener(type, this)\n        : this._host.removeEventListener(type, this);\n    }\n  }\n\n  private _updateMatcher(event: PointerEvent) {\n    if (!this._options.matchTarget) {\n      return;\n    }\n\n    const match = getRoot(this._host)\n      .elementsFromPoint(event.clientX, event.clientY)\n      .find((element) => this._options.matchTarget!.call(this._host, element));\n\n    if (match && !this._matchedElement) {\n      this._matchedElement = match;\n      this._options.enter?.call(this._host, {\n        event,\n        state: this._stateParameters,\n      });\n      return;\n    }\n\n    if (!match && this._matchedElement) {\n      this._options.leave?.call(this._host, {\n        event,\n        state: this._stateParameters,\n      });\n      this._matchedElement = null;\n      return;\n    }\n\n    if (match && match === this._matchedElement) {\n      this._options.over?.call(this._host, {\n        event,\n        state: this._stateParameters,\n      });\n    }\n  }\n\n  private _updatePosition({ clientX, clientY }: PointerEvent): void {\n    const { x, y } = this._state.offset;\n    const { x: layerX, y: layerY } = this._isDeferred\n      ? this._layer.getBoundingClientRect()\n      : this._state.initial;\n\n    const posX = this._hasSnapping ? clientX - layerX : clientX - layerX + x;\n    const posY = this._hasSnapping ? clientY - layerY : clientY - layerY + y;\n\n    this._state.position = { x: posX, y: posY };\n  }\n\n  private _updatePointerState({ clientX, clientY }: PointerEvent): void {\n    const state = this._state.pointerState;\n\n    state.previous = { ...state.current };\n    state.current = { x: clientX, y: clientY };\n\n    const dx = state.current.x - state.previous.x;\n    const dy = state.current.y - state.previous.y;\n\n    if (Math.abs(dx) >= Math.abs(dy)) {\n      const swapHorizontal = isLTR(this._host) ? dx >= 0 : dx <= 0;\n      state.direction = swapHorizontal ? 'end' : 'start';\n    } else {\n      state.direction = dy >= 0 ? 'bottom' : 'top';\n    }\n  }\n\n  private _assignPosition(element: HTMLElement): void {\n    element.style.transform = `translate3d(${roundByDPR(this._state.position.x)}px,${roundByDPR(this._state.position.y)}px,0)`;\n  }\n\n  private _createDragGhost(): void {\n    if (!this._isDeferred) {\n      return;\n    }\n\n    this._ghost =\n      this._options.ghost?.call(this._host) ??\n      createDefaultDragGhost(this._host.getBoundingClientRect());\n\n    this._layer.append(this._ghost);\n  }\n\n  private _removeGhost(): void {\n    this._ghost?.remove();\n    this._ghost = null;\n  }\n\n  private _shouldSkip(event: PointerEvent): boolean {\n    return (\n      Boolean(event.button) ||\n      this._options.skip?.call(this._host, event) ||\n      !findElementFromEventPath((e) => e === this._element, event)\n    );\n  }\n}\n\nfunction createDefaultDragGhost({ x, y, width, height }: DOMRect): HTMLElement {\n  const element = document.createElement('div');\n\n  Object.assign(element.style, {\n    position: 'absolute',\n    left: `${x}px`,\n    top: `${y}px`,\n    width: `${width}px`,\n    height: `${height}px`,\n    zIndex: 1000,\n    background: 'gold',\n  });\n\n  return element;\n}\n\n/**\n * Adds a drag and drop controller to the given host\n */\nexport function addDragController(\n  host: ReactiveControllerHost & LitElement,\n  options?: DragControllerConfiguration\n): DragController {\n  return new DragController(host, options);\n}\n"]}

package/components/common/controllers/root-scroll.d.ts

@@ -1,4 +1,5 @@
 import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { PopoverScrollStrategy } from '../../types.js';
 type RootScrollControllerConfig = {
     hideCallback?: () => void;
     resetListeners?: boolean;
@@ -6,7 +7,7 @@ type RootScrollControllerConfig = {
 type RootScrollControllerHost = ReactiveControllerHost & {
     open: boolean;
     hide(): void;
-    scrollStrategy?: 'scroll' | 'close' | 'block';
+    scrollStrategy?: PopoverScrollStrategy;
 };
 declare class RootScrollController implements ReactiveController {
     private readonly host;

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

@@ -1 +1 @@
-{"version":3,"file":"root-scroll.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/root-scroll.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\ntype RootScrollControllerConfig = {\n  hideCallback?: () => void;\n  resetListeners?: boolean;\n};\n\ntype RootScrollControllerHost = ReactiveControllerHost & {\n  open: boolean;\n  hide(): void;\n  scrollStrategy?: 'scroll' | 'close' | 'block';\n};\n\ntype ScrollRecord = { scrollTop: number; scrollLeft: number };\n\nclass RootScrollController implements ReactiveController {\n  private _cache: WeakMap<Element, ScrollRecord>;\n\n  constructor(\n    private readonly host: RootScrollControllerHost,\n    private config?: RootScrollControllerConfig\n  ) {\n    this._cache = new WeakMap();\n    this.host.addController(this);\n  }\n\n  private configureListeners() {\n    this.host.open ? this.addEventListeners() : this.removeEventListeners();\n  }\n\n  private hide() {\n    this.config?.hideCallback\n      ? this.config.hideCallback.call(this.host)\n      : this.host.hide();\n  }\n\n  private addEventListeners() {\n    if (this.host.scrollStrategy !== 'scroll') {\n      document.addEventListener('scroll', this, { capture: true });\n    }\n  }\n\n  private removeEventListeners() {\n    document.removeEventListener('scroll', this, { capture: true });\n    this._cache = new WeakMap();\n  }\n\n  public handleEvent(event: Event) {\n    this.host.scrollStrategy === 'close' ? this.hide() : this._block(event);\n  }\n\n  private _block(event: Event) {\n    event.preventDefault();\n    const element = event.target as Element;\n    const cache = this._cache;\n\n    if (!cache.has(element)) {\n      cache.set(element, {\n        scrollTop: element.firstElementChild?.scrollTop ?? element.scrollTop,\n        scrollLeft: element.firstElementChild?.scrollLeft ?? element.scrollLeft,\n      });\n    }\n\n    const record = cache.get(element)!;\n    Object.assign(element, record);\n\n    if (element.firstElementChild) {\n      Object.assign(element.firstElementChild, record);\n    }\n  }\n\n  public update(config?: RootScrollControllerConfig) {\n    if (config) {\n      this.config = { ...this.config, ...config };\n    }\n\n    if (config?.resetListeners) {\n      this.removeEventListeners();\n    }\n\n    this.configureListeners();\n  }\n\n  public hostConnected() {\n    this.configureListeners();\n  }\n\n  public hostDisconnected() {\n    this.removeEventListeners();\n  }\n}\n\nexport function addRootScrollHandler(\n  host: RootScrollControllerHost,\n  config?: RootScrollControllerConfig\n) {\n  return new RootScrollController(host, config);\n}\n"]}
+{"version":3,"file":"root-scroll.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/root-scroll.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { PopoverScrollStrategy } from '../../types.js';\n\ntype RootScrollControllerConfig = {\n  hideCallback?: () => void;\n  resetListeners?: boolean;\n};\n\ntype RootScrollControllerHost = ReactiveControllerHost & {\n  open: boolean;\n  hide(): void;\n  scrollStrategy?: PopoverScrollStrategy;\n};\n\ntype ScrollRecord = { scrollTop: number; scrollLeft: number };\n\nclass RootScrollController implements ReactiveController {\n  private _cache: WeakMap<Element, ScrollRecord>;\n\n  constructor(\n    private readonly host: RootScrollControllerHost,\n    private config?: RootScrollControllerConfig\n  ) {\n    this._cache = new WeakMap();\n    this.host.addController(this);\n  }\n\n  private configureListeners() {\n    this.host.open ? this.addEventListeners() : this.removeEventListeners();\n  }\n\n  private hide() {\n    this.config?.hideCallback\n      ? this.config.hideCallback.call(this.host)\n      : this.host.hide();\n  }\n\n  private addEventListeners() {\n    if (this.host.scrollStrategy !== 'scroll') {\n      document.addEventListener('scroll', this, { capture: true });\n    }\n  }\n\n  private removeEventListeners() {\n    document.removeEventListener('scroll', this, { capture: true });\n    this._cache = new WeakMap();\n  }\n\n  public handleEvent(event: Event) {\n    this.host.scrollStrategy === 'close' ? this.hide() : this._block(event);\n  }\n\n  private _block(event: Event) {\n    event.preventDefault();\n    const element = event.target as Element;\n    const cache = this._cache;\n\n    if (!cache.has(element)) {\n      cache.set(element, {\n        scrollTop: element.firstElementChild?.scrollTop ?? element.scrollTop,\n        scrollLeft: element.firstElementChild?.scrollLeft ?? element.scrollLeft,\n      });\n    }\n\n    const record = cache.get(element)!;\n    Object.assign(element, record);\n\n    if (element.firstElementChild) {\n      Object.assign(element.firstElementChild, record);\n    }\n  }\n\n  public update(config?: RootScrollControllerConfig) {\n    if (config) {\n      this.config = { ...this.config, ...config };\n    }\n\n    if (config?.resetListeners) {\n      this.removeEventListeners();\n    }\n\n    this.configureListeners();\n  }\n\n  public hostConnected() {\n    this.configureListeners();\n  }\n\n  public hostDisconnected() {\n    this.removeEventListeners();\n  }\n}\n\nexport function addRootScrollHandler(\n  host: RootScrollControllerHost,\n  config?: RootScrollControllerConfig\n) {\n  return new RootScrollController(host, config);\n}\n"]}

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

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
 import type { addAnimationController } from '../../../animations/player.js';
+import type { AbsolutePosition } from '../../types.js';
 export declare abstract class IgcBaseAlertLikeComponent extends LitElement {
     private _internals;
     protected _autoHideTimeout?: number;
@@ -23,7 +24,7 @@ export declare abstract class IgcBaseAlertLikeComponent extends LitElement {
      * Sets the position of the component in the viewport.
      * @attr
      */
-    position: 'bottom' | 'middle' | 'top';
+    position: AbsolutePosition;
     protected displayTimeChange(): void;
     protected keepOpenChange(): void;
     constructor();

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

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

package/components/common/mixins/forms/associated.js

@@ -56,7 +56,7 @@ function BaseFormAssociated(base) {
             this.invalid = true;
         }
         _setInvalidState() {
-            if (this.hasUpdated || this._dirty) {
+            if (this._dirty || !this._pristine) {
                 this.invalid = !this.checkValidity();
             }
         }