npm - igniteui-webcomponents - Versions diffs - 5.2.4 → 5.3.0-beta.0 - Mend

igniteui-webcomponents 5.2.4 → 5.3.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1591) hide show

package/components/calendar/themes/light/calendar.shared.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--default-size: var(--ig-calendar-default-size, 2);--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-calendar-content-foreground, hsl(from var(--ig-gray-900) h s l/1));--content-background: var(--ig-calendar-content-background, hsl(from var(--ig-surface-500) h s l/1));--border-color: var(--ig-calendar-border-color, transparent);--picker-background: var(--ig-calendar-picker-background, hsl(from var(--ig-surface-500) h s l/1));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, hsl(from var(--ig-secondary-500) h s l/1));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, hsl(from var(--ig-secondary-500) h s l/1));--navigation-color: var(--ig-calendar-navigation-color, hsl(from var(--ig-gray-800) h s l/1));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, hsl(from var(--ig-secondary-500) h s l/1));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, hsl(from var(--ig-secondary-500) h s l/1));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, hsl(from var(--ig-gray-900) h s l/1));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, hsl(from var(--ig-gray-900) h s l/1));--ym-selected-outline-color: var(--ig-calendar-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-calendar-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-calendar-ym-selected-focus-outline-color, transparent);--date-hover-foreground: var(--ig-calendar-date-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-current-background: var(--ig-calendar-date-current-background, transparent);--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, hsl(from var(--ig-gray-100) h s l/1));--date-special-background: var(--ig-calendar-date-special-background, transparent);--date-special-range-background: var(--ig-calendar-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, hsl(from var(--ig-secondary-500) h s l/1));--week-number-foreground: var(--ig-calendar-week-number-foreground, hsl(from var(--ig-gray-500) h s l/1));--week-number-background: var(--ig-calendar-week-number-background, hsl(from var(--ig-gray-200) h s l/1));--inactive-color: var(--ig-calendar-inactive-color, hsl(from var(--ig-gray-500) h s l/1));--weekday-color: var(--ig-calendar-weekday-color, hsl(from var(--ig-gray-500) h s l/1));--weekend-color: var(--ig-calendar-weekend-color, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-selected-current-outline: var(--ig-calendar-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-calendar-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-calendar-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-calendar-date-border-color, transparent);--date-hover-border-color: var(--ig-calendar-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-calendar-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-calendar-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, hsl(from var(--ig-gray-300) h s l/1));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38))}`;
+export const styles = css `:host{--default-size: var(--ig-calendar-default-size, 2);--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-calendar-content-foreground, var(--ig-gray-900));--content-background: var(--ig-calendar-content-background, var(--ig-surface-500));--border-color: var(--ig-calendar-border-color, transparent);--picker-background: var(--ig-calendar-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-calendar-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-secondary-500));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, var(--ig-gray-900));--ym-selected-outline-color: var(--ig-calendar-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-calendar-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-calendar-ym-selected-focus-outline-color, transparent);--date-hover-foreground: var(--ig-calendar-date-hover-foreground, var(--ig-gray-900));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-calendar-date-current-background, transparent);--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-100));--date-special-background: var(--ig-calendar-date-special-background, transparent);--date-special-range-background: var(--ig-calendar-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, var(--ig-secondary-500));--week-number-foreground: var(--ig-calendar-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-calendar-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-calendar-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-calendar-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-calendar-weekend-color, var(--ig-gray-900));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-selected-current-outline: var(--ig-calendar-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-calendar-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-calendar-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-calendar-date-border-color, transparent);--date-hover-border-color: var(--ig-calendar-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-calendar-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-calendar-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-300));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38))}`;
 //# sourceMappingURL=calendar.shared.css.js.map

package/components/calendar/themes/light/calendar.shared.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"calendar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~sqLAAsqL~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--default-size: var(--ig-calendar-default-size, 2);--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-calendar-content-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--content-background: var(--ig-calendar-content-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--border-color: var(--ig-calendar-border-color, transparent);--picker-background: var(--ig-calendar-picker-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--navigation-color: var(--ig-calendar-navigation-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--ym-selected-outline-color: var(--ig-calendar-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-calendar-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-calendar-ym-selected-focus-outline-color, transparent);--date-hover-foreground: var(--ig-calendar-date-hover-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--date-current-background: var(--ig-calendar-date-current-background, transparent);--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, ~~hsl(from~~ var(--ig-gray-100) ~~h s l/1~~));--date-special-background: var(--ig-calendar-date-special-background, transparent);--date-special-range-background: var(--ig-calendar-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--week-number-foreground: var(--ig-calendar-week-number-foreground, ~~hsl(from~~ var(--ig-gray-500) ~~h s l/1~~));--week-number-background: var(--ig-calendar-week-number-background, ~~hsl(from~~ var(--ig-gray-200) ~~h s l/1~~));--inactive-color: var(--ig-calendar-inactive-color, ~~hsl(from~~ var(--ig-gray-500) ~~h s l/1~~));--weekday-color: var(--ig-calendar-weekday-color, ~~hsl(from~~ var(--ig-gray-500) ~~h s l/1~~));--weekend-color: var(--ig-calendar-weekend-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-selected-current-outline: var(--ig-calendar-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-calendar-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-calendar-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-calendar-date-border-color, transparent);--date-hover-border-color: var(--ig-calendar-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-calendar-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-calendar-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38))}`;\n"]}
1	+ {"version":3,"file":"calendar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/calendar/themes/light/calendar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gsKAAgsK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--default-size: var(--ig-calendar-default-size, 2);--size: var(--ig-calendar-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--inner-size: var(--ig-calendar-inner-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.625rem, -1 * 1.625rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--content-foreground: var(--ig-calendar-content-foreground, var(--ig-gray-900));--content-background: var(--ig-calendar-content-background, var(--ig-surface-500));--border-color: var(--ig-calendar-border-color, transparent);--picker-background: var(--ig-calendar-picker-background, var(--ig-surface-500));--picker-hover-foreground: var(--ig-calendar-picker-hover-foreground, var(--ig-secondary-500));--picker-focus-foreground: var(--ig-calendar-picker-focus-foreground, var(--ig-secondary-500));--navigation-color: var(--ig-calendar-navigation-color, var(--ig-gray-800));--navigation-hover-color: var(--ig-calendar-navigation-hover-color, var(--ig-secondary-500));--navigation-focus-color: var(--ig-calendar-navigation-focus-color, var(--ig-secondary-500));--ym-current-outline-hover-color: var(--ig-calendar-ym-current-outline-hover-color, var(--ig-gray-900));--ym-current-outline-focus-color: var(--ig-calendar-ym-current-outline-focus-color, var(--ig-gray-900));--ym-selected-outline-color: var(--ig-calendar-ym-selected-outline-color, transparent);--ym-selected-hover-outline-color: var(--ig-calendar-ym-selected-hover-outline-color, transparent);--ym-selected-focus-outline-color: var(--ig-calendar-ym-selected-focus-outline-color, transparent);--date-hover-foreground: var(--ig-calendar-date-hover-foreground, var(--ig-gray-900));--date-focus-foreground: var(--ig-calendar-date-focus-foreground, var(--ig-gray-900));--date-selected-range-hover-foreground: var(--ig-calendar-date-selected-range-hover-foreground, var(--ig-gray-900));--date-selected-range-focus-foreground: var(--ig-calendar-date-selected-range-focus-foreground, var(--ig-gray-900));--date-selected-current-range-foreground: var(--ig-calendar-date-selected-current-range-foreground, var(--ig-gray-900));--date-selected-current-range-hover-foreground: var(--ig-calendar-date-selected-current-range-hover-foreground, var(--ig-gray-900));--date-selected-current-range-focus-foreground: var(--ig-calendar-date-selected-current-range-focus-foreground, var(--ig-gray-900));--date-current-background: var(--ig-calendar-date-current-background, transparent);--date-current-hover-foreground: var(--ig-calendar-date-current-hover-foreground, var(--ig-gray-900));--date-current-focus-foreground: var(--ig-calendar-date-current-focus-foreground, var(--ig-gray-900));--date-current-focus-background: var(--ig-calendar-date-current-focus-background, var(--ig-gray-100));--date-special-background: var(--ig-calendar-date-special-background, transparent);--date-special-range-background: var(--ig-calendar-date-special-range-background, transparent);--date-special-current-border-color: var(--ig-calendar-date-special-current-border-color, var(--ig-secondary-500));--week-number-foreground: var(--ig-calendar-week-number-foreground, var(--ig-gray-500));--week-number-background: var(--ig-calendar-week-number-background, var(--ig-gray-200));--inactive-color: var(--ig-calendar-inactive-color, var(--ig-gray-500));--weekday-color: var(--ig-calendar-weekday-color, var(--ig-gray-500));--weekend-color: var(--ig-calendar-weekend-color, var(--ig-gray-900));--border-radius: var(--ig-calendar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--date-border-radius: var(--ig-calendar-date-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-range-border-radius: var(--ig-calendar-date-range-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--ym-border-radius: var(--ig-calendar-ym-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--date-selected-current-outline: var(--ig-calendar-date-selected-current-outline, transparent);--date-selected-current-hover-outline: var(--ig-calendar-date-selected-current-hover-outline, transparent);--date-selected-current-focus-outline: var(--ig-calendar-date-selected-current-focus-outline, transparent);--date-border-color: var(--ig-calendar-date-border-color, transparent);--date-hover-border-color: var(--ig-calendar-date-hover-border-color, transparent);--date-focus-border-color: var(--ig-calendar-date-focus-border-color, transparent);--date-selected-border-color: var(--ig-calendar-date-selected-border-color, transparent);--date-selected-hover-border-color: var(--ig-calendar-date-selected-hover-border-color, transparent);--date-selected-focus-border-color: var(--ig-calendar-date-selected-focus-border-color, transparent);--date-range-border-color: var(--ig-calendar-date-range-border-color, transparent);--date-range-preview-border-color: var(--ig-calendar-date-range-preview-border-color, var(--ig-gray-300));--date-disabled-foreground: var(--ig-calendar-date-disabled-foreground, hsl(from var(--ig-gray-500) h s l/0.5));--date-disabled-range-foreground: var(--ig-calendar-date-disabled-range-foreground, hsl(from var(--ig-gray-900) h s l/0.38))}`;\n"]}

package/components/card/themes/dark/card.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, hsl(from var(--ig-gray-900) h s l/1));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsl(from var(--ig-gray-800) h s l/1));--content-text-color: var(--ig-card-content-text-color, hsl(from var(--ig-gray-800) h s l/1));--actions-text-color: var(--ig-card-actions-text-color, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;
+export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, var(--ig-gray-900));--subtitle-text-color: var(--ig-card-subtitle-text-color, var(--ig-gray-800));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-800));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-900));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;
 //# sourceMappingURL=card.bootstrap.css.js.map

package/components/card/themes/dark/card.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~8rBAA8rB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--subtitle-text-color: var(--ig-card-subtitle-text-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~));--content-text-color: var(--ig-card-content-text-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~));--actions-text-color: var(--ig-card-actions-text-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;\n"]}
1	+ {"version":3,"file":"card.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,snBAAsnB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, var(--ig-gray-900));--subtitle-text-color: var(--ig-card-subtitle-text-color, var(--ig-gray-800));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-800));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-900));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;\n"]}

package/components/card/themes/dark/card.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-card-header-text-color, hsl(from var(--ig-gray-900) h s l/1));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsl(from var(--ig-gray-700) h s l/1));--content-text-color: var(--ig-card-content-text-color, hsl(from var(--ig-gray-700) h s l/1));--actions-text-color: var(--ig-card-actions-text-color, hsl(from var(--ig-gray-700) h s l/1));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-200) h s l/1))}`;
+export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, var(--ig-surface-500));--header-text-color: var(--ig-card-header-text-color, var(--ig-gray-900));--subtitle-text-color: var(--ig-card-subtitle-text-color, var(--ig-gray-700));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-700));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-700));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, var(--ig-gray-200))}`;
 //# sourceMappingURL=card.fluent.css.js.map

package/components/card/themes/dark/card.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~w1BAAw1B~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--header-text-color: var(--ig-card-header-text-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--subtitle-text-color: var(--ig-card-subtitle-text-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--content-text-color: var(--ig-card-content-text-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--actions-text-color: var(--ig-card-actions-text-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, ~~hsl(from~~ var(--ig-gray-200) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4uBAA4uB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, var(--ig-surface-500));--header-text-color: var(--ig-card-header-text-color, var(--ig-gray-900));--subtitle-text-color: var(--ig-card-subtitle-text-color, var(--ig-gray-700));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-700));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-700));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, var(--ig-gray-200))}`;\n"]}

package/components/card/themes/dark/card.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 90%, transparent));--subtitle-text-color: var(--ig-card-subtitle-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--content-text-color: var(--ig-card-content-text-color, hsl(from var(--ig-gray-700) h s l/1));--actions-text-color: var(--ig-card-actions-text-color, hsl(from var(--ig-gray-600) h s l/1));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;
+export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-700));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-600));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;
 //# sourceMappingURL=card.indigo.css.js.map

package/components/card/themes/dark/card.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~8uBAA8uB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, ~~color-mix~~(in ~~oklch,~~ var(--ig-gray-50-contrast) ~~90%,~~ ~~transparent~~));--subtitle-text-color: var(--ig-card-subtitle-text-color, ~~color-mix~~(in ~~oklch,~~ var(--ig-gray-50-contrast) ~~80%,~~ ~~transparent~~));--content-text-color: var(--ig-card-content-text-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--actions-text-color: var(--ig-card-actions-text-color, ~~hsl(from~~ var(--ig-gray-600) ~~h s l/1~~));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;\n"]}
1	+ {"version":3,"file":"card.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sqBAAsqB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--header-text-color: var(--ig-card-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-700));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-600));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;\n"]}

package/components/card/themes/dark/card.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-card-header-text-color, hsl(from var(--ig-gray-900) h s l/1));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsl(from var(--ig-gray-700) h s l/1));--content-text-color: var(--ig-card-content-text-color, hsl(from var(--ig-gray-700) h s l/1));--actions-text-color: var(--ig-card-actions-text-color, hsl(from var(--ig-gray-700) h s l/1));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-400) h s l/0.38))}`;
+export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, var(--ig-surface-500));--header-text-color: var(--ig-card-header-text-color, var(--ig-gray-900));--subtitle-text-color: var(--ig-card-subtitle-text-color, var(--ig-gray-700));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-700));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-700));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-400) h s l/0.38))}`;
 //# sourceMappingURL=card.material.css.js.map

package/components/card/themes/dark/card.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~s2BAAs2B~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--header-text-color: var(--ig-card-header-text-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--subtitle-text-color: var(--ig-card-subtitle-text-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--content-text-color: var(--ig-card-content-text-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--actions-text-color: var(--ig-card-actions-text-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-400) h s l/0.38))}`;\n"]}
1	+ {"version":3,"file":"card.material.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4wBAA4wB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, var(--ig-surface-500));--header-text-color: var(--ig-card-header-text-color, var(--ig-gray-900));--subtitle-text-color: var(--ig-card-subtitle-text-color, var(--ig-gray-700));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-700));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-700));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2);--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-400) h s l/0.38))}`;\n"]}

package/components/card/themes/dark/card.shared.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-card-background, hsl(from var(--ig-gray-50) h s l/1));--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-100) h s l/1))}`;
+export const styles = css `:host{--background: var(--ig-card-background, var(--ig-gray-50));--outline-color: var(--ig-card-outline-color, var(--ig-gray-100))}`;
 //# sourceMappingURL=card.shared.css.js.map

package/components/card/themes/dark/card.shared.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~yKAAyK~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-card-background, ~~hsl(from~~ var(--ig-gray-50) ~~h s l/1~~));--outline-color: var(--ig-card-outline-color, ~~hsl(from~~ var(--ig-gray-100) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"card.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/card/themes/dark/card.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qIAAqI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-card-background, var(--ig-gray-50));--outline-color: var(--ig-card-outline-color, var(--ig-gray-100))}`;\n"]}

package/components/card/themes/light/container/card.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-card-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsl(from var(--ig-gray-800) h s l/1));--content-text-color: var(--ig-card-content-text-color, hsl(from var(--ig-gray-800) h s l/1));--actions-text-color: var(--ig-card-actions-text-color, hsl(from var(--ig-gray-900) h s l/1));--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-300) h s l/1))}`;
+export const styles = css `:host{--background: var(--ig-card-background, var(--ig-gray-900-contrast));--subtitle-text-color: var(--ig-card-subtitle-text-color, var(--ig-gray-800));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-800));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-900));--outline-color: var(--ig-card-outline-color, var(--ig-gray-300))}`;
 //# sourceMappingURL=card.bootstrap.css.js.map

package/components/card/themes/light/container/card.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~oeAAoe~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-card-background, ~~color-mix(in oklch,~~ var(--ig-gray-900-contrast) ~~100%, transparent~~));--subtitle-text-color: var(--ig-card-subtitle-text-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~));--content-text-color: var(--ig-card-content-text-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~));--actions-text-color: var(--ig-card-actions-text-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--outline-color: var(--ig-card-outline-color, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"card.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qXAAqX,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-card-background, var(--ig-gray-900-contrast));--subtitle-text-color: var(--ig-card-subtitle-text-color, var(--ig-gray-800));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-800));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-900));--outline-color: var(--ig-card-outline-color, var(--ig-gray-300))}`;\n"]}

package/components/card/themes/light/container/card.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-200) h s l/1))}`;
+export const styles = css `:host{--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, var(--ig-gray-200))}`;
 //# sourceMappingURL=card.fluent.css.js.map

package/components/card/themes/light/container/card.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~0MAA0M~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, ~~hsl(from~~ var(--ig-gray-200) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"card.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wLAAwL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, var(--ig-gray-200))}`;\n"]}

package/components/card/themes/light/container/card.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-card-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--header-text-color: var(--ig-card-header-text-color, hsl(from var(--ig-gray-800) h s l/1));--actions-text-color: var(--ig-card-actions-text-color, hsl(from var(--ig-gray-600) h s l/1));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, hsl(from var(--ig-gray-400) h s l/1))}`;
+export const styles = css `:host{--background: var(--ig-card-background, var(--ig-gray-900-contrast));--header-text-color: var(--ig-card-header-text-color, var(--ig-gray-800));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-600));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, var(--ig-gray-400))}`;
 //# sourceMappingURL=card.indigo.css.js.map

package/components/card/themes/light/container/card.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~mfAAmf~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-card-background, ~~color-mix(in oklch,~~ var(--ig-gray-900-contrast) ~~100%, transparent~~));--header-text-color: var(--ig-card-header-text-color, ~~hsl(from~~ var(--ig-gray-800) ~~h s l/1~~));--actions-text-color: var(--ig-card-actions-text-color, ~~hsl(from~~ var(--ig-gray-600) ~~h s l/1~~));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, ~~hsl(from~~ var(--ig-gray-400) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"card.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sZAAsZ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-card-background, var(--ig-gray-900-contrast));--header-text-color: var(--ig-card-header-text-color, var(--ig-gray-800));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-600));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));--outline-color: var(--ig-card-outline-color, var(--ig-gray-400))}`;\n"]}

package/components/card/themes/light/container/card.shared.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-card-header-text-color, hsl(from var(--ig-gray-900) h s l/1));--subtitle-text-color: var(--ig-card-subtitle-text-color, hsl(from var(--ig-gray-700) h s l/1));--content-text-color: var(--ig-card-content-text-color, hsl(from var(--ig-gray-700) h s l/1));--actions-text-color: var(--ig-card-actions-text-color, hsl(from var(--ig-gray-700) h s l/1));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;
+export const styles = css `:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, var(--ig-surface-500));--header-text-color: var(--ig-card-header-text-color, var(--ig-gray-900));--subtitle-text-color: var(--ig-card-subtitle-text-color, var(--ig-gray-700));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-700));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-700));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;
 //# sourceMappingURL=card.shared.css.js.map

package/components/card/themes/light/container/card.shared.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~,+wBAA+wB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, ~~hsl(from~~ var(--ig-surface-500) ~~h s l/1~~));--header-text-color: var(--ig-card-header-text-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--subtitle-text-color: var(--ig-card-subtitle-text-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--content-text-color: var(--ig-card-content-text-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--actions-text-color: var(--ig-card-actions-text-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;\n"]}
1	+ {"version":3,"file":"card.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/card/themes/light/container/card.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qrBAAqrB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-card-resting-elevation, var(--ig-elevation-4));--hover-elevation: var(--ig-card-hover-elevation, var(--ig-elevation-6));--background: var(--ig-card-background, var(--ig-surface-500));--header-text-color: var(--ig-card-header-text-color, var(--ig-gray-900));--subtitle-text-color: var(--ig-card-subtitle-text-color, var(--ig-gray-700));--content-text-color: var(--ig-card-content-text-color, var(--ig-gray-700));--actions-text-color: var(--ig-card-actions-text-color, var(--ig-gray-700));--border-radius: var(--ig-card-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--default-size: var(--ig-card-default-size, 2)}`;\n"]}

package/components/carousel/carousel-indicator.js CHANGED Viewed

@@ -8,9 +8,9 @@ import { consume } from '@lit/context';
 import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
+import { carouselContext } from '../common/context.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { formatString } from '../common/util.js';
-import { carouselContext } from './context.js';
 import { styles } from './themes/carousel-indicator.base.css.js';
 class IgcCarouselIndicatorComponent extends LitElement {
     static register() {

package/components/carousel/carousel-indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel-indicator.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-indicator.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,~~iBAAiB~~,EAAE,MAAM,~~mCAAmC~~,CAAC;~~AACtE~~,OAAO,EAAE,~~YAAY~~,EAAE,MAAM,~~mBAAmB~~,CAAC;~~AAEjD~~,OAAO,EAAE,~~eAAe~~,EAAE,MAAM,~~cAAc~~,CAAC;~~AAC/C~~,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAcjE,MAAqB,6BAA8B,SAAQ,UAAU;IAK5D,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,6BAA6B,CAAC,CAAC;IACnD,CAAC;IAQD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,CAAC;IAID,IAAW,MAAM,CAAC,KAAc;QAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IACzD,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAMD;QACE,KAAK,EAAE,CAAC;QA3BF,YAAO,GAAG,KAAK,CAAC;QAwBjB,UAAK,GAAG,CAAC,CAAC;QAKf,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACzC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,KAAK,CAAC;IAC/B,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC;IACvC,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC9E,CAAC;IAEkB,MAAM;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpD,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;;;2CAIP,QAAQ,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;;;KAGvE,CAAC;IACJ,CAAC;;AAlEsB,qCAAO,GAAG,wBAAwB,AAA3B,CAA4B;AACnC,oCAAM,GAAG,MAAM,AAAT,CAAU;eAFpB,6BAA6B;AAaxC;IADP,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;gEACd;AAQzC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2DAK9B;AAQM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4DACd","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { ~~registerComponent~~ } from '../common/~~definitions/register~~.js';\nimport { ~~formatString~~ } from '../common/~~util~~.js';\nimport ~~type~~ ~~IgcCarouselComponent~~ from '~~./carousel~~.js';\nimport { ~~carouselContext~~ } from './~~context~~.js';\nimport { styles } from './themes/carousel-indicator.base.css.js';\n\n/*\n Used when a custom indicator needs to be passed to the `igc-carousel` component.\n \n @element igc-carousel-indicator\n \n @slot - Default slot for projected inactive indicator.\n * @slot active - Default slot for projected active indicator.\n \n @csspart indicator - The wrapping container of the carousel dot indicator.\n * @csspart inactive - The wrapping container of the inactive dot indicator.\n * @csspart active - The wrapping container of the active dot indicator.\n /\nexport default class IgcCarouselIndicatorComponent extends LitElement {\n public static readonly tagName = 'igc-carousel-indicator';\n public static override styles = styles;\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcCarouselIndicatorComponent);\n }\n\n private _active = false;\n private _internals: ElementInternals;\n\n @consume({ context: carouselContext, subscribe: true })\n private _carousel?: IgcCarouselComponent;\n\n protected get _labelFormat() {\n return this._carousel ? this._carousel.indicatorsLabelFormat : '';\n }\n\n / blazorSuppress /\n @property({ attribute: false })\n public set active(value: boolean) {\n this._active = Boolean(value);\n this.tabIndex = this._active ? 0 : -1;\n this._internals.ariaSelected = this._active.toString();\n }\n\n public get active(): boolean {\n return this._active;\n }\n\n / blazorSuppress */\n @property({ attribute: false })\n public index = 0;\n\n constructor() {\n super();\n\n this._internals = this.attachInternals();\n this._internals.role = 'tab';\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.role = 'tab';\n this.slot = this.slot \|\| 'indicator';\n }\n\n protected override willUpdate(): void {\n this._internals.ariaLabel = formatString(this._labelFormat, this.index + 1);\n }\n\n protected override render() {\n const forward = this.active ? 'visible' : 'hidden';\n const backward = this.active ? 'hidden' : 'visible';\n\n return html`\n <div\n part=\"indicator inactive\"\n style=${styleMap({ visibility: backward })}\n >\n <slot></slot>\n </div>\n <div part=\"indicator active\" style=${styleMap({ visibility: forward })}>\n <slot name=\"active\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-carousel-indicator': IgcCarouselIndicatorComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"carousel-indicator.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-indicator.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAcjE,MAAqB,6BAA8B,SAAQ,UAAU;IAK5D,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,6BAA6B,CAAC,CAAC;IACnD,CAAC;IAQD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,CAAC;IAID,IAAW,MAAM,CAAC,KAAc;QAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IACzD,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAMD;QACE,KAAK,EAAE,CAAC;QA3BF,YAAO,GAAG,KAAK,CAAC;QAwBjB,UAAK,GAAG,CAAC,CAAC;QAKf,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACzC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,KAAK,CAAC;IAC/B,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC;IACvC,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC9E,CAAC;IAEkB,MAAM;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpD,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;;;2CAIP,QAAQ,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;;;KAGvE,CAAC;IACJ,CAAC;;AAlEsB,qCAAO,GAAG,wBAAwB,AAA3B,CAA4B;AACnC,oCAAM,GAAG,MAAM,AAAT,CAAU;eAFpB,6BAA6B;AAaxC;IADP,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;gEACd;AAQzC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2DAK9B;AAQM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4DACd","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { carouselContext } from '../common/context.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { formatString } from '../common/util.js';\nimport type IgcCarouselComponent from './carousel.js';\nimport { styles } from './themes/carousel-indicator.base.css.js';\n\n/*\n Used when a custom indicator needs to be passed to the `igc-carousel` component.\n \n @element igc-carousel-indicator\n \n @slot - Default slot for projected inactive indicator.\n * @slot active - Default slot for projected active indicator.\n \n @csspart indicator - The wrapping container of the carousel dot indicator.\n * @csspart inactive - The wrapping container of the inactive dot indicator.\n * @csspart active - The wrapping container of the active dot indicator.\n /\nexport default class IgcCarouselIndicatorComponent extends LitElement {\n public static readonly tagName = 'igc-carousel-indicator';\n public static override styles = styles;\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcCarouselIndicatorComponent);\n }\n\n private _active = false;\n private _internals: ElementInternals;\n\n @consume({ context: carouselContext, subscribe: true })\n private _carousel?: IgcCarouselComponent;\n\n protected get _labelFormat() {\n return this._carousel ? this._carousel.indicatorsLabelFormat : '';\n }\n\n / blazorSuppress /\n @property({ attribute: false })\n public set active(value: boolean) {\n this._active = Boolean(value);\n this.tabIndex = this._active ? 0 : -1;\n this._internals.ariaSelected = this._active.toString();\n }\n\n public get active(): boolean {\n return this._active;\n }\n\n / blazorSuppress */\n @property({ attribute: false })\n public index = 0;\n\n constructor() {\n super();\n\n this._internals = this.attachInternals();\n this._internals.role = 'tab';\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.role = 'tab';\n this.slot = this.slot \|\| 'indicator';\n }\n\n protected override willUpdate(): void {\n this._internals.ariaLabel = formatString(this._labelFormat, this.index + 1);\n }\n\n protected override render() {\n const forward = this.active ? 'visible' : 'hidden';\n const backward = this.active ? 'hidden' : 'visible';\n\n return html`\n <div\n part=\"indicator inactive\"\n style=${styleMap({ visibility: backward })}\n >\n <slot></slot>\n </div>\n <div part=\"indicator active\" style=${styleMap({ visibility: forward })}>\n <slot name=\"active\"></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-carousel-indicator': IgcCarouselIndicatorComponent;\n }\n}\n"]}

package/components/carousel/carousel-slide.js CHANGED Viewed

@@ -9,10 +9,10 @@ import { LitElement, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { EaseInOut } from '../../animations/easings.js';
 import { addAnimationController } from '../../animations/player.js';
+import { carouselContext } from '../common/context.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { createCounter, formatString } from '../common/util.js';
 import { animations } from './animations.js';
-import { carouselContext } from './context.js';
 import { styles } from './themes/carousel-slide.base.css.js';
 class IgcCarouselSlideComponent extends LitElement {
     static register() {

package/components/carousel/carousel-slide.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel-slide.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-slide.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,~~eAAe,EAAE,~~MAAM,~~cAAc,CAAC;AAC/C,OAAO,~~EAAE,MAAM,~~EAAE,MAAM,~~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","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { EaseInOut } from '../../animations/easings.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, formatString } from '../common/util.js';\nimport { animations } from './animations.js';\nimport type IgcCarouselComponent from './carousel.js';\nimport { ~~carouselContext } from './context.js';\nimport {~~ styles } from './themes/carousel-slide.base.css.js';\n\n/*\n A single content container within a set of containers used in the context of an `igc-carousel`.\n \n @element igc-carousel-slide\n \n @slot Default slot for the carousel slide.\n /\n\nexport default class IgcCarouselSlideComponent extends LitElement {\n public static override styles = styles;\n public static readonly tagName = 'igc-carousel-slide';\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcCarouselSlideComponent);\n }\n\n private static readonly increment = createCounter();\n\n private _internals: ElementInternals;\n private _animationPlayer = addAnimationController(this);\n\n @consume({ context: carouselContext, subscribe: true })\n private _carousel?: IgcCarouselComponent;\n\n protected get _index() {\n return this._carousel ? this._carousel.slides.indexOf(this) : 0;\n }\n\n protected get _total() {\n return this._carousel ? this._carousel.slides.length : 0;\n }\n\n protected get _animation() {\n const animation = this._carousel?.animationType ?? 'slide';\n\n if (animation === 'slide') {\n return this._carousel?.vertical ? 'slideVer' : 'slideHor';\n }\n\n return animation;\n }\n\n protected get _labelFormat() {\n return this._carousel ? this._carousel.slidesLabelFormat : '';\n }\n\n /\n The current active slide for the carousel component.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n / blazorSuppress */\n @property({ type: Boolean, reflect: true })\n public previous = false;\n\n public async toggleAnimation(\n type: 'in' \| 'out',\n direction: 'normal' \| 'reverse' = 'normal'\n ) {\n const animation = animations.get(this._animation)!.get(type)!;\n\n const options: KeyframeAnimationOptions = {\n duration: 320,\n easing: EaseInOut.Quad,\n direction,\n };\n\n const [_, event] = await Promise.all([\n this._animationPlayer.stopAll(),\n this._animationPlayer.play(animation(options)),\n ]);\n\n return event.type === 'finish';\n }\n\n constructor() {\n super();\n this._internals = this.attachInternals();\n\n this._internals.role = 'tabpanel';\n this._internals.ariaRoleDescription = 'slide';\n }\n\n protected override willUpdate(): void {\n this._internals.ariaLabel = formatString(\n this._labelFormat,\n this._index + 1,\n this._total\n );\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n\n this.id =\n this.id \|\| `igc-carousel-slide-${IgcCarouselSlideComponent.increment()}`;\n }\n\n protected override render() {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-carousel-slide': IgcCarouselSlideComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"carousel-slide.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-slide.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { EaseInOut } from '../../animations/easings.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { carouselContext } from '../common/context.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, formatString } from '../common/util.js';\nimport { animations } from './animations.js';\nimport type IgcCarouselComponent from './carousel.js';\nimport { styles } from './themes/carousel-slide.base.css.js';\n\n/*\n A single content container within a set of containers used in the context of an `igc-carousel`.\n \n @element igc-carousel-slide\n \n @slot Default slot for the carousel slide.\n /\n\nexport default class IgcCarouselSlideComponent extends LitElement {\n public static override styles = styles;\n public static readonly tagName = 'igc-carousel-slide';\n\n / blazorSuppress /\n public static register() {\n registerComponent(IgcCarouselSlideComponent);\n }\n\n private static readonly increment = createCounter();\n\n private _internals: ElementInternals;\n private _animationPlayer = addAnimationController(this);\n\n @consume({ context: carouselContext, subscribe: true })\n private _carousel?: IgcCarouselComponent;\n\n protected get _index() {\n return this._carousel ? this._carousel.slides.indexOf(this) : 0;\n }\n\n protected get _total() {\n return this._carousel ? this._carousel.slides.length : 0;\n }\n\n protected get _animation() {\n const animation = this._carousel?.animationType ?? 'slide';\n\n if (animation === 'slide') {\n return this._carousel?.vertical ? 'slideVer' : 'slideHor';\n }\n\n return animation;\n }\n\n protected get _labelFormat() {\n return this._carousel ? this._carousel.slidesLabelFormat : '';\n }\n\n /\n The current active slide for the carousel component.\n * @attr\n /\n @property({ type: Boolean, reflect: true })\n public active = false;\n\n / blazorSuppress */\n @property({ type: Boolean, reflect: true })\n public previous = false;\n\n public async toggleAnimation(\n type: 'in' \| 'out',\n direction: 'normal' \| 'reverse' = 'normal'\n ) {\n const animation = animations.get(this._animation)!.get(type)!;\n\n const options: KeyframeAnimationOptions = {\n duration: 320,\n easing: EaseInOut.Quad,\n direction,\n };\n\n const [_, event] = await Promise.all([\n this._animationPlayer.stopAll(),\n this._animationPlayer.play(animation(options)),\n ]);\n\n return event.type === 'finish';\n }\n\n constructor() {\n super();\n this._internals = this.attachInternals();\n\n this._internals.role = 'tabpanel';\n this._internals.ariaRoleDescription = 'slide';\n }\n\n protected override willUpdate(): void {\n this._internals.ariaLabel = formatString(\n this._labelFormat,\n this._index + 1,\n this._total\n );\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n\n this.id =\n this.id \|\| `igc-carousel-slide-${IgcCarouselSlideComponent.increment()}`;\n }\n\n protected override render() {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-carousel-slide': IgcCarouselSlideComponent;\n }\n}\n"]}

package/components/carousel/carousel.js CHANGED Viewed

@@ -12,6 +12,7 @@ import { createRef, ref } from 'lit/directives/ref.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { themes } from '../../theming/theming-decorator.js';
 import IgcButtonComponent from '../button/button.js';
+import { carouselContext } from '../common/context.js';
 import { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';
 import { addGesturesController, } from '../common/controllers/gestures.js';
 import { addKeybindings, arrowLeft, arrowRight, endKey, homeKey, } from '../common/controllers/key-bindings.js';
@@ -24,7 +25,6 @@ import IgcIconComponent from '../icon/icon.js';
 import IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';
 import IgcCarouselIndicatorComponent from './carousel-indicator.js';
 import IgcCarouselSlideComponent from './carousel-slide.js';
-import { carouselContext } from './context.js';
 import { styles } from './themes/carousel.base.css.js';
 import { all } from './themes/container.js';
 import { styles as shared } from './themes/shared/carousel.common.css.js';

package/components/carousel/carousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EACL,QAAQ,EACR,QAAQ,EACR,qBAAqB,EACrB,KAAK,GACN,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAEL,qBAAqB,GACtB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EACL,cAAc,EACd,SAAS,EACT,UAAU,EACV,MAAM,EACN,OAAO,GACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEL,wBAAwB,GACzB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EACL,QAAQ,EACR,aAAa,EACb,wBAAwB,EACxB,KAAK,EACL,YAAY,EACZ,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAI,GACL,MAAM,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,sCAAsC,MAAM,mCAAmC,CAAC;AACvF,OAAO,6BAA6B,MAAM,yBAAyB,CAAC;AACpE,OAAO,yBAAyB,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AA+B3D,IAAM,oBAAoB,4BAA1B,MAAM,oBAAqB,SAAQ,iBAAiB,CAGjE,UAAU,CAAC;IAKJ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,sBAAoB,EACpB,6BAA6B,EAC7B,sCAAsC,EACtC,yBAAyB,EACzB,gBAAgB,EAChB,kBAAkB,CACnB,CAAC;IACJ,CAAC;IAqBD,IAAY,sBAAsB;QAChC,OAAO,IAAI,CAAC,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9C,CAAC;IAED,IAAY,mBAAmB;QAC7B,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,sBAAsB,CAAC;IAClD,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IACnD,CAAC;IAED,IAAY,SAAS;QACnB,OAAO,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IACnD,CAAC;IAoBO,iBAAiB,CAAC,EACxB,OAAO,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,GACsB;QACpD,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAEjE,IAAI,YAAY,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAC7B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CACnD,CAAC;QAEF,KAAK,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC;YAC/C,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;gBAC9B,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;YACvB,CAAC;QACH,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IACvC,CAAC;IAuGD,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;IAC5B,CAAC;IAKD,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAC7D,CAAC;IAKD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAKD,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAKS,cAAc;QACtB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACrC,CAAC;IAGS,cAAc;QACtB,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;QAED,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAxNF,gBAAW,GAAG,gBAAgB,sBAAoB,CAAC,SAAS,EAAE,EAAE,CAAC;QACjE,sCAAiC,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAI/D,wCAAmC,GAAG,KAAK,CAAC;QAC5C,kBAAa,GAAG,KAAK,CAAC;QAEtB,aAAQ,GAAG,IAAI,eAAe,CAAC,IAAI,EAAE;YAC3C,OAAO,EAAE,eAAe;YACxB,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;QAEK,gCAA2B,GAAwB,SAAS,EAAE,CAAC;QAC/D,4BAAuB,GAAwB,SAAS,EAAE,CAAC;QAC3D,mBAAc,GAA4B,SAAS,EAAE,CAAC;QACtD,mBAAc,GAA4B,SAAS,EAAE,CAAC;QA+BtD,aAAQ,GAAG,KAAK,CAAC;QAGjB,YAAO,GAAG,KAAK,CAAC;QA4BjB,gBAAW,GAAG,KAAK,CAAC;QAWpB,8BAAyB,GAAG,KAAK,CAAC;QAOlC,mBAAc,GAAG,KAAK,CAAC;QAOvB,mBAAc,GAAG,KAAK,CAAC;QAOvB,aAAQ,GAAG,KAAK,CAAC;QAOjB,0BAAqB,GAAoB,KAAK,CAAC;QAS/C,0BAAqB,GAAG,WAAW,CAAC;QAWpC,sBAAiB,GAAG,YAAY,CAAC;QAkBjC,2BAAsB,GAAG,EAAE,CAAC;QAO5B,kBAAa,GAA8B,OAAO,CAAC;QAuDxD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAEzC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,mBAAmB,GAAG,UAAU,CAAC;QAEjD,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC7D,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC/D,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAE/D,qBAAqB,CAAC,IAAI,EAAE;YAC1B,GAAG,EAAE,IAAI,CAAC,2BAA2B;YACrC,SAAS,EAAE,IAAI;SAChB,CAAC;aACC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,qBAAqB,CAAC;aAC7C,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,qBAAqB,CAAC;aAC9C,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,mBAAmB,CAAC;aACzC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAE/C,cAAc,CAAC,IAAI,EAAE;YACnB,GAAG,EAAE,IAAI,CAAC,uBAAuB;YACjC,eAAe,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;SAC1C,CAAC;aACC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC;aACpC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC;aACtC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC;aAChC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAElC,cAAc,CAAC,IAAI,EAAE;YACnB,GAAG,EAAE,IAAI,CAAC,cAAc;YACxB,eAAe,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;SAC1C,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,mCAAmC,CAAC,CAAC;QAEhE,cAAc,CAAC,IAAI,EAAE;YACnB,GAAG,EAAE,IAAI,CAAC,cAAc;YACxB,eAAe,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;SAC1C,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;QAE5D,wBAAwB,CAAC,IAAI,EAAE;YAC7B,QAAQ,EAAE,IAAI,CAAC,iBAAiB;YAChC,MAAM,EAAE,CAAC,yBAAyB,CAAC,OAAO,CAAC;YAC3C,MAAM,EAAE;gBACN,eAAe,EAAE,CAAC,QAAQ,CAAC;gBAC3B,SAAS,EAAE,IAAI;gBACf,OAAO,EAAE,IAAI;aACd;SACF,CAAC,CAAC;IACL,CAAC;IAEO,gBAAgB;QACtB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,aAAa,CAChB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CACpE,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,yBAAyB;QAC/B,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,iCAAiC,CAAC,OAAO,EAAE,CAAC;YACnD,IAAI,CAAC,iCAAiC,CAAC,KAAK,EAAE,CAAC;QACjD,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,IAAI,CAAC,iCAAiC,CAAC,OAAO,EAAE,CAAC;YACnD,OAAO;QACT,CAAC;QACD,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAClC,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,IAAI,CAAC,iCAAiC,CAAC,OAAO,EAAE,CAAC;YACnD,OAAO;QACT,CAAC;QACD,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAClC,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,iCAAiC,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACzE,OAAO;QACT,CAAC;QACD,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAClC,CAAC;IAEO,cAAc,CAAC,KAAiB;QACtC,MAAM,IAAI,GAAG,KAAK,CAAC,aAAqB,CAAC;QAEzC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1D,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,iCAAiC,CAAC,OAAO,EAAE,CAAC;YACnD,IAAI,CAAC,iCAAiC,CAAC,KAAK,EAAE,CAAC;YAE/C,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;gBACxB,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAClC,CAAC;QACH,CAAC;IACH,CAAC;IAEO,wBAAwB;QAC9B,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,yBAAyB;YAAE,OAAO;QAE7D,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,eAAe;QAC3B,IAAI,CAAC,mCAAmC,GAAG,IAAI,CAAC;QAChD,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9D,CAAC;IAEO,KAAK,CAAC,gBAAgB;QAC5B,IAAI,CAAC,mCAAmC,GAAG,IAAI,CAAC;QAChD,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9D,CAAC;IAEO,KAAK,CAAC,aAAa;QACzB,IAAI,CAAC,mCAAmC,GAAG,IAAI,CAAC;QAChD,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAC1B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAClE,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,YAAY;QACxB,IAAI,CAAC,mCAAmC,GAAG,IAAI,CAAC;QAChD,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAC1B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAClE,CAAC;IACJ,CAAC;IAEO,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,EAAc;QAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,iBAAiB,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrE,CAAC;IACH,CAAC;IAEO,qBAAqB,CAAC,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,EAAc;QAC/D,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,iBAAiB,CAAC,KAAK,IAAI,EAAE;gBAChC,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;oBAChB,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;gBAC/D,CAAC;qBAAM,CAAC;oBACN,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;gBAC/D,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,oBAAoB,CAAC,KAAmB;QACpD,MAAM,SAAS,GAAG,wBAAwB,CACxC,6BAA6B,CAAC,OAAO,EACrC,KAAK,CACL,CAAC;QAEH,MAAM,KAAK,GAAG,IAAI,CAAC,sBAAsB;YACvC,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,SAAS,CAAC;YAC9C,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAE3D,IAAI,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAC1B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CACxE,CAAC;IACJ,CAAC;IAEO,+BAA+B;QACrC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAEO,mCAAmC;QACzC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC;IAEO,KAAK,CAAC,iBAAiB,CAC7B,QAAgC;QAEhC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAED,MAAM,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QAE5D,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAEO,aAAa,CAAC,KAAgC;QACpD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,KAAK,CAAC;QACnC,CAAC;QAED,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,IAAI,CAAC;QAEhC,IAAI,IAAI,CAAC,mCAAmC,EAAE,CAAC;YAC7C,IAAI,CAAC,sBAAsB;gBACzB,CAAC,CAAC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE;gBACjD,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;YAElD,IAAI,CAAC,mCAAmC,GAAG,KAAK,CAAC;QACnD,CAAC;IACH,CAAC;IAEO,yBAAyB;QAC/B,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC;YACjD,MAAM,SAAS,GAAG,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC;YACjD,SAAS,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YAChC,SAAS,CAAC,KAAK,GAAG,GAAG,CAAC;YAEtB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAClC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC5B,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAChC,IAAI,CAAC,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;gBACpC,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBACjC,IAAI,CAAC,IAAI,EAAE,CAAC;oBACZ,IAAI,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;gBAC9D,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,CAAC;YACH,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,aAAa,CACzB,SAAoC,EACpC,YAAuC,EACvC,GAAoB;QAEpB,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;YAEnB,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC;YAC7B,YAAY,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YACpC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAC9B,MAAM,SAAS,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YACtC,YAAY,CAAC,QAAQ,GAAG,KAAK,CAAC;QAChC,CAAC;aAAM,CAAC;YAEN,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC;YAC7B,YAAY,CAAC,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;YAC9C,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAC9B,MAAM,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YAClD,YAAY,CAAC,QAAQ,GAAG,KAAK,CAAC;QAChC,CAAC;IACH,CAAC;IAKM,IAAI;QACT,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAKM,KAAK;QACV,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;IACH,CAAC;IAKM,KAAK,CAAC,IAAI;QACf,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,KAAK,CAAC,EAAE,CAAC;YAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;IAChE,CAAC;IAKM,KAAK,CAAC,IAAI;QACf,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;YAC1D,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;IAChE,CAAC;IAiBM,KAAK,CAAC,MAAM,CACjB,YAAgD,EAChD,kBAAoC;QAEpC,IAAI,KAAa,CAAC;QAClB,IAAI,KAA4C,CAAC;QAEjD,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;YACrC,KAAK,GAAG,YAAY,CAAC;YACrB,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,KAAK,GAAG,YAAY,CAAC;YACrB,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;QAED,IAAI,KAAK,KAAK,IAAI,CAAC,OAAO,IAAI,KAAK,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACrD,OAAO,KAAK,CAAC;QACf,CAAC;QAED,MAAM,GAAG,GAAG,kBAAkB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAE3E,MAAM,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;QACxD,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAA;;UAEL,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;;;;wBAIV,IAAI,CAAC,WAAW;oBACpB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC;iBACzC,IAAI,CAAC,mCAAmC;;;;;;;;;;;UAW/C,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;;;;wBAIV,IAAI,CAAC,WAAW;oBACpB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC;iBACtD,IAAI,CAAC,+BAA+B;;;;;;;;;;KAUhD,CAAC;IACJ,CAAC;IAES,CAAC,gBAAgB;QACzB,KAAK,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC;YAC/C,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;YACpD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;YAErD,MAAM,IAAI,CAAA;;;oBAGI,KAAK,CAAC,MAAM;mBACb,CAAC;;;;oBAIA,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;;;;;oBAK7C,QAAQ,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;;;OAG9C,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,iBAAiB;QACvB,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,IAAI,CAAC,qBAAqB,KAAK,OAAO;SAC9C,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;;eAEA,GAAG,CAAC,IAAI,CAAC,uBAAuB,CAAC,wBAAwB,KAAK;;;0BAGnD,IAAI,CAAC,yBAAyB;qBACnC,IAAI,CAAC,oBAAoB;;cAEhC,IAAI,CAAC,sBAAsB;YAC3B,CAAC,CAAC,IAAI,CAAC,yBAAyB,EAAE;YAClC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE;;;;KAIlC,CAAC;IACJ,CAAC;IAEO,aAAa;QACnB,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,KAAK,EAAE,IAAI;YACX,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,IAAI,CAAC,qBAAqB,KAAK,OAAO;SAC9C,CAAC,CAAC;QACH,MAAM,KAAK,GAAG,YAAY,CACxB,IAAI,CAAC,iBAAiB,EACtB,IAAI,CAAC,OAAO,GAAG,CAAC,EAChB,IAAI,CAAC,KAAK,CACX,CAAC;QAEF,OAAO,IAAI,CAAA;kBACG,KAAK;gBACP,KAAK;;KAEhB,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;0BACW,IAAI,CAAC,aAAa,cAAc,IAAI,CAAC,cAAc;UACnE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE;UACzD,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,mBAAmB;YAC/C,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE;UAC1B,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,mBAAmB;YAChD,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;YACtB,CAAC,CAAC,OAAO;;YAEP,GAAG,CAAC,IAAI,CAAC,2BAA2B,CAAC;eAClC,IAAI,CAAC,WAAW;sBACT,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;;8BAE1C,IAAI,CAAC,gBAAgB;;;KAG9C,CAAC;IACJ,CAAC;;AAxsBa,2BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AACjB,4BAAO,GAAG,cAAc,AAAjB,CAAkB;AAcxB,8BAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AAoC5C;IADP,QAAQ,CAAC,6BAA6B,CAAC,OAAO,CAAC;gEACuB;AAM/D;IAJP,qBAAqB,CAAC;QACrB,QAAQ,EAAE,6BAA6B,CAAC,OAAO;QAC/C,IAAI,EAAE,WAAW;KAClB,CAAC;kEACkE;AAG5D;IADP,KAAK,EAAE;0DACyC;AAGzC;IADP,KAAK,EAAE;sDACiB;AAGjB;IADP,KAAK,EAAE;qDACgB;AA4BjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;yDAC3C;AAWpB;IALN,QAAQ,CAAC;QACR,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,8BAA8B;KAC1C,CAAC;uEACuC;AAOlC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;4DAC3C;AAOvB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;4DAC3C;AAOvB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,CAAC;mEACZ;AAS/C;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,yBAAyB,EAAE,CAAC;mEACR;AAWpC;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;+DACP;AAOjC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;sDACP;AAW7B;IALN,QAAQ,CAAC;QACR,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,KAAK;QACd,SAAS,EAAE,0BAA0B;KACtC,CAAC;oEACiC;AAO5B;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;2DACgB;AAOnD;IADN,qBAAqB,CAAC,EAAE,QAAQ,EAAE,yBAAyB,CAAC,OAAO,EAAE,CAAC;oDACtB;AAiCvC;IAHT,KAAK,CAAC,eAAe,CAAC;IACtB,KAAK,CAAC,mBAAmB,CAAC;IAC1B,KAAK,CAAC,uBAAuB,CAAC;0DAG9B;AAGS;IADT,KAAK,CAAC,UAAU,CAAC;0DAOjB;AAzOkB,oBAAoB;IADxC,MAAM,CAAC,GAAG,CAAC;GACS,oBAAoB,CA6sBxC;eA7sBoB,oBAAoB","sourcesContent":["import { ContextProvider } from '@lit/context';\nimport { LitElement, html, nothing } from 'lit';\nimport {\n property,\n queryAll,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\n\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport {\n type SwipeEvent,\n addGesturesController,\n} from '../common/controllers/gestures.js';\nimport {\n addKeybindings,\n arrowLeft,\n arrowRight,\n endKey,\n homeKey,\n} from '../common/controllers/key-bindings.js';\nimport {\n type MutationControllerParams,\n createMutationController,\n} from '../common/controllers/mutation-observer.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport {\n asNumber,\n createCounter,\n findElementFromEventPath,\n first,\n formatString,\n isLTR,\n last,\n partNameMap,\n wrap,\n} from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';\nimport IgcCarouselIndicatorComponent from './carousel-indicator.js';\nimport IgcCarouselSlideComponent from './carousel-slide.js';\nimport { carouselContext } from './context.js';\nimport { styles } from './themes/carousel.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/carousel.common.css.js';\n\nexport interface IgcCarouselComponentEventMap {\n igcSlideChanged: CustomEvent<number>;\n igcPlaying: CustomEvent<void>;\n igcPaused: CustomEvent<void>;\n}\n\n/*\n The `igc-carousel` presents a set of `igc-carousel-slide`s by sequentially displaying a subset of one or more slides.\n \n @element igc-carousel\n \n @slot Default slot for the carousel. Any projected `igc-carousel-slide` components should be projected here.\n * @slot previous-button - Renders content inside the previous button.\n * @slot next-button - Renders content inside the next button.\n \n @fires igcSlideChanged - Emitted when the current active slide is changed either by user interaction or by the interval callback.\n * @fires igcPlaying - Emitted when the carousel enters playing state by a user interaction.\n * @fires igcPaused - Emitted when the carousel enters paused state by a user interaction.\n \n @csspart navigation - The wrapper container of each carousel navigation button.\n * @csspart previous - The wrapper container of the carousel previous navigation button.\n * @csspart next - The wrapper container of the carousel next navigation button.\n * @csspart dot - The carousel dot indicator container.\n * @csspart active - The carousel active dot indicator container.\n * @csspart label - The label container of the carousel indicators.\n * @csspart start - The wrapping container of all carousel indicators when indicators-orientation is set to start.\n /\n\n@themes(all)\nexport default class IgcCarouselComponent extends EventEmitterMixin<\n IgcCarouselComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static styles = [styles, shared];\n public static readonly tagName = 'igc-carousel';\n\n / blazorSuppress /\n public static register() {\n registerComponent(\n IgcCarouselComponent,\n IgcCarouselIndicatorComponent,\n IgcCarouselIndicatorContainerComponent,\n IgcCarouselSlideComponent,\n IgcIconComponent,\n IgcButtonComponent\n );\n }\n\n private static readonly increment = createCounter();\n private _carouselId = `igc-carousel-${IgcCarouselComponent.increment()}`;\n private _carouselKeyboardInteractionFocus = addKeyboardFocusRing(this);\n\n private _internals: ElementInternals;\n private _lastInterval!: ReturnType<typeof setInterval> \| null;\n private _hasKeyboardInteractionOnIndicators = false;\n private _hasMouseStop = false;\n\n private _context = new ContextProvider(this, {\n context: carouselContext,\n initialValue: this,\n });\n\n private _carouselSlidesContainerRef: Ref<HTMLDivElement> = createRef();\n private _indicatorsContainerRef: Ref<HTMLDivElement> = createRef();\n private _prevButtonRef: Ref<IgcButtonComponent> = createRef();\n private _nextButtonRef: Ref<IgcButtonComponent> = createRef();\n\n private get hasProjectedIndicators(): boolean {\n return this._projectedIndicators.length > 0;\n }\n\n private get showIndicatorsLabel(): boolean {\n return this.total > this.maximumIndicatorsCount;\n }\n\n private get nextIndex(): number {\n return wrap(0, this.total - 1, this.current + 1);\n }\n\n private get prevIndex(): number {\n return wrap(0, this.total - 1, this.current - 1);\n }\n\n @queryAll(IgcCarouselIndicatorComponent.tagName)\n private _defaultIndicators!: NodeListOf<IgcCarouselIndicatorComponent>;\n\n @queryAssignedElements({\n selector: IgcCarouselIndicatorComponent.tagName,\n slot: 'indicator',\n })\n private _projectedIndicators!: Array<IgcCarouselIndicatorComponent>;\n\n @state()\n private _activeSlide!: IgcCarouselSlideComponent;\n\n @state()\n private _playing = false;\n\n @state()\n private _paused = false;\n\n private _observerCallback({\n changes: { added, attributes },\n }: MutationControllerParams<IgcCarouselSlideComponent>) {\n const activeSlides = this.slides.filter((slide) => slide.active);\n\n if (activeSlides.length <= 1) {\n return;\n }\n const idx = this.slides.indexOf(\n added.length ? last(added).node : last(attributes)\n );\n\n for (const [i, slide] of this.slides.entries()) {\n if (slide.active && i !== idx) {\n slide.active = false;\n }\n }\n\n this.activateSlide(this.slides[idx]);\n }\n\n /\n Whether the carousel should skip rotating to the first slide after it reaches the last.\n * @attr disable-loop\n /\n @property({ type: Boolean, reflect: true, attribute: 'disable-loop' })\n public disableLoop = false;\n\n /\n Whether the carousel should ignore use interactions and not pause on them.\n * @attr disable-pause-on-interaction\n /\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'disable-pause-on-interaction',\n })\n public disablePauseOnInteraction = false;\n\n /\n Whether the carousel should skip rendering of the default navigation buttons.\n * @attr hide-navigation\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-navigation' })\n public hideNavigation = false;\n\n /\n Whether the carousel should render the indicator controls (dots).\n * @attr hide-indicators\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-indicators' })\n public hideIndicators = false;\n\n /\n Whether the carousel has vertical alignment.\n * @attr vertical\n /\n @property({ type: Boolean, reflect: true })\n public vertical = false;\n\n /\n Sets the orientation of the indicator controls (dots).\n * @attr indicators-orientation\n /\n @property({ reflect: false, attribute: 'indicators-orientation' })\n public indicatorsOrientation: 'start' \| 'end' = 'end';\n\n /\n The format used to set the aria-label on the carousel indicators.\n * Instances of '{0}' will be replaced with the index of the corresponding slide.\n \n @attr indicators-label-format\n /\n @property({ attribute: 'indicators-label-format' })\n public indicatorsLabelFormat = 'Slide {0}';\n\n /\n The format used to set the aria-label on the carousel slides and the text displayed\n * when the number of indicators is greater than tha maximum indicator count.\n * Instances of '{0}' will be replaced with the index of the corresponding slide.\n * Instances of '{1}' will be replaced with the total amount of slides.\n \n @attr slides-label-format\n /\n @property({ attribute: 'slides-label-format' })\n public slidesLabelFormat = '{0} of {1}';\n\n /\n The duration in milliseconds between changing the active slide.\n * @attr interval\n /\n @property({ type: Number, reflect: false })\n public interval: number \| undefined;\n\n /\n Controls the maximum indicator controls (dots) that can be shown. Default value is `10`.\n * @attr maximum-indicators-count\n /\n @property({\n type: Number,\n reflect: false,\n attribute: 'maximum-indicators-count',\n })\n public maximumIndicatorsCount = 10;\n\n /\n The animation type.\n * @attr animation-type\n /\n @property({ attribute: 'animation-type' })\n public animationType: 'slide' \| 'fade' \| 'none' = 'slide';\n\n / blazorSuppress /\n /\n The slides of the carousel.\n /\n @queryAssignedElements({ selector: IgcCarouselSlideComponent.tagName })\n public slides!: Array<IgcCarouselSlideComponent>;\n\n /\n The total number of slides.\n /\n public get total(): number {\n return this.slides.length;\n }\n\n /\n The index of the current active slide.\n /\n public get current(): number {\n return Math.max(0, this.slides.indexOf(this._activeSlide));\n }\n\n /\n Whether the carousel is in playing state.\n /\n public get isPlaying(): boolean {\n return this._playing;\n }\n\n /\n Whether the carousel in in paused state.\n /\n public get isPaused(): boolean {\n return this._paused;\n }\n\n @watch('animationType')\n @watch('slidesLabelFormat')\n @watch('indicatorsLabelFormat')\n protected contextChanged() {\n this._context.setValue(this, true);\n }\n\n @watch('interval')\n protected intervalChange() {\n if (!this.isPlaying) {\n this._playing = true;\n }\n\n this.restartInterval();\n }\n\n constructor() {\n super();\n this._internals = this.attachInternals();\n\n this._internals.role = 'region';\n this._internals.ariaRoleDescription = 'carousel';\n\n this.addEventListener('pointerdown', this.handlePointerDown);\n this.addEventListener('pointerenter', this.handlePointerEnter);\n this.addEventListener('pointerleave', this.handlePointerLeave);\n\n addGesturesController(this, {\n ref: this._carouselSlidesContainerRef,\n touchOnly: true,\n })\n .set('swipe-left', this.handleHorizontalSwipe)\n .set('swipe-right', this.handleHorizontalSwipe)\n .set('swipe-up', this.handleVerticalSwipe)\n .set('swipe-down', this.handleVerticalSwipe);\n\n addKeybindings(this, {\n ref: this._indicatorsContainerRef,\n bindingDefaults: { preventDefault: true },\n })\n .set(arrowLeft, this.handleArrowLeft)\n .set(arrowRight, this.handleArrowRight)\n .set(homeKey, this.handleHomeKey)\n .set(endKey, this.handleEndKey);\n\n addKeybindings(this, {\n ref: this._prevButtonRef,\n bindingDefaults: { preventDefault: true },\n }).setActivateHandler(this.handleNavigationInteractionPrevious);\n\n addKeybindings(this, {\n ref: this._nextButtonRef,\n bindingDefaults: { preventDefault: true },\n }).setActivateHandler(this.handleNavigationInteractionNext);\n\n createMutationController(this, {\n callback: this._observerCallback,\n filter: [IgcCarouselSlideComponent.tagName],\n config: {\n attributeFilter: ['active'],\n childList: true,\n subtree: true,\n },\n });\n }\n\n private handleSlotChange(): void {\n if (this.total) {\n this.activateSlide(\n this.slides.findLast((slide) => slide.active) ?? first(this.slides)\n );\n }\n }\n\n private handleIndicatorSlotChange(): void {\n this.requestUpdate();\n }\n\n private handlePointerDown(): void {\n if (this._carouselKeyboardInteractionFocus.focused) {\n this._carouselKeyboardInteractionFocus.reset();\n }\n }\n\n private handlePointerEnter(): void {\n this._hasMouseStop = true;\n if (this._carouselKeyboardInteractionFocus.focused) {\n return;\n }\n this.handlePauseOnInteraction();\n }\n\n private handlePointerLeave(): void {\n this._hasMouseStop = false;\n if (this._carouselKeyboardInteractionFocus.focused) {\n return;\n }\n this.handlePauseOnInteraction();\n }\n\n private handleFocusIn(): void {\n if (this._carouselKeyboardInteractionFocus.focused \|\| this._hasMouseStop) {\n return;\n }\n this.handlePauseOnInteraction();\n }\n\n private handleFocusOut(event: FocusEvent): void {\n const node = event.relatedTarget as Node;\n\n if (this.contains(node) \|\| this.renderRoot.contains(node)) {\n return;\n }\n\n if (this._carouselKeyboardInteractionFocus.focused) {\n this._carouselKeyboardInteractionFocus.reset();\n\n if (!this._hasMouseStop) {\n this.handlePauseOnInteraction();\n }\n }\n }\n\n private handlePauseOnInteraction(): void {\n if (!this.interval \|\| this.disablePauseOnInteraction) return;\n\n if (this.isPlaying) {\n this.pause();\n this.emitEvent('igcPaused');\n } else {\n this.play();\n this.emitEvent('igcPlaying');\n }\n }\n\n private async handleArrowLeft(): Promise<void> {\n this._hasKeyboardInteractionOnIndicators = true;\n this.handleInteraction(isLTR(this) ? this.prev : this.next);\n }\n\n private async handleArrowRight(): Promise<void> {\n this._hasKeyboardInteractionOnIndicators = true;\n this.handleInteraction(isLTR(this) ? this.next : this.prev);\n }\n\n private async handleHomeKey(): Promise<void> {\n this._hasKeyboardInteractionOnIndicators = true;\n this.handleInteraction(() =>\n this.select(isLTR(this) ? first(this.slides) : last(this.slides))\n );\n }\n\n private async handleEndKey(): Promise<void> {\n this._hasKeyboardInteractionOnIndicators = true;\n this.handleInteraction(() =>\n this.select(isLTR(this) ? last(this.slides) : first(this.slides))\n );\n }\n\n private handleVerticalSwipe({ data: { direction } }: SwipeEvent) {\n if (this.vertical) {\n this.handleInteraction(direction === 'up' ? this.next : this.prev);\n }\n }\n\n private handleHorizontalSwipe({ data: { direction } }: SwipeEvent) {\n if (!this.vertical) {\n this.handleInteraction(async () => {\n if (isLTR(this)) {\n direction === 'left' ? await this.next() : await this.prev();\n } else {\n direction === 'left' ? await this.prev() : await this.next();\n }\n });\n }\n }\n\n private async handleIndicatorClick(event: PointerEvent): Promise<void> {\n const indicator = findElementFromEventPath<IgcCarouselIndicatorComponent>(\n IgcCarouselIndicatorComponent.tagName,\n event\n )!;\n\n const index = this.hasProjectedIndicators\n ? this._projectedIndicators.indexOf(indicator)\n : Array.from(this._defaultIndicators).indexOf(indicator);\n\n this.handleInteraction(() =>\n this.select(this.slides[index], index > this.current ? 'next' : 'prev')\n );\n }\n\n private handleNavigationInteractionNext() {\n this.handleInteraction(this.next);\n }\n\n private handleNavigationInteractionPrevious() {\n this.handleInteraction(this.prev);\n }\n\n private async handleInteraction(\n callback: () => Promise<unknown>\n ): Promise<void> {\n if (this.interval) {\n this.resetInterval();\n }\n\n await callback.call(this);\n this.emitEvent('igcSlideChanged', { detail: this.current });\n\n if (this.interval) {\n this.restartInterval();\n }\n }\n\n private activateSlide(slide: IgcCarouselSlideComponent): void {\n if (this._activeSlide) {\n this._activeSlide.active = false;\n }\n\n this._activeSlide = slide;\n this._activeSlide.active = true;\n\n if (this._hasKeyboardInteractionOnIndicators) {\n this.hasProjectedIndicators\n ? this._projectedIndicators[this.current].focus()\n : this._defaultIndicators[this.current].focus();\n\n this._hasKeyboardInteractionOnIndicators = false;\n }\n }\n\n private updateProjectedIndicators(): void {\n for (const [idx, slide] of this.slides.entries()) {\n const indicator = this._projectedIndicators[idx];\n indicator.active = slide.active;\n indicator.index = idx;\n\n this.setAttribute('aria-controls', slide.id);\n }\n }\n\n private resetInterval(): void {\n if (this._lastInterval) {\n clearInterval(this._lastInterval);\n this._lastInterval = null;\n }\n }\n\n private restartInterval(): void {\n this.resetInterval();\n\n if (asNumber(this.interval) > 0) {\n this._lastInterval = setInterval(() => {\n if (this.isPlaying && this.total) {\n this.next();\n this.emitEvent('igcSlideChanged', { detail: this.current });\n } else {\n this.pause();\n }\n }, this.interval);\n }\n }\n\n private async animateSlides(\n nextSlide: IgcCarouselSlideComponent,\n currentSlide: IgcCarouselSlideComponent,\n dir: 'next' \| 'prev'\n ): Promise<void> {\n if (dir === 'next') {\n // Animate slides in next direction\n currentSlide.previous = true;\n currentSlide.toggleAnimation('out');\n this.activateSlide(nextSlide);\n await nextSlide.toggleAnimation('in');\n currentSlide.previous = false;\n } else {\n // Animate slides in previous direction\n currentSlide.previous = true;\n currentSlide.toggleAnimation('in', 'reverse');\n this.activateSlide(nextSlide);\n await nextSlide.toggleAnimation('out', 'reverse');\n currentSlide.previous = false;\n }\n }\n\n /\n Resumes playing of the carousel slides.\n /\n public play(): void {\n if (!this.isPlaying) {\n this._paused = false;\n this._playing = true;\n this.restartInterval();\n }\n }\n\n /\n Pauses the carousel rotation of slides.\n /\n public pause(): void {\n if (this.isPlaying) {\n this._playing = false;\n this._paused = true;\n this.resetInterval();\n }\n }\n\n /\n Switches to the next slide, runs any animations, and returns if the operation was successful.\n /\n public async next(): Promise<boolean> {\n if (this.disableLoop && this.nextIndex === 0) {\n this.pause();\n return false;\n }\n\n return await this.select(this.slides[this.nextIndex], 'next');\n }\n\n /\n Switches to the previous slide, runs any animations, and returns if the operation was successful.\n /\n public async prev(): Promise<boolean> {\n if (this.disableLoop && this.prevIndex === this.total - 1) {\n this.pause();\n return false;\n }\n\n return await this.select(this.slides[this.prevIndex], 'prev');\n }\n\n / blazorSuppress /\n /\n Switches to the passed-in slide, runs any animations, and returns if the operation was successful.\n /\n public async select(\n slide: IgcCarouselSlideComponent,\n animationDirection?: 'next' \| 'prev'\n ): Promise<boolean>;\n /\n Switches to slide by index, runs any animations, and returns if the operation was successful.\n /\n public async select(\n index: number,\n animationDirection?: 'next' \| 'prev'\n ): Promise<boolean>;\n public async select(\n slideOrIndex: IgcCarouselSlideComponent \| number,\n animationDirection?: 'next' \| 'prev'\n ): Promise<boolean> {\n let index: number;\n let slide: IgcCarouselSlideComponent \| undefined;\n\n if (typeof slideOrIndex === 'number') {\n index = slideOrIndex;\n slide = this.slides.at(index);\n } else {\n slide = slideOrIndex;\n index = this.slides.indexOf(slide);\n }\n\n if (index === this.current \|\| index === -1 \|\| !slide) {\n return false;\n }\n\n const dir = animationDirection ?? (index > this.current ? 'next' : 'prev');\n\n await this.animateSlides(slide, this._activeSlide, dir);\n return true;\n }\n\n private navigationTemplate() {\n return html`\n <igc-button\n ${ref(this._prevButtonRef)}\n type=\"button\"\n part=\"navigation previous\"\n aria-label=\"Previous slide\"\n aria-controls=${this._carouselId}\n ?disabled=${this.disableLoop && this.current === 0}\n @click=${this.handleNavigationInteractionPrevious}\n >\n <slot name=\"previous-button\">\n <igc-icon\n name=\"carousel_prev\"\n collection=\"default\"\n aria-hidden=\"true\"\n ></igc-icon>\n </slot>\n </igc-button>\n <igc-button\n ${ref(this._nextButtonRef)}\n type=\"button\"\n part=\"navigation next\"\n aria-label=\"Next slide\"\n aria-controls=${this._carouselId}\n ?disabled=${this.disableLoop && this.current === this.total - 1}\n @click=${this.handleNavigationInteractionNext}\n >\n <slot name=\"next-button\">\n <igc-icon\n name=\"carousel_next\"\n collection=\"default\"\n aria-hidden=\"true\"\n ></igc-icon>\n </slot>\n </igc-button>\n `;\n }\n\n protected renderIndicators() {\n for (const [i, slide] of this.slides.entries()) {\n const forward = slide.active ? 'visible' : 'hidden';\n const backward = slide.active ? 'hidden' : 'visible';\n\n yield html`\n <igc-carousel-indicator\n exportparts=\"indicator, active, inactive\"\n .active=${slide.active}\n .index=${i}\n >\n <div\n part=\"dot\"\n style=${styleMap({ visibility: backward, zIndex: 1 })}\n ></div>\n <div\n part=\"dot active\"\n slot=\"active\"\n style=${styleMap({ visibility: forward })}\n ></div>\n </igc-carousel-indicator>\n `;\n }\n }\n\n private indicatorTemplate() {\n const parts = partNameMap({\n indicators: true,\n start: this.indicatorsOrientation === 'start',\n });\n\n return html`\n <igc-carousel-indicator-container>\n <div ${ref(this._indicatorsContainerRef)} role=\"tablist\" part=${parts}>\n <slot\n name=\"indicator\"\n @slotchange=${this.handleIndicatorSlotChange}\n @click=${this.handleIndicatorClick}\n >\n ${this.hasProjectedIndicators\n ? this.updateProjectedIndicators()\n : this.renderIndicators()}\n </slot>\n </div>\n </igc-carousel-indicator-container>\n `;\n }\n\n private labelTemplate() {\n const parts = partNameMap({\n label: true,\n indicators: true,\n start: this.indicatorsOrientation === 'start',\n });\n const value = formatString(\n this.slidesLabelFormat,\n this.current + 1,\n this.total\n );\n\n return html`\n <div part=${parts}>\n <span>${value}</span>\n </div>\n `;\n }\n\n protected override render() {\n return html`\n <section @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut}>\n ${this.hideNavigation ? nothing : this.navigationTemplate()}\n ${this.hideIndicators \|\| this.showIndicatorsLabel\n ? nothing\n : this.indicatorTemplate()}\n ${!this.hideIndicators && this.showIndicatorsLabel\n ? this.labelTemplate()\n : nothing}\n <div\n ${ref(this._carouselSlidesContainerRef)}\n id=${this._carouselId}\n aria-live=${this.interval && this.isPlaying ? 'off' : 'polite'}\n >\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n </section>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-carousel': IgcCarouselComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel.ts"],"names":[],"mappings":"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","sourcesContent":["import { ContextProvider } from '@lit/context';\nimport { LitElement, html, nothing } from 'lit';\nimport {\n property,\n queryAll,\n queryAssignedElements,\n state,\n} from 'lit/decorators.js';\n\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { carouselContext } from '../common/context.js';\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport {\n type SwipeEvent,\n addGesturesController,\n} from '../common/controllers/gestures.js';\nimport {\n addKeybindings,\n arrowLeft,\n arrowRight,\n endKey,\n homeKey,\n} from '../common/controllers/key-bindings.js';\nimport {\n type MutationControllerParams,\n createMutationController,\n} from '../common/controllers/mutation-observer.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport {\n asNumber,\n createCounter,\n findElementFromEventPath,\n first,\n formatString,\n isLTR,\n last,\n partNameMap,\n wrap,\n} from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcCarouselIndicatorContainerComponent from './carousel-indicator-container.js';\nimport IgcCarouselIndicatorComponent from './carousel-indicator.js';\nimport IgcCarouselSlideComponent from './carousel-slide.js';\nimport { styles } from './themes/carousel.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/carousel.common.css.js';\n\nexport interface IgcCarouselComponentEventMap {\n igcSlideChanged: CustomEvent<number>;\n igcPlaying: CustomEvent<void>;\n igcPaused: CustomEvent<void>;\n}\n\n/*\n The `igc-carousel` presents a set of `igc-carousel-slide`s by sequentially displaying a subset of one or more slides.\n \n @element igc-carousel\n \n @slot Default slot for the carousel. Any projected `igc-carousel-slide` components should be projected here.\n * @slot previous-button - Renders content inside the previous button.\n * @slot next-button - Renders content inside the next button.\n \n @fires igcSlideChanged - Emitted when the current active slide is changed either by user interaction or by the interval callback.\n * @fires igcPlaying - Emitted when the carousel enters playing state by a user interaction.\n * @fires igcPaused - Emitted when the carousel enters paused state by a user interaction.\n \n @csspart navigation - The wrapper container of each carousel navigation button.\n * @csspart previous - The wrapper container of the carousel previous navigation button.\n * @csspart next - The wrapper container of the carousel next navigation button.\n * @csspart dot - The carousel dot indicator container.\n * @csspart active - The carousel active dot indicator container.\n * @csspart label - The label container of the carousel indicators.\n * @csspart start - The wrapping container of all carousel indicators when indicators-orientation is set to start.\n /\n\n@themes(all)\nexport default class IgcCarouselComponent extends EventEmitterMixin<\n IgcCarouselComponentEventMap,\n Constructor<LitElement>\n>(LitElement) {\n public static styles = [styles, shared];\n public static readonly tagName = 'igc-carousel';\n\n / blazorSuppress /\n public static register() {\n registerComponent(\n IgcCarouselComponent,\n IgcCarouselIndicatorComponent,\n IgcCarouselIndicatorContainerComponent,\n IgcCarouselSlideComponent,\n IgcIconComponent,\n IgcButtonComponent\n );\n }\n\n private static readonly increment = createCounter();\n private _carouselId = `igc-carousel-${IgcCarouselComponent.increment()}`;\n private _carouselKeyboardInteractionFocus = addKeyboardFocusRing(this);\n\n private _internals: ElementInternals;\n private _lastInterval!: ReturnType<typeof setInterval> \| null;\n private _hasKeyboardInteractionOnIndicators = false;\n private _hasMouseStop = false;\n\n private _context = new ContextProvider(this, {\n context: carouselContext,\n initialValue: this,\n });\n\n private _carouselSlidesContainerRef: Ref<HTMLDivElement> = createRef();\n private _indicatorsContainerRef: Ref<HTMLDivElement> = createRef();\n private _prevButtonRef: Ref<IgcButtonComponent> = createRef();\n private _nextButtonRef: Ref<IgcButtonComponent> = createRef();\n\n private get hasProjectedIndicators(): boolean {\n return this._projectedIndicators.length > 0;\n }\n\n private get showIndicatorsLabel(): boolean {\n return this.total > this.maximumIndicatorsCount;\n }\n\n private get nextIndex(): number {\n return wrap(0, this.total - 1, this.current + 1);\n }\n\n private get prevIndex(): number {\n return wrap(0, this.total - 1, this.current - 1);\n }\n\n @queryAll(IgcCarouselIndicatorComponent.tagName)\n private _defaultIndicators!: NodeListOf<IgcCarouselIndicatorComponent>;\n\n @queryAssignedElements({\n selector: IgcCarouselIndicatorComponent.tagName,\n slot: 'indicator',\n })\n private _projectedIndicators!: Array<IgcCarouselIndicatorComponent>;\n\n @state()\n private _activeSlide!: IgcCarouselSlideComponent;\n\n @state()\n private _playing = false;\n\n @state()\n private _paused = false;\n\n private _observerCallback({\n changes: { added, attributes },\n }: MutationControllerParams<IgcCarouselSlideComponent>) {\n const activeSlides = this.slides.filter((slide) => slide.active);\n\n if (activeSlides.length <= 1) {\n return;\n }\n const idx = this.slides.indexOf(\n added.length ? last(added).node : last(attributes)\n );\n\n for (const [i, slide] of this.slides.entries()) {\n if (slide.active && i !== idx) {\n slide.active = false;\n }\n }\n\n this.activateSlide(this.slides[idx]);\n }\n\n /\n Whether the carousel should skip rotating to the first slide after it reaches the last.\n * @attr disable-loop\n /\n @property({ type: Boolean, reflect: true, attribute: 'disable-loop' })\n public disableLoop = false;\n\n /\n Whether the carousel should ignore use interactions and not pause on them.\n * @attr disable-pause-on-interaction\n /\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'disable-pause-on-interaction',\n })\n public disablePauseOnInteraction = false;\n\n /\n Whether the carousel should skip rendering of the default navigation buttons.\n * @attr hide-navigation\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-navigation' })\n public hideNavigation = false;\n\n /\n Whether the carousel should render the indicator controls (dots).\n * @attr hide-indicators\n /\n @property({ type: Boolean, reflect: true, attribute: 'hide-indicators' })\n public hideIndicators = false;\n\n /\n Whether the carousel has vertical alignment.\n * @attr vertical\n /\n @property({ type: Boolean, reflect: true })\n public vertical = false;\n\n /\n Sets the orientation of the indicator controls (dots).\n * @attr indicators-orientation\n /\n @property({ reflect: false, attribute: 'indicators-orientation' })\n public indicatorsOrientation: 'start' \| 'end' = 'end';\n\n /\n The format used to set the aria-label on the carousel indicators.\n * Instances of '{0}' will be replaced with the index of the corresponding slide.\n \n @attr indicators-label-format\n /\n @property({ attribute: 'indicators-label-format' })\n public indicatorsLabelFormat = 'Slide {0}';\n\n /\n The format used to set the aria-label on the carousel slides and the text displayed\n * when the number of indicators is greater than tha maximum indicator count.\n * Instances of '{0}' will be replaced with the index of the corresponding slide.\n * Instances of '{1}' will be replaced with the total amount of slides.\n \n @attr slides-label-format\n /\n @property({ attribute: 'slides-label-format' })\n public slidesLabelFormat = '{0} of {1}';\n\n /\n The duration in milliseconds between changing the active slide.\n * @attr interval\n /\n @property({ type: Number, reflect: false })\n public interval: number \| undefined;\n\n /\n Controls the maximum indicator controls (dots) that can be shown. Default value is `10`.\n * @attr maximum-indicators-count\n /\n @property({\n type: Number,\n reflect: false,\n attribute: 'maximum-indicators-count',\n })\n public maximumIndicatorsCount = 10;\n\n /\n The animation type.\n * @attr animation-type\n /\n @property({ attribute: 'animation-type' })\n public animationType: 'slide' \| 'fade' \| 'none' = 'slide';\n\n / blazorSuppress /\n /\n The slides of the carousel.\n /\n @queryAssignedElements({ selector: IgcCarouselSlideComponent.tagName })\n public slides!: Array<IgcCarouselSlideComponent>;\n\n /\n The total number of slides.\n /\n public get total(): number {\n return this.slides.length;\n }\n\n /\n The index of the current active slide.\n /\n public get current(): number {\n return Math.max(0, this.slides.indexOf(this._activeSlide));\n }\n\n /\n Whether the carousel is in playing state.\n /\n public get isPlaying(): boolean {\n return this._playing;\n }\n\n /\n Whether the carousel in in paused state.\n /\n public get isPaused(): boolean {\n return this._paused;\n }\n\n @watch('animationType')\n @watch('slidesLabelFormat')\n @watch('indicatorsLabelFormat')\n protected contextChanged() {\n this._context.setValue(this, true);\n }\n\n @watch('interval')\n protected intervalChange() {\n if (!this.isPlaying) {\n this._playing = true;\n }\n\n this.restartInterval();\n }\n\n constructor() {\n super();\n this._internals = this.attachInternals();\n\n this._internals.role = 'region';\n this._internals.ariaRoleDescription = 'carousel';\n\n this.addEventListener('pointerdown', this.handlePointerDown);\n this.addEventListener('pointerenter', this.handlePointerEnter);\n this.addEventListener('pointerleave', this.handlePointerLeave);\n\n addGesturesController(this, {\n ref: this._carouselSlidesContainerRef,\n touchOnly: true,\n })\n .set('swipe-left', this.handleHorizontalSwipe)\n .set('swipe-right', this.handleHorizontalSwipe)\n .set('swipe-up', this.handleVerticalSwipe)\n .set('swipe-down', this.handleVerticalSwipe);\n\n addKeybindings(this, {\n ref: this._indicatorsContainerRef,\n bindingDefaults: { preventDefault: true },\n })\n .set(arrowLeft, this.handleArrowLeft)\n .set(arrowRight, this.handleArrowRight)\n .set(homeKey, this.handleHomeKey)\n .set(endKey, this.handleEndKey);\n\n addKeybindings(this, {\n ref: this._prevButtonRef,\n bindingDefaults: { preventDefault: true },\n }).setActivateHandler(this.handleNavigationInteractionPrevious);\n\n addKeybindings(this, {\n ref: this._nextButtonRef,\n bindingDefaults: { preventDefault: true },\n }).setActivateHandler(this.handleNavigationInteractionNext);\n\n createMutationController(this, {\n callback: this._observerCallback,\n filter: [IgcCarouselSlideComponent.tagName],\n config: {\n attributeFilter: ['active'],\n childList: true,\n subtree: true,\n },\n });\n }\n\n private handleSlotChange(): void {\n if (this.total) {\n this.activateSlide(\n this.slides.findLast((slide) => slide.active) ?? first(this.slides)\n );\n }\n }\n\n private handleIndicatorSlotChange(): void {\n this.requestUpdate();\n }\n\n private handlePointerDown(): void {\n if (this._carouselKeyboardInteractionFocus.focused) {\n this._carouselKeyboardInteractionFocus.reset();\n }\n }\n\n private handlePointerEnter(): void {\n this._hasMouseStop = true;\n if (this._carouselKeyboardInteractionFocus.focused) {\n return;\n }\n this.handlePauseOnInteraction();\n }\n\n private handlePointerLeave(): void {\n this._hasMouseStop = false;\n if (this._carouselKeyboardInteractionFocus.focused) {\n return;\n }\n this.handlePauseOnInteraction();\n }\n\n private handleFocusIn(): void {\n if (this._carouselKeyboardInteractionFocus.focused \|\| this._hasMouseStop) {\n return;\n }\n this.handlePauseOnInteraction();\n }\n\n private handleFocusOut(event: FocusEvent): void {\n const node = event.relatedTarget as Node;\n\n if (this.contains(node) \|\| this.renderRoot.contains(node)) {\n return;\n }\n\n if (this._carouselKeyboardInteractionFocus.focused) {\n this._carouselKeyboardInteractionFocus.reset();\n\n if (!this._hasMouseStop) {\n this.handlePauseOnInteraction();\n }\n }\n }\n\n private handlePauseOnInteraction(): void {\n if (!this.interval \|\| this.disablePauseOnInteraction) return;\n\n if (this.isPlaying) {\n this.pause();\n this.emitEvent('igcPaused');\n } else {\n this.play();\n this.emitEvent('igcPlaying');\n }\n }\n\n private async handleArrowLeft(): Promise<void> {\n this._hasKeyboardInteractionOnIndicators = true;\n this.handleInteraction(isLTR(this) ? this.prev : this.next);\n }\n\n private async handleArrowRight(): Promise<void> {\n this._hasKeyboardInteractionOnIndicators = true;\n this.handleInteraction(isLTR(this) ? this.next : this.prev);\n }\n\n private async handleHomeKey(): Promise<void> {\n this._hasKeyboardInteractionOnIndicators = true;\n this.handleInteraction(() =>\n this.select(isLTR(this) ? first(this.slides) : last(this.slides))\n );\n }\n\n private async handleEndKey(): Promise<void> {\n this._hasKeyboardInteractionOnIndicators = true;\n this.handleInteraction(() =>\n this.select(isLTR(this) ? last(this.slides) : first(this.slides))\n );\n }\n\n private handleVerticalSwipe({ data: { direction } }: SwipeEvent) {\n if (this.vertical) {\n this.handleInteraction(direction === 'up' ? this.next : this.prev);\n }\n }\n\n private handleHorizontalSwipe({ data: { direction } }: SwipeEvent) {\n if (!this.vertical) {\n this.handleInteraction(async () => {\n if (isLTR(this)) {\n direction === 'left' ? await this.next() : await this.prev();\n } else {\n direction === 'left' ? await this.prev() : await this.next();\n }\n });\n }\n }\n\n private async handleIndicatorClick(event: PointerEvent): Promise<void> {\n const indicator = findElementFromEventPath<IgcCarouselIndicatorComponent>(\n IgcCarouselIndicatorComponent.tagName,\n event\n )!;\n\n const index = this.hasProjectedIndicators\n ? this._projectedIndicators.indexOf(indicator)\n : Array.from(this._defaultIndicators).indexOf(indicator);\n\n this.handleInteraction(() =>\n this.select(this.slides[index], index > this.current ? 'next' : 'prev')\n );\n }\n\n private handleNavigationInteractionNext() {\n this.handleInteraction(this.next);\n }\n\n private handleNavigationInteractionPrevious() {\n this.handleInteraction(this.prev);\n }\n\n private async handleInteraction(\n callback: () => Promise<unknown>\n ): Promise<void> {\n if (this.interval) {\n this.resetInterval();\n }\n\n await callback.call(this);\n this.emitEvent('igcSlideChanged', { detail: this.current });\n\n if (this.interval) {\n this.restartInterval();\n }\n }\n\n private activateSlide(slide: IgcCarouselSlideComponent): void {\n if (this._activeSlide) {\n this._activeSlide.active = false;\n }\n\n this._activeSlide = slide;\n this._activeSlide.active = true;\n\n if (this._hasKeyboardInteractionOnIndicators) {\n this.hasProjectedIndicators\n ? this._projectedIndicators[this.current].focus()\n : this._defaultIndicators[this.current].focus();\n\n this._hasKeyboardInteractionOnIndicators = false;\n }\n }\n\n private updateProjectedIndicators(): void {\n for (const [idx, slide] of this.slides.entries()) {\n const indicator = this._projectedIndicators[idx];\n indicator.active = slide.active;\n indicator.index = idx;\n\n this.setAttribute('aria-controls', slide.id);\n }\n }\n\n private resetInterval(): void {\n if (this._lastInterval) {\n clearInterval(this._lastInterval);\n this._lastInterval = null;\n }\n }\n\n private restartInterval(): void {\n this.resetInterval();\n\n if (asNumber(this.interval) > 0) {\n this._lastInterval = setInterval(() => {\n if (this.isPlaying && this.total) {\n this.next();\n this.emitEvent('igcSlideChanged', { detail: this.current });\n } else {\n this.pause();\n }\n }, this.interval);\n }\n }\n\n private async animateSlides(\n nextSlide: IgcCarouselSlideComponent,\n currentSlide: IgcCarouselSlideComponent,\n dir: 'next' \| 'prev'\n ): Promise<void> {\n if (dir === 'next') {\n // Animate slides in next direction\n currentSlide.previous = true;\n currentSlide.toggleAnimation('out');\n this.activateSlide(nextSlide);\n await nextSlide.toggleAnimation('in');\n currentSlide.previous = false;\n } else {\n // Animate slides in previous direction\n currentSlide.previous = true;\n currentSlide.toggleAnimation('in', 'reverse');\n this.activateSlide(nextSlide);\n await nextSlide.toggleAnimation('out', 'reverse');\n currentSlide.previous = false;\n }\n }\n\n /\n Resumes playing of the carousel slides.\n /\n public play(): void {\n if (!this.isPlaying) {\n this._paused = false;\n this._playing = true;\n this.restartInterval();\n }\n }\n\n /\n Pauses the carousel rotation of slides.\n /\n public pause(): void {\n if (this.isPlaying) {\n this._playing = false;\n this._paused = true;\n this.resetInterval();\n }\n }\n\n /\n Switches to the next slide, runs any animations, and returns if the operation was successful.\n /\n public async next(): Promise<boolean> {\n if (this.disableLoop && this.nextIndex === 0) {\n this.pause();\n return false;\n }\n\n return await this.select(this.slides[this.nextIndex], 'next');\n }\n\n /\n Switches to the previous slide, runs any animations, and returns if the operation was successful.\n /\n public async prev(): Promise<boolean> {\n if (this.disableLoop && this.prevIndex === this.total - 1) {\n this.pause();\n return false;\n }\n\n return await this.select(this.slides[this.prevIndex], 'prev');\n }\n\n / blazorSuppress /\n /\n Switches to the passed-in slide, runs any animations, and returns if the operation was successful.\n /\n public async select(\n slide: IgcCarouselSlideComponent,\n animationDirection?: 'next' \| 'prev'\n ): Promise<boolean>;\n /\n Switches to slide by index, runs any animations, and returns if the operation was successful.\n /\n public async select(\n index: number,\n animationDirection?: 'next' \| 'prev'\n ): Promise<boolean>;\n public async select(\n slideOrIndex: IgcCarouselSlideComponent \| number,\n animationDirection?: 'next' \| 'prev'\n ): Promise<boolean> {\n let index: number;\n let slide: IgcCarouselSlideComponent \| undefined;\n\n if (typeof slideOrIndex === 'number') {\n index = slideOrIndex;\n slide = this.slides.at(index);\n } else {\n slide = slideOrIndex;\n index = this.slides.indexOf(slide);\n }\n\n if (index === this.current \|\| index === -1 \|\| !slide) {\n return false;\n }\n\n const dir = animationDirection ?? (index > this.current ? 'next' : 'prev');\n\n await this.animateSlides(slide, this._activeSlide, dir);\n return true;\n }\n\n private navigationTemplate() {\n return html`\n <igc-button\n ${ref(this._prevButtonRef)}\n type=\"button\"\n part=\"navigation previous\"\n aria-label=\"Previous slide\"\n aria-controls=${this._carouselId}\n ?disabled=${this.disableLoop && this.current === 0}\n @click=${this.handleNavigationInteractionPrevious}\n >\n <slot name=\"previous-button\">\n <igc-icon\n name=\"carousel_prev\"\n collection=\"default\"\n aria-hidden=\"true\"\n ></igc-icon>\n </slot>\n </igc-button>\n <igc-button\n ${ref(this._nextButtonRef)}\n type=\"button\"\n part=\"navigation next\"\n aria-label=\"Next slide\"\n aria-controls=${this._carouselId}\n ?disabled=${this.disableLoop && this.current === this.total - 1}\n @click=${this.handleNavigationInteractionNext}\n >\n <slot name=\"next-button\">\n <igc-icon\n name=\"carousel_next\"\n collection=\"default\"\n aria-hidden=\"true\"\n ></igc-icon>\n </slot>\n </igc-button>\n `;\n }\n\n protected renderIndicators() {\n for (const [i, slide] of this.slides.entries()) {\n const forward = slide.active ? 'visible' : 'hidden';\n const backward = slide.active ? 'hidden' : 'visible';\n\n yield html`\n <igc-carousel-indicator\n exportparts=\"indicator, active, inactive\"\n .active=${slide.active}\n .index=${i}\n >\n <div\n part=\"dot\"\n style=${styleMap({ visibility: backward, zIndex: 1 })}\n ></div>\n <div\n part=\"dot active\"\n slot=\"active\"\n style=${styleMap({ visibility: forward })}\n ></div>\n </igc-carousel-indicator>\n `;\n }\n }\n\n private indicatorTemplate() {\n const parts = partNameMap({\n indicators: true,\n start: this.indicatorsOrientation === 'start',\n });\n\n return html`\n <igc-carousel-indicator-container>\n <div ${ref(this._indicatorsContainerRef)} role=\"tablist\" part=${parts}>\n <slot\n name=\"indicator\"\n @slotchange=${this.handleIndicatorSlotChange}\n @click=${this.handleIndicatorClick}\n >\n ${this.hasProjectedIndicators\n ? this.updateProjectedIndicators()\n : this.renderIndicators()}\n </slot>\n </div>\n </igc-carousel-indicator-container>\n `;\n }\n\n private labelTemplate() {\n const parts = partNameMap({\n label: true,\n indicators: true,\n start: this.indicatorsOrientation === 'start',\n });\n const value = formatString(\n this.slidesLabelFormat,\n this.current + 1,\n this.total\n );\n\n return html`\n <div part=${parts}>\n <span>${value}</span>\n </div>\n `;\n }\n\n protected override render() {\n return html`\n <section @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut}>\n ${this.hideNavigation ? nothing : this.navigationTemplate()}\n ${this.hideIndicators \|\| this.showIndicatorsLabel\n ? nothing\n : this.indicatorTemplate()}\n ${!this.hideIndicators && this.showIndicatorsLabel\n ? this.labelTemplate()\n : nothing}\n <div\n ${ref(this._carouselSlidesContainerRef)}\n id=${this._carouselId}\n aria-live=${this.interval && this.isPlaying ? 'off' : 'polite'}\n >\n <slot @slotchange=${this.handleSlotChange}></slot>\n </div>\n </section>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-carousel': IgcCarouselComponent;\n }\n}\n"]}

package/components/carousel/themes/dark/carousel.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-200) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;
+export const styles = css `:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, var(--ig-primary-200));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;
 //# sourceMappingURL=carousel.bootstrap.css.js.map

package/components/carousel/themes/dark/carousel.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/dark/carousel.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~ueAAue~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;\n"]}
1	+ {"version":3,"file":"carousel.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/dark/carousel.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qdAAqd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, var(--ig-primary-200));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;\n"]}

package/components/carousel/themes/dark/carousel.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-50) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-200) h s l/1));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-200) h s l/1));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-gray-400) h s l/1));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;
+export const styles = css `:host{--button-disabled-background: var(--ig-carousel-button-disabled-background, var(--ig-gray-50));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, var(--ig-gray-200));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, var(--ig-primary-200));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, var(--ig-gray-400));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;
 //# sourceMappingURL=carousel.fluent.css.js.map

package/components/carousel/themes/dark/carousel.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/dark/carousel.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~wnBAAwnB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-disabled-background: var(--ig-carousel-button-disabled-background, ~~hsl(from~~ var(--ig-gray-50) ~~h s l/1~~));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, ~~hsl(from~~ var(--ig-gray-200) ~~h s l/1~~));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, ~~hsl(from~~ var(--ig-gray-400) ~~h s l/1~~));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;\n"]}
1	+ {"version":3,"file":"carousel.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/carousel/themes/dark/carousel.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gjBAAgjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-disabled-background: var(--ig-carousel-button-disabled-background, var(--ig-gray-50));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, var(--ig-gray-200));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, var(--ig-primary-200));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, var(--ig-gray-400));--border-radius: var(--ig-carousel-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--navigation-border-radius: var(--border-radius)}`;\n"]}

package/components/carousel/themes/dark/carousel.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--button-hover-background: var(--ig-carousel-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-arrow-color: var(--ig-carousel-button-arrow-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--button-hover-arrow-color: var(--ig-carousel-button-hover-arrow-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--button-disabled-background: var(--ig-carousel-button-disabled-background, hsl(from var(--ig-gray-50) h s l/1));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-400) h s l/0.5));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, hsl(from var(--ig-primary-500) h s l/1));--button-border-color: var(--ig-carousel-button-border-color, hsl(from var(--ig-gray-200) h s l/1));--button-hover-border-color: var(--ig-carousel-button-hover-border-color, hsl(from var(--ig-gray-300) h s l/1));--button-disabled-border-color: var(--ig-carousel-button-disabled-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--indicator-dot-color: var(--ig-carousel-indicator-dot-color, hsl(from var(--ig-gray-400) h s l/1));--indicator-hover-dot-color: var(--ig-carousel-indicator-hover-dot-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-active-dot-color: var(--ig-carousel-indicator-active-dot-color, hsl(from var(--ig-primary-500) h s l/1));--indicator-active-hover-dot-color: var(--ig-carousel-indicator-active-hover-dot-color, hsl(from var(--ig-primary-400) h s l/1));--navigation-border-radius: var(--border-radius)}`;
+export const styles = css `:host{--button-elevation: var(--ig-carousel-button-elevation, var(--ig-elevation-0));--button-hover-background: var(--ig-carousel-button-hover-background, var(--ig-gray-100));--button-arrow-color: var(--ig-carousel-button-arrow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--button-hover-arrow-color: var(--ig-carousel-button-hover-arrow-color, var(--ig-gray-50-contrast));--button-disabled-background: var(--ig-carousel-button-disabled-background, var(--ig-gray-50));--button-disabled-arrow-color: var(--ig-carousel-button-disabled-arrow-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--indicator-focus-color: var(--ig-carousel-indicator-focus-color, hsl(from var(--ig-primary-400) h s l/0.5));--button-focus-border-color: var(--ig-carousel-button-focus-border-color, var(--ig-primary-500));--button-border-color: var(--ig-carousel-button-border-color, var(--ig-gray-200));--button-hover-border-color: var(--ig-carousel-button-hover-border-color, var(--ig-gray-300));--button-disabled-border-color: var(--ig-carousel-button-disabled-border-color, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--indicator-dot-color: var(--ig-carousel-indicator-dot-color, var(--ig-gray-400));--indicator-hover-dot-color: var(--ig-carousel-indicator-hover-dot-color, var(--ig-gray-500));--indicator-active-dot-color: var(--ig-carousel-indicator-active-dot-color, var(--ig-primary-500));--indicator-active-hover-dot-color: var(--ig-carousel-indicator-active-hover-dot-color, var(--ig-primary-400));--navigation-border-radius: var(--border-radius)}`;
 //# sourceMappingURL=carousel.indigo.css.js.map