igniteui-webcomponents 5.0.1 → 5.1.0

package/components/button-group/themes/light/button-group.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+pGAA+pG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--item-text-color: var(--ig-button-group-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-background: var(--ig-button-group-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-border-color: var(--ig-button-group-item-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-gray-400), 0.3));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsla(var(--ig-gray-400), 0.3));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)))}`;\n"]}
+{"version":3,"file":"button-group.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6iGAA6iG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--item-text-color: var(--ig-button-group-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-background: var(--ig-button-group-item-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--item-border-color: var(--ig-button-group-item-border-color, hsl(from var(--ig-gray-600) h s l/1));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsl(from var(--ig-gray-700) h s l/1));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-icon-color: var(--ig-button-group-item-icon-color, hsl(from var(--ig-gray-900) h s l/1));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-300) h s l/1));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-200) h s l/1));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsl(from var(--ig-gray-900) h s l/1));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsl(from var(--ig-gray-600) h s l/1));--item-selected-background: var(--ig-button-group-item-selected-background, hsl(from var(--ig-gray-300) h s l/1));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsl(from var(--ig-gray-900) h s l/1));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsl(from var(--ig-gray-600) h s l/1));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-400) h s l/0.3));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsl(from var(--ig-gray-900) h s l/1));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsl(from var(--ig-gray-600) h s l/1));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-400) h s l/1));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.3));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsl(from var(--ig-gray-600) h s l/1));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsl(from var(--ig-gray-500) h s l/1));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsl(from var(--ig-gray-500) h s l/1));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsl(from var(--ig-gray-600) h s l/1))}`;\n"]}

package/components/button-group/themes/light/button-group.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsla(var(--ig-gray-900), 0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsla(var(--ig-primary-400), 0.5));--disabled-background-color: var(--ig-button-group-disabled-background-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-primary-400), 0.5));--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-primary-400), 0.5))}`;
+export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background-color: var(--ig-button-group-disabled-background-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--item-icon-color: var(--ig-button-group-item-icon-color, hsl(from var(--ig-gray-600) h s l/1));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-50) h s l/1));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-200) h s l/1));--item-selected-background: var(--ig-button-group-item-selected-background, hsl(from var(--ig-primary-500) h s l/1));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsl(from var(--ig-primary-500) h s l/1));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-primary-400) h s l/1));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsl(from var(--ig-primary-400) h s l/1));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-primary-500) h s l/1));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-primary-400) h s l/1));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsl(from var(--ig-gray-300) h s l/1));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsl(from var(--ig-primary-400) h s l/0.5))}`;
 //# sourceMappingURL=button-group.indigo.css.js.map

package/components/button-group/themes/light/button-group.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0nGAA0nG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsla(var(--ig-gray-900), 0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsla(var(--ig-primary-400), 0.5));--disabled-background-color: var(--ig-button-group-disabled-background-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-primary-400), 0.5));--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-primary-400), 0.5))}`;\n"]}
+{"version":3,"file":"button-group.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6kGAA6kG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background-color: var(--ig-button-group-disabled-background-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-primary-400) h s l/0.5));--item-icon-color: var(--ig-button-group-item-icon-color, hsl(from var(--ig-gray-600) h s l/1));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-50) h s l/1));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-200) h s l/1));--item-selected-background: var(--ig-button-group-item-selected-background, hsl(from var(--ig-primary-500) h s l/1));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsl(from var(--ig-primary-500) h s l/1));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-primary-400) h s l/1));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsl(from var(--ig-primary-400) h s l/1));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-primary-500) h s l/1));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-primary-400) h s l/1));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsl(from var(--ig-gray-300) h s l/1));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsl(from var(--ig-primary-400) h s l/0.5))}`;\n"]}

package/components/button-group/themes/light/button-group.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-300), 0.8));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-700), 0.4));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsla(var(--ig-gray-500), 0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-gray-500), 0.8));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsla(var(--ig-gray-700), 0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsla(var(--ig-gray-600), 0.7));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;
+export const styles = css `:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-300) h s l/0.8));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsl(from var(--ig-gray-800) h s l/1));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsl(from var(--ig-gray-400) h s l/1));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-700) h s l/0.4));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-500) h s l/0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-selected-background: var(--ig-button-group-item-selected-background, hsl(from var(--ig-gray-400) h s l/1));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsl(from var(--ig-gray-500) h s l/1));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-500) h s l/0.8));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-600) h s l/0.7));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsl(from var(--ig-gray-400) h s l/1));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsl(from var(--ig-gray-400) h s l/1));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsl(from var(--ig-gray-400) h s l/1))}`;
 //# sourceMappingURL=button-group.material.css.js.map

package/components/button-group/themes/light/button-group.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yoFAAyoF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-300), 0.8));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-700), 0.4));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsla(var(--ig-gray-500), 0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-gray-500), 0.8));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsla(var(--ig-gray-700), 0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsla(var(--ig-gray-600), 0.7));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;\n"]}
+{"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+lFAA+lF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-300) h s l/0.8));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsl(from var(--ig-gray-800) h s l/1));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsl(from var(--ig-gray-400) h s l/1));--item-focused-background: var(--ig-button-group-item-focused-background, hsl(from var(--ig-gray-700) h s l/0.4));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-500) h s l/0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-selected-background: var(--ig-button-group-item-selected-background, hsl(from var(--ig-gray-400) h s l/1));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsl(from var(--ig-gray-500) h s l/1));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-500) h s l/0.8));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-600) h s l/0.7));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsl(from var(--ig-gray-400) h s l/1));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsl(from var(--ig-gray-400) h s l/1));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsl(from var(--ig-gray-400) h s l/1))}`;\n"]}

package/components/button-group/themes/light/button-group.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-button-group-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-border-color: var(--ig-button-group-item-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background-color: var(--ig-button-group-disabled-background-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-gray-500), 0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2)}`;
+export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-background: var(--ig-button-group-item-background, hsl(from var(--ig-gray-50) h s l/1));--item-border-color: var(--ig-button-group-item-border-color, hsl(from var(--ig-gray-400) h s l/1));--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-200) h s l/1));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-background-color: var(--ig-button-group-disabled-background-color, hsl(from var(--ig-gray-50) h s l/1));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2)}`;
 //# sourceMappingURL=button-group.shared.css.js.map

package/components/button-group/themes/light/button-group.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k5CAAk5C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-button-group-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-border-color: var(--ig-button-group-item-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background-color: var(--ig-button-group-disabled-background-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-gray-500), 0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2)}`;\n"]}
+{"version":3,"file":"button-group.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,22CAA22C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-background: var(--ig-button-group-item-background, hsl(from var(--ig-gray-50) h s l/1));--item-border-color: var(--ig-button-group-item-border-color, hsl(from var(--ig-gray-400) h s l/1));--item-hover-background: var(--ig-button-group-item-hover-background, hsl(from var(--ig-gray-200) h s l/1));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-background-color: var(--ig-button-group-disabled-background-color, hsl(from var(--ig-gray-50) h s l/1));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2)}`;\n"]}

package/components/button-group/themes/shared/button/button.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part="toggle focused"]{-webkit-box-shadow:0 0 0 .25rem var(--idle-shadow-color);box-shadow:0 0 0 .25rem var(--idle-shadow-color);z-index:1}[part~=toggle]:active{background:var(--item-hover-background);color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:"";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-hover-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}`;
+export const styles = css `:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part="toggle focused"]{box-shadow:0 0 0 .25rem var(--idle-shadow-color);z-index:1}[part~=toggle]:active{background:var(--item-hover-background);color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:"";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-hover-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}`;
 //# sourceMappingURL=button.bootstrap.css.js.map

package/components/button-group/themes/shared/button/button.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,igDAAigD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part=\"toggle focused\"]{-webkit-box-shadow:0 0 0 .25rem var(--idle-shadow-color);box-shadow:0 0 0 .25rem var(--idle-shadow-color);z-index:1}[part~=toggle]:active{background:var(--item-hover-background);color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:\"\";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-hover-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}`;\n"]}
+{"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w8CAAw8C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part=\"toggle focused\"]{box-shadow:0 0 0 .25rem var(--idle-shadow-color);z-index:1}[part~=toggle]:active{background:var(--item-hover-background);color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:\"\";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-hover-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}`;\n"]}

package/components/button-group/themes/shared/button/button.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(2.375rem, -1 * 2.375rem),var(--is-medium, 1)*max(2rem, -1 * 2rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem}:host [part="toggle focused"]{background:var(--item-background)}:host [part="toggle focused"]::after{content:"";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);-webkit-box-shadow:0 0 0 .0625rem var(--item-focused-border-color);box-shadow:0 0 0 .0625rem var(--item-focused-border-color)}:host(:hover) [part="toggle focused"]{background:var(--item-hover-background)}[part~=toggle]:active{background:var(--item-focused-background)}[part="toggle focused"]:active{background:var(--item-focused-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{content:"";position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1;background:var(--item-selected-hover-background)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-focus-background)}:host([selected]) [part="toggle focused"]{background:var(--item-selected-background)}:host([selected]) [part="toggle focused"]:active{background:var(--item-selected-focus-background)}`;
+export const styles = css `:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(2.375rem, -1 * 2.375rem),var(--is-medium, 1)*max(2rem, -1 * 2rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem}:host [part="toggle focused"]{background:var(--item-background)}:host [part="toggle focused"]::after{content:"";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--item-focused-border-color)}:host(:hover) [part="toggle focused"]{background:var(--item-hover-background)}[part~=toggle]:active{background:var(--item-focused-background)}[part="toggle focused"]:active{background:var(--item-focused-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{content:"";position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1;background:var(--item-selected-hover-background)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-focus-background)}:host([selected]) [part="toggle focused"]{background:var(--item-selected-background)}:host([selected]) [part="toggle focused"]:active{background:var(--item-selected-focus-background)}`;
 //# sourceMappingURL=button.fluent.css.js.map

package/components/button-group/themes/shared/button/button.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ozCAAozC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(2.375rem, -1 * 2.375rem),var(--is-medium, 1)*max(2rem, -1 * 2rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem}:host [part=\"toggle focused\"]{background:var(--item-background)}:host [part=\"toggle focused\"]::after{content:\"\";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);-webkit-box-shadow:0 0 0 .0625rem var(--item-focused-border-color);box-shadow:0 0 0 .0625rem var(--item-focused-border-color)}:host(:hover) [part=\"toggle focused\"]{background:var(--item-hover-background)}[part~=toggle]:active{background:var(--item-focused-background)}[part=\"toggle focused\"]:active{background:var(--item-focused-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{content:\"\";position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1;background:var(--item-selected-hover-background)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-focus-background)}:host([selected]) [part=\"toggle focused\"]{background:var(--item-selected-background)}:host([selected]) [part=\"toggle focused\"]:active{background:var(--item-selected-focus-background)}`;\n"]}
+{"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ivCAAivC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(2.375rem, -1 * 2.375rem),var(--is-medium, 1)*max(2rem, -1 * 2rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem}:host [part=\"toggle focused\"]{background:var(--item-background)}:host [part=\"toggle focused\"]::after{content:\"\";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--item-focused-border-color)}:host(:hover) [part=\"toggle focused\"]{background:var(--item-hover-background)}[part~=toggle]:active{background:var(--item-focused-background)}[part=\"toggle focused\"]:active{background:var(--item-focused-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{content:\"\";position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1;background:var(--item-selected-hover-background)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-focus-background)}:host([selected]) [part=\"toggle focused\"]{background:var(--item-selected-background)}:host([selected]) [part=\"toggle focused\"]:active{background:var(--item-selected-focus-background)}`;\n"]}

package/components/button-group/themes/shared/button/button.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--button-icon: 1rem}:host [part~=toggle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);min-height:max(var(--is-large, 1)*max(2rem, -1 * 2rem),var(--is-medium, 1)*max(1.75rem, -1 * 1.75rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem;padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part="toggle focused"]{z-index:2;-webkit-box-shadow:0 0 0 .1875rem var(--idle-shadow-color);box-shadow:0 0 0 .1875rem var(--idle-shadow-color);border-color:var(--item-border-color);color:var(--item-focused-text-color)}:host(:hover) [part~=toggle]{z-index:1}:host(:hover) [part="toggle focused"]{border-color:var(--item-hover-border-color);color:var(--item-hover-text-color)}[part~=toggle]:active{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color);z-index:2}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]:hover) [part="toggle focused"]{border-color:var(--item-selected-hover-border-color)}:host([selected]) [part="toggle focused"]{-webkit-box-shadow:0 0 0 .1875rem var(--selected-shadow-color);box-shadow:0 0 0 .1875rem var(--selected-shadow-color);border-color:var(--item-selected-border-color);color:var(--item-selected-hover-text-color)}:host([selected]) [part~=toggle]:active{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border:none}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{display:none}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`;
+export const styles = css `:host{--button-icon: 1rem}:host [part~=toggle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);min-height:max(var(--is-large, 1)*max(2rem, -1 * 2rem),var(--is-medium, 1)*max(1.75rem, -1 * 1.75rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem;padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part="toggle focused"]{z-index:2;box-shadow:0 0 0 .1875rem var(--idle-shadow-color);border-color:var(--item-border-color);color:var(--item-focused-text-color)}:host(:hover) [part~=toggle]{z-index:1}:host(:hover) [part="toggle focused"]{border-color:var(--item-hover-border-color);color:var(--item-hover-text-color)}[part~=toggle]:active{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color);z-index:2}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]:hover) [part="toggle focused"]{border-color:var(--item-selected-hover-border-color)}:host([selected]) [part="toggle focused"]{box-shadow:0 0 0 .1875rem var(--selected-shadow-color);border-color:var(--item-selected-border-color);color:var(--item-selected-hover-text-color)}:host([selected]) [part~=toggle]:active{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border:none}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{display:none}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`;
 //# sourceMappingURL=button.indigo.css.js.map

package/components/button-group/themes/shared/button/button.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yrFAAyrF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-icon: 1rem}:host [part~=toggle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);min-height:max(var(--is-large, 1)*max(2rem, -1 * 2rem),var(--is-medium, 1)*max(1.75rem, -1 * 1.75rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem;padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part=\"toggle focused\"]{z-index:2;-webkit-box-shadow:0 0 0 .1875rem var(--idle-shadow-color);box-shadow:0 0 0 .1875rem var(--idle-shadow-color);border-color:var(--item-border-color);color:var(--item-focused-text-color)}:host(:hover) [part~=toggle]{z-index:1}:host(:hover) [part=\"toggle focused\"]{border-color:var(--item-hover-border-color);color:var(--item-hover-text-color)}[part~=toggle]:active{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color);z-index:2}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]:hover) [part=\"toggle focused\"]{border-color:var(--item-selected-hover-border-color)}:host([selected]) [part=\"toggle focused\"]{-webkit-box-shadow:0 0 0 .1875rem var(--selected-shadow-color);box-shadow:0 0 0 .1875rem var(--selected-shadow-color);border-color:var(--item-selected-border-color);color:var(--item-selected-hover-text-color)}:host([selected]) [part~=toggle]:active{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border:none}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{display:none}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`;\n"]}
+{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+jFAA+jF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-icon: 1rem}:host [part~=toggle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);min-height:max(var(--is-large, 1)*max(2rem, -1 * 2rem),var(--is-medium, 1)*max(1.75rem, -1 * 1.75rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem;padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part=\"toggle focused\"]{z-index:2;box-shadow:0 0 0 .1875rem var(--idle-shadow-color);border-color:var(--item-border-color);color:var(--item-focused-text-color)}:host(:hover) [part~=toggle]{z-index:1}:host(:hover) [part=\"toggle focused\"]{border-color:var(--item-hover-border-color);color:var(--item-hover-text-color)}[part~=toggle]:active{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color);z-index:2}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]:hover) [part=\"toggle focused\"]{border-color:var(--item-selected-hover-border-color)}:host([selected]) [part=\"toggle focused\"]{box-shadow:0 0 0 .1875rem var(--selected-shadow-color);border-color:var(--item-selected-border-color);color:var(--item-selected-hover-text-color)}:host([selected]) [part~=toggle]:active{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border:none}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{display:none}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`;\n"]}

package/components/button-group/themes/shared/group/group.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 2.625rem}[part~=group]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation);border-radius:var(--border-radius)}:host([alignment=horizontal]){--horizontal-radius: var(--border-radius)}:host([alignment=vertical]){--vertical-radius: var(--border-radius)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 2.625rem}[part~=group]{box-shadow:var(--elevation);border-radius:var(--border-radius)}:host([alignment=horizontal]){--horizontal-radius: var(--border-radius)}:host([alignment=vertical]){--vertical-radius: var(--border-radius)}`;
 //# sourceMappingURL=group.common.css.js.map

package/components/button-group/themes/shared/group/group.common.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/group/group.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wVAAwV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 2.625rem}[part~=group]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation);border-radius:var(--border-radius)}:host([alignment=horizontal]){--horizontal-radius: var(--border-radius)}:host([alignment=vertical]){--vertical-radius: var(--border-radius)}`;\n"]}
+{"version":3,"file":"group.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/group/group.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oTAAoT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 2.625rem}[part~=group]{box-shadow:var(--elevation);border-radius:var(--border-radius)}:host([alignment=horizontal]){--horizontal-radius: var(--border-radius)}:host([alignment=vertical]){--vertical-radius: var(--border-radius)}`;\n"]}

package/components/calendar/calendar.d.ts

@@ -2,9 +2,9 @@ import { nothing } from 'lit';
 import type { Constructor } from '../common/mixins/constructor.js';
 import { IgcCalendarBaseComponent } from './base.js';
 import { CalendarDay } from './model.js';
-import type { IgcCalendarBaseEventMap } from './types.js';
+import type { IgcCalendarComponentEventMap } from './types.js';
 export declare const focusActiveDate: unique symbol;
-declare const IgcCalendarComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcCalendarBaseEventMap>> & Constructor<IgcCalendarBaseComponent>;
+declare const IgcCalendarComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcCalendarComponentEventMap>> & Constructor<IgcCalendarBaseComponent>;
 /**
  * Represents a calendar that lets users
  * to select a date value in a variety of different ways.
@@ -13,6 +13,7 @@ declare const IgcCalendarComponent_base: Constructor<import("../common/mixins/ev
  *
  * @slot - The default slot for the calendar.
  * @slot title - Renders the title of the calendar header.
+ * @slot header-date - Renders content instead of the current date/range in the calendar header.
  *
  * @fires igcChange - Emitted when calendar changes its value.
  *
@@ -126,9 +127,9 @@ export default class IgcCalendarComponent extends IgcCalendarComponent_base {
     protected renderYearRangeNavigation(active: CalendarDay): import("lit-html").TemplateResult<1>;
     protected renderNavigation(date?: CalendarDay, showButtons?: boolean, viewIndex?: number): import("lit-html").TemplateResult<1>;
     protected renderHeader(): import("lit-html").TemplateResult<1> | typeof nothing;
-    protected renderHeaderDateSingle(): string | import("lit-html").TemplateResult<1>;
+    protected renderHeaderDateSingle(): import("lit-html").TemplateResult<1>;
     protected renderHeaderDateRange(): import("lit-html").TemplateResult<1>;
-    protected renderHeaderDate(): string | import("lit-html").TemplateResult<1>;
+    protected renderHeaderDate(): import("lit-html").TemplateResult<1>;
     protected renderDaysView(): import("lit-html").TemplateResult<1>;
     protected renderMonthView(): import("lit-html").TemplateResult<1>;
     protected renderYearView(): import("lit-html").TemplateResult<1>;

package/components/calendar/calendar.js

@@ -300,13 +300,12 @@ let IgcCalendarComponent = IgcCalendarComponent_1 = class IgcCalendarComponent e
     `;
     }
     renderHeaderDateSingle() {
-        const date = this.value;
-        const weekDayFmt = this._intl.get('weekday').format;
-        const monthDayFmt = this._intl.get('monthDay').format;
+        const date = this.value ?? CalendarDay.today.native;
+        const day = this._intl.get('weekday').format(date);
+        const month = this._intl.get('monthDay').format(date);
         const separator = this.headerOrientation === 'vertical' ? html `<br />` : ' ';
-        return date
-            ? html `${weekDayFmt(date)},${separator}${monthDayFmt(date)}`
-            : this.resourceStrings.selectedDate;
+        const formatted = html `${day},${separator}${month}`;
+        return html `<slot name="header-date">${formatted}</slot>`;
     }
     renderHeaderDateRange() {
         const values = this.values;
@@ -315,9 +314,11 @@ let IgcCalendarComponent = IgcCalendarComponent_1 = class IgcCalendarComponent e
         const start = this._hasValues ? fmt(first(values)) : startDate;
         const end = this._hasValues && values.length > 1 ? fmt(last(values)) : endDate;
         return html `
-      <span>${start}</span>
-      <span> - </span>
-      <span>${end}</span>
+      <slot name="header-date">
+        <span>${start}</span>
+        <span> - </span>
+        <span>${end}</span>
+      </slot>
     `;
     }
     renderHeaderDate() {

package/components/calendar/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../src/components/calendar/calendar.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property, query, queryAll, state } from 'lit/decorators.js';\nimport { choose } from 'lit/directives/choose.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport {\n  addKeybindings,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  endKey,\n  homeKey,\n  pageDownKey,\n  pageUpKey,\n  shiftKey,\n} from '../common/controllers/key-bindings.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcCalendarResourceStringEN } from '../common/i18n/calendar.resources.js';\nimport { createDateTimeFormatters } from '../common/localization/intl-formatters.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport {\n  clamp,\n  findElementFromEventPath,\n  first,\n  formatString,\n  last,\n  partNameMap,\n} from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { IgcCalendarBaseComponent } from './base.js';\nimport IgcDaysViewComponent from './days-view/days-view.js';\nimport {\n  MONTHS_PER_ROW,\n  YEARS_PER_PAGE,\n  YEARS_PER_ROW,\n  areSameMonth,\n  getYearRange,\n  isDateInRanges,\n} from './helpers.js';\nimport { CalendarDay } from './model.js';\nimport IgcMonthsViewComponent from './months-view/months-view.js';\nimport { styles } from './themes/calendar.base.css.js';\nimport { all } from './themes/calendar.js';\nimport type { IgcCalendarBaseEventMap } from './types.js';\nimport IgcYearsViewComponent from './years-view/years-view.js';\n\nexport const focusActiveDate = Symbol();\n\n/**\n * Represents a calendar that lets users\n * to select a date value in a variety of different ways.\n *\n * @element igc-calendar\n *\n * @slot - The default slot for the calendar.\n * @slot title - Renders the title of the calendar header.\n *\n * @fires igcChange - Emitted when calendar changes its value.\n *\n * @csspart header - The header element of the calendar.\n * @csspart header-title - The header title element of the calendar.\n * @csspart header-date - The header date element of the calendar.\n * @csspart content - The content element which contains the views and navigation elements of the calendar.\n * @csspart navigation - The navigation container element of the calendar.\n * @csspart months-navigation - The months navigation button element of the calendar.\n * @csspart years-navigation - The years navigation button element of the calendar.\n * @csspart years-range - The years range element of the calendar.\n * @csspart navigation-buttons - The navigation buttons container of the calendar.\n * @csspart navigation-button - Previous/next navigation button of the calendar.\n * @csspart days-view-container - The days view container element of the calendar.\n * @csspart days-view - Days view element of the calendar.\n * @csspart months-view - The months view element of the calendar.\n * @csspart years-view - The years view element of the calendar.\n * @csspart days-row - Days row element of the calendar.\n * @csspart label - Week header label element of the calendar.\n * @csspart week-number - Week number element of the calendar.\n * @csspart week-number-inner - Week number inner element of the calendar.\n * @csspart date - Date element of the calendar.\n * @csspart date-inner - Date inner element of the calendar.\n * @csspart first - The first selected date element of the calendar in range selection.\n * @csspart last - The last selected date element of the calendar in range selection.\n * @csspart inactive - Inactive date element of the calendar.\n * @csspart hidden - Hidden date element of the calendar.\n * @csspart weekend - Weekend date element of the calendar.\n * @csspart range - Range selected element of the calendar.\n * @csspart special - Special date element of the calendar.\n * @csspart disabled - Disabled date element of the calendar.\n * @csspart single - Single selected date element of the calendar.\n * @csspart preview - Range selection preview date element of the calendar.\n * @csspart month - Month element of the calendar.\n * @csspart month-inner - Month inner element of the calendar.\n * @csspart year - Year element of the calendar.\n * @csspart year-inner - Year inner element of the calendar.\n * @csspart selected - Indicates selected state. Applies to date, month and year elements of the calendar.\n * @csspart current - Indicates current state. Applies to date, month and year elements of the calendar.\n */\n@themes(all)\nexport default class IgcCalendarComponent extends EventEmitterMixin<\n  IgcCalendarBaseEventMap,\n  Constructor<IgcCalendarBaseComponent>\n>(IgcCalendarBaseComponent) {\n  public static readonly tagName = 'igc-calendar';\n  public static styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcCalendarComponent,\n      IgcIconComponent,\n      IgcDaysViewComponent,\n      IgcMonthsViewComponent,\n      IgcYearsViewComponent\n    );\n  }\n\n  private get _isDayView() {\n    return this.activeView === 'days';\n  }\n\n  private get _isMonthView() {\n    return this.activeView === 'months';\n  }\n\n  private get _isYearView() {\n    return this.activeView === 'years';\n  }\n\n  private get previousButtonLabel() {\n    if (this._isDayView) {\n      return this.resourceStrings.previousMonth;\n    }\n    if (this._isMonthView) {\n      return this.resourceStrings.previousYear;\n    }\n    return formatString(this.resourceStrings.previousYears, YEARS_PER_PAGE);\n  }\n\n  private get nextButtonLabel() {\n    if (this._isDayView) {\n      return this.resourceStrings.nextMonth;\n    }\n    if (this._isMonthView) {\n      return this.resourceStrings.nextYear;\n    }\n    return formatString(this.resourceStrings.nextYears, YEARS_PER_PAGE);\n  }\n\n  private contentRef: Ref<HTMLDivElement> = createRef();\n\n  @state()\n  private activeDaysViewIndex = 0;\n\n  @queryAll(IgcDaysViewComponent.tagName)\n  private daysViews!: NodeListOf<IgcDaysViewComponent>;\n\n  @query(IgcMonthsViewComponent.tagName)\n  private monthsView!: IgcMonthsViewComponent;\n\n  @query(IgcYearsViewComponent.tagName)\n  private yearsView!: IgcYearsViewComponent;\n\n  /**\n   * Whether to show the dates that do not belong to the current active month.\n   * @attr hide-outside-days\n   */\n  @property({ type: Boolean, attribute: 'hide-outside-days', reflect: true })\n  public hideOutsideDays = false;\n\n  /**\n   * Whether to render the calendar header part.\n   * When the calendar selection is set to `multiple` the header is always hidden.\n   *\n   * @attr hide-header\n   */\n  @property({ type: Boolean, attribute: 'hide-header', reflect: true })\n  public hideHeader = false;\n\n  /**\n   * The orientation of the calendar header.\n   * @attr header-orientation\n   */\n  @property({ reflect: true, attribute: 'header-orientation' })\n  public headerOrientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  /**\n   * The orientation of the calendar months when more than one month\n   * is being shown.\n   * @attr orientation\n   */\n  @property()\n  public orientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  /**\n   * The number of months displayed in the days view.\n   * @attr visible-months\n   */\n  @property({ type: Number, attribute: 'visible-months' })\n  public visibleMonths = 1;\n\n  /**\n   * The current active view of the component.\n   * @attr active-view\n   */\n  @property({ attribute: 'active-view' })\n  public activeView: 'days' | 'months' | 'years' = 'days';\n\n  /** The options used to format the months and the weekdays in the calendar views. */\n  @property({ attribute: false })\n  public formatOptions: Pick<Intl.DateTimeFormatOptions, 'month' | 'weekday'> =\n    { month: 'long', weekday: 'narrow' };\n\n  /**\n   * The resource strings for localization.\n   */\n  @property({ attribute: false })\n  public resourceStrings = IgcCalendarResourceStringEN;\n\n  private _intl = createDateTimeFormatters(this.locale, {\n    month: {\n      month: this.formatOptions.month,\n    },\n    monthLabel: { month: 'long' },\n    weekday: { weekday: 'short' },\n    monthDay: { month: 'short', day: 'numeric' },\n    yearLabel: { month: 'long', year: 'numeric' },\n  });\n\n  @watch('locale')\n  protected localeChange() {\n    this._intl.locale = this.locale;\n  }\n\n  @watch('formatOptions')\n  protected formatOptionsChange() {\n    this._intl.update({\n      month: {\n        month: this.formatOptions.month,\n      },\n    });\n  }\n\n  /** @private @hidden @internal */\n  public async [focusActiveDate]() {\n    await this.updateComplete;\n\n    if (this._isDayView) {\n      return this.daysViews.item(this.activeDaysViewIndex).focusActiveDate();\n    }\n\n    if (this._isMonthView) {\n      return this.monthsView.focusActiveDate();\n    }\n\n    if (this._isYearView) {\n      return this.yearsView.focusActiveDate();\n    }\n  }\n\n  private updateViewIndex(date: CalendarDay, delta: -1 | 1) {\n    if (this.visibleMonths === 1) return;\n\n    const index = this.activeDaysViewIndex;\n    const view = CalendarDay.from(this.daysViews.item(index).activeDate);\n\n    if (date.month !== view.month) {\n      this.activeDaysViewIndex = clamp(\n        index + delta,\n        0,\n        this.visibleMonths - 1\n      );\n    }\n  }\n\n  private getSubsequentActiveDate(start: CalendarDay, delta: number) {\n    const disabled = this._disabledDates;\n    let beginning = start.clone();\n\n    while (isDateInRanges(beginning, disabled)) {\n      beginning = beginning.add('day', delta);\n    }\n\n    return beginning;\n  }\n\n  private handleArrowKey(period: 'day' | 'week', delta: -1 | 1) {\n    if (this._isDayView) {\n      const date = this.getSubsequentActiveDate(\n        this._activeDate.add(period, delta),\n        delta\n      );\n      this.updateViewIndex(date, delta);\n      this._activeDate = date;\n    } else {\n      const monthOrYear = this._isMonthView ? 'month' : 'year';\n      const monthOrYearDelta =\n        (this._isMonthView ? MONTHS_PER_ROW : YEARS_PER_ROW) * delta;\n\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.add(\n          monthOrYear,\n          period === 'week' ? monthOrYearDelta : delta\n        ),\n        delta\n      );\n    }\n\n    this[focusActiveDate]();\n  }\n\n  private onPageKeys(delta: -1 | 1) {\n    const unit = this._isDayView ? 'month' : 'year';\n    const increment = (this._isYearView ? YEARS_PER_PAGE : 1) * delta;\n\n    this._activeDate = this.getSubsequentActiveDate(\n      this._activeDate.add(unit, increment),\n      increment\n    );\n    this[focusActiveDate]();\n  }\n\n  private onShiftPageKeys(delta: -1 | 1) {\n    if (this._isDayView) {\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.add('year', delta),\n        delta\n      );\n      this[focusActiveDate]();\n    }\n  }\n\n  private onHomeKey() {\n    if (this._isDayView) {\n      const first = CalendarDay.from(this.daysViews.item(0).activeDate);\n      this._activeDate = this.getSubsequentActiveDate(\n        first.set({ date: 1 }),\n        1\n      );\n\n      this.activeDaysViewIndex = 0;\n    }\n\n    if (this._isMonthView) {\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.set({ month: 0 }),\n        1\n      );\n    }\n\n    if (this._isYearView) {\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.set({\n          year: getYearRange(this._activeDate, YEARS_PER_PAGE).start,\n        }),\n        1\n      );\n    }\n\n    this[focusActiveDate]();\n  }\n\n  private onEndKey() {\n    if (this._isDayView) {\n      const index = this.daysViews.length - 1;\n      const last = CalendarDay.from(this.daysViews.item(index).activeDate);\n      this._activeDate = this.getSubsequentActiveDate(\n        last.set({ month: last.month + 1, date: 0 }),\n        -1\n      );\n      this.activeDaysViewIndex = index;\n    }\n\n    if (this._isMonthView) {\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.set({ month: 11 }),\n        -1\n      );\n    }\n\n    if (this._isYearView) {\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.set({\n          year: getYearRange(this._activeDate, YEARS_PER_PAGE).end,\n        }),\n        -1\n      );\n    }\n\n    this[focusActiveDate]();\n  }\n\n  private isNotFromCalendarView(_: Element, event: KeyboardEvent) {\n    return !findElementFromEventPath(\n      `${IgcDaysViewComponent.tagName}, ${IgcMonthsViewComponent.tagName}, ${IgcYearsViewComponent.tagName}`,\n      event\n    );\n  }\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      skip: this.isNotFromCalendarView,\n      ref: this.contentRef,\n      bindingDefaults: { preventDefault: true, triggers: ['keydownRepeat'] },\n    })\n      .set(arrowLeft, this.handleArrowKey.bind(this, 'day', -1))\n      .set(arrowRight, this.handleArrowKey.bind(this, 'day', 1))\n      .set(arrowUp, this.handleArrowKey.bind(this, 'week', -1))\n      .set(arrowDown, this.handleArrowKey.bind(this, 'week', 1))\n      .set([shiftKey, pageUpKey], this.onShiftPageKeys.bind(this, -1))\n      .set([shiftKey, pageDownKey], this.onShiftPageKeys.bind(this, 1))\n      .set(pageUpKey, this.onPageKeys.bind(this, -1))\n      .set(pageDownKey, this.onPageKeys.bind(this, 1))\n      .set(homeKey, this.onHomeKey)\n      .set(endKey, this.onEndKey);\n  }\n\n  protected renderNavigationButtons() {\n    const parts = partNameMap({\n      'navigation-button': true,\n      vertical: this.orientation === 'vertical',\n    });\n\n    return html`\n      <div part=\"navigation-buttons\">\n        <button\n          part=${parts}\n          aria-label=${this.previousButtonLabel}\n          @click=${this.navigatePrevious}\n        >\n          <igc-icon\n            aria-hidden=\"true\"\n            name=\"arrow_prev\"\n            collection=\"default\"\n          ></igc-icon>\n        </button>\n\n        <button\n          part=${parts}\n          aria-label=${this.nextButtonLabel}\n          @click=${this.navigateNext}\n        >\n          <igc-icon\n            aria-hidden=\"true\"\n            name=\"arrow_next\"\n            collection=\"default\"\n          ></igc-icon>\n        </button>\n      </div>\n    `;\n  }\n\n  protected renderMonthButtonNavigation(\n    active: CalendarDay,\n    viewIndex: number\n  ) {\n    const labelFmt = this._intl.get('monthLabel').format;\n    const valueFmt = this._intl.get('month').format;\n    const ariaLabel = `${labelFmt(active.native)}, ${this.resourceStrings.selectMonth}`;\n\n    return html`\n      <button\n        part=\"months-navigation\"\n        aria-label=${ariaLabel}\n        @click=${() => this.switchToMonths(viewIndex)}\n      >\n        ${valueFmt(active.native)}\n      </button>\n    `;\n  }\n\n  protected renderYearButtonNavigation(active: CalendarDay, viewIndex: number) {\n    const fmt = this._intl.get('yearLabel').format;\n    const ariaLabel = `${active.year}, ${this.resourceStrings.selectYear}`;\n    const ariaSkip = this._isDayView ? fmt(active.native) : active.year;\n\n    return html`\n      <span class=\"aria-off-screen\" aria-live=\"polite\">${ariaSkip}</span>\n      <button\n        part=\"years-navigation\"\n        aria-label=${ariaLabel}\n        @click=${() => this.switchToYears(viewIndex)}\n      >\n        ${active.year}\n      </button>\n    `;\n  }\n\n  protected renderYearRangeNavigation(active: CalendarDay) {\n    const { start, end } = getYearRange(active, YEARS_PER_PAGE);\n\n    return html`\n      <span part=\"years-range\" aria-live=\"polite\"> ${start} - ${end} </span>\n    `;\n  }\n\n  protected renderNavigation(\n    date?: CalendarDay,\n    showButtons = true,\n    viewIndex = 0\n  ) {\n    const activeDate = date ?? this._activeDate;\n\n    return html`\n      <div part=\"navigation\">\n        <div part=\"picker-dates\">\n          ${this._isDayView\n            ? this.renderMonthButtonNavigation(activeDate, viewIndex)\n            : nothing}\n          ${this._isDayView || this._isMonthView\n            ? this.renderYearButtonNavigation(activeDate, viewIndex)\n            : nothing}\n          ${this._isYearView\n            ? this.renderYearRangeNavigation(activeDate)\n            : nothing}\n        </div>\n        ${showButtons ? this.renderNavigationButtons() : nothing}\n      </div>\n    `;\n  }\n\n  protected renderHeader() {\n    if (this.hideHeader || this._isMultiple) {\n      return nothing;\n    }\n\n    const title = this._isSingle\n      ? this.resourceStrings.selectDate\n      : this.resourceStrings.selectRange;\n\n    return html`\n      <div part=\"header\">\n        <h5 part=\"header-title\">\n          <slot name=\"title\">${title}</slot>\n        </h5>\n        <h2 part=\"header-date\">${this.renderHeaderDate()}</h2>\n      </div>\n    `;\n  }\n\n  protected renderHeaderDateSingle() {\n    const date = this.value;\n    const weekDayFmt = this._intl.get('weekday').format;\n    const monthDayFmt = this._intl.get('monthDay').format;\n    const separator =\n      this.headerOrientation === 'vertical' ? html`<br />` : ' ';\n\n    return date\n      ? html`${weekDayFmt(date)},${separator}${monthDayFmt(date)}`\n      : this.resourceStrings.selectedDate;\n  }\n\n  protected renderHeaderDateRange() {\n    const values = this.values;\n    const fmt = this._intl.get('monthDay').format;\n    const { startDate, endDate } = this.resourceStrings;\n\n    const start = this._hasValues ? fmt(first(values)) : startDate;\n    const end =\n      this._hasValues && values.length > 1 ? fmt(last(values)) : endDate;\n\n    return html`\n      <span>${start}</span>\n      <span> - </span>\n      <span>${end}</span>\n    `;\n  }\n\n  protected renderHeaderDate() {\n    return this._isSingle\n      ? this.renderHeaderDateSingle()\n      : this.renderHeaderDateRange();\n  }\n\n  protected renderDaysView() {\n    const activeDates = this.getActiveDates();\n    const horizontal = this.orientation === 'horizontal';\n    const length = activeDates.length - 1;\n    const format = this.formatOptions\n      .weekday as Intl.DateTimeFormatOptions['weekday'];\n\n    return html`${activeDates.map(\n      (date, idx) => html`\n        <div part=\"days-view-container\">\n          ${this.renderNavigation(\n            date,\n            horizontal ? idx === length : idx === 0,\n            idx\n          )}\n          <igc-days-view\n            @igcChange=${this.changeValue}\n            @igcActiveDateChange=${this.activeDateChanged}\n            @igcRangePreviewDateChange=${this.rangePreviewDateChanged}\n            part=\"days-view\"\n            exportparts=\"days-row, label, date-inner, week-number-inner, week-number, date, first, last, selected, inactive, hidden, current, weekend, range, special, disabled, single, preview\"\n            .active=${this.activeDaysViewIndex === idx}\n            .activeDate=${date.native}\n            .disabledDates=${this.disabledDates}\n            .hideLeadingDays=${this.hideOutsideDays || idx !== 0}\n            .hideTrailingDays=${this.hideOutsideDays || idx !== length}\n            .locale=${this.locale}\n            .rangePreviewDate=${this._rangePreviewDate?.native}\n            .resourceStrings=${this.resourceStrings}\n            .selection=${this.selection}\n            .showWeekNumbers=${this.showWeekNumbers}\n            .specialDates=${this._specialDates}\n            .value=${this.value}\n            .values=${this.values}\n            .weekDayFormat=${format!}\n            .weekStart=${this.weekStart}\n          ></igc-days-view>\n        </div>\n      `\n    )}`;\n  }\n\n  protected renderMonthView() {\n    const format = this.formatOptions\n      .month as Intl.DateTimeFormatOptions['month'];\n\n    return html`\n      ${this.renderNavigation()}\n      <igc-months-view\n        part=\"months-view\"\n        exportparts=\"month, selected, month-inner, current\"\n        @igcChange=${this.changeMonth}\n        .value=${this.activeDate}\n        .locale=${this.locale}\n        .monthFormat=${format!}\n      ></igc-months-view>\n    `;\n  }\n\n  protected renderYearView() {\n    return html`\n      ${this.renderNavigation()}\n      <igc-years-view\n        part=\"years-view\"\n        exportparts=\"year, selected, year-inner, current\"\n        @igcChange=${this.changeYear}\n        .value=${this.activeDate}\n        .yearsPerPage=${YEARS_PER_PAGE}\n      ></igc-years-view>\n    `;\n  }\n\n  protected override render() {\n    const direction = this._isDayView && this.orientation === 'horizontal';\n\n    const styles = {\n      display: 'flex',\n      flexGrow: 1,\n      flexDirection: direction ? 'row' : 'column',\n    };\n\n    return html`\n      ${this.renderHeader()}\n      <div ${ref(this.contentRef)} part=\"content\" style=${styleMap(styles)}>\n        ${choose(this.activeView, [\n          ['days', () => this.renderDaysView()],\n          ['months', () => this.renderMonthView()],\n          ['years', () => this.renderYearView()],\n        ])}\n      </div>\n    `;\n  }\n\n  protected changeMonth(event: CustomEvent<Date>) {\n    event.stopPropagation();\n    this.activeDate = event.detail;\n    this.activeView = 'days';\n\n    this[focusActiveDate]();\n  }\n\n  protected changeYear(event: CustomEvent<Date>) {\n    event.stopPropagation();\n    this.activeDate = event.detail;\n    this.activeView = 'months';\n\n    this[focusActiveDate]();\n  }\n\n  protected changeValue(event: CustomEvent<Date>) {\n    event.stopPropagation();\n\n    const view = event.target as IgcDaysViewComponent;\n    if (this._isSingle) {\n      this.value = view.value;\n    } else {\n      this.values = view.values;\n    }\n\n    this.emitEvent('igcChange', {\n      detail: this._isSingle ? this.value : this.values,\n    });\n  }\n\n  protected activeDateChanged(event: CustomEvent<Date>) {\n    const view = event.target as IgcDaysViewComponent;\n    const views = Array.from(this.daysViews);\n\n    this.activeDaysViewIndex = views.indexOf(view);\n    this.activeDate = event.detail;\n\n    if (!areSameMonth(this.activeDate, view.activeDate)) {\n      this[focusActiveDate]();\n    }\n  }\n\n  protected rangePreviewDateChanged(event: CustomEvent<Date>) {\n    this._rangePreviewDate = event.detail\n      ? CalendarDay.from(event.detail)\n      : undefined;\n  }\n\n  private getActiveDates() {\n    const current = this.activeDaysViewIndex;\n    const length = Math.max(this.visibleMonths, 1);\n\n    return Array.from({ length }, (_, i) =>\n      this._activeDate.add('month', i - current)\n    );\n  }\n\n  private activateDaysView(index: number) {\n    const view = this.daysViews.item(index);\n    this.activeDate = view.activeDate;\n    this.activeDaysViewIndex = index;\n  }\n\n  private navigatePrevious() {\n    const unit = this._isDayView ? 'month' : 'year';\n    const delta = this._isYearView ? YEARS_PER_PAGE : 1;\n    this._activeDate = this._activeDate.add(unit, -delta);\n  }\n\n  private navigateNext() {\n    const unit = this._isDayView ? 'month' : 'year';\n    const delta = this._isYearView ? YEARS_PER_PAGE : 1;\n    this._activeDate = this._activeDate.add(unit, delta);\n  }\n\n  private switchToMonths(viewIndex: number) {\n    this.activateDaysView(viewIndex);\n    this.activeView = 'months';\n\n    this[focusActiveDate]();\n  }\n\n  private switchToYears(viewIndex: number) {\n    if (this._isDayView) {\n      this.activateDaysView(viewIndex);\n    }\n    this.activeView = 'years';\n\n    this[focusActiveDate]();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-calendar': IgcCalendarComponent;\n  }\n}\n"]}
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../src/components/calendar/calendar.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EACL,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,EACP,MAAM,EACN,OAAO,EACP,WAAW,EACX,SAAS,EACT,QAAQ,GACT,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAErF,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EACL,KAAK,EACL,wBAAwB,EACxB,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,WAAW,GACZ,MAAM,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EACL,cAAc,EACd,cAAc,EACd,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,cAAc,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,sBAAsB,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAE3C,OAAO,qBAAqB,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,EAAE,CAAC;AAoDzB,IAAM,oBAAoB,4BAA1B,MAAM,oBAAqB,SAAQ,iBAAiB,CAGjE,wBAAwB,CAAC;IAKlB,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,sBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,CACtB,CAAC;IACJ,CAAC;IAED,IAAY,UAAU;QACpB,OAAO,IAAI,CAAC,UAAU,KAAK,MAAM,CAAC;IACpC,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC;IACtC,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,UAAU,KAAK,OAAO,CAAC;IACrC,CAAC;IAED,IAAY,mBAAmB;QAC7B,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC;QAC5C,CAAC;QACD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC;QAC3C,CAAC;QACD,OAAO,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;IAC1E,CAAC;IAED,IAAY,eAAe;QACzB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC;QACxC,CAAC;QACD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC;QACvC,CAAC;QACD,OAAO,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IACtE,CAAC;IAmFS,YAAY;QACpB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;IAClC,CAAC;IAGS,mBAAmB;QAC3B,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAChB,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK;aAChC;SACF,CAAC,CAAC;IACL,CAAC;IAGM,KAAK,CAAC,CAAC,eAAe,CAAC;QAC5B,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,eAAe,EAAE,CAAC;QACzE,CAAC;QAED,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC,UAAU,CAAC,eAAe,EAAE,CAAC;QAC3C,CAAC;QAED,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC,SAAS,CAAC,eAAe,EAAE,CAAC;QAC1C,CAAC;IACH,CAAC;IAEO,eAAe,CAAC,IAAiB,EAAE,KAAa;QACtD,IAAI,IAAI,CAAC,aAAa,KAAK,CAAC;YAAE,OAAO;QAErC,MAAM,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC;QACvC,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;QAErE,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAC9B,KAAK,GAAG,KAAK,EACb,CAAC,EACD,IAAI,CAAC,aAAa,GAAG,CAAC,CACvB,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,uBAAuB,CAAC,KAAkB,EAAE,KAAa;QAC/D,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC;QACrC,IAAI,SAAS,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;QAE9B,OAAO,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,EAAE,CAAC;YAC3C,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC1C,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,cAAc,CAAC,MAAsB,EAAE,KAAa;QAC1D,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,MAAM,IAAI,GAAG,IAAI,CAAC,uBAAuB,CACvC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,EACnC,KAAK,CACN,CAAC;YACF,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YAClC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;YACzD,MAAM,gBAAgB,GACpB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;YAE/D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,uBAAuB,CAC7C,IAAI,CAAC,WAAW,CAAC,GAAG,CAClB,WAAW,EACX,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAC7C,EACD,KAAK,CACN,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAEO,UAAU,CAAC,KAAa;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QAChD,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;QAElE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,uBAAuB,CAC7C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EACrC,SAAS,CACV,CAAC;QACF,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAEO,eAAe,CAAC,KAAa;QACnC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,uBAAuB,CAC7C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,EACnC,KAAK,CACN,CAAC;YACF,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEO,SAAS;QACf,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;YAClE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,uBAAuB,CAC7C,KAAK,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EACtB,CAAC,CACF,CAAC;YAEF,IAAI,CAAC,mBAAmB,GAAG,CAAC,CAAC;QAC/B,CAAC;QAED,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,uBAAuB,CAC7C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAClC,CAAC,CACF,CAAC;QACJ,CAAC;QAED,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,uBAAuB,CAC7C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;gBACnB,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,KAAK;aAC3D,CAAC,EACF,CAAC,CACF,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAEO,QAAQ;QACd,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;YACxC,MAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,CAAC;YACrE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,uBAAuB,CAC7C,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAC5C,CAAC,CAAC,CACH,CAAC;YACF,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;QACnC,CAAC;QAED,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,uBAAuB,CAC7C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EACnC,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;QAED,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,uBAAuB,CAC7C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC;gBACnB,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,GAAG;aACzD,CAAC,EACF,CAAC,CAAC,CACH,CAAC;QACJ,CAAC;QAED,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAEO,qBAAqB,CAAC,CAAU,EAAE,KAAoB;QAC5D,OAAO,CAAC,wBAAwB,CAC9B,GAAG,oBAAoB,CAAC,OAAO,KAAK,sBAAsB,CAAC,OAAO,KAAK,qBAAqB,CAAC,OAAO,EAAE,EACtG,KAAK,CACN,CAAC;IACJ,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QA3PF,eAAU,GAAwB,SAAS,EAAE,CAAC;QAG9C,wBAAmB,GAAG,CAAC,CAAC;QAgBzB,oBAAe,GAAG,KAAK,CAAC;QASxB,eAAU,GAAG,KAAK,CAAC;QAOnB,sBAAiB,GAA8B,YAAY,CAAC;QAQ5D,gBAAW,GAA8B,YAAY,CAAC;QAOtD,kBAAa,GAAG,CAAC,CAAC;QAOlB,eAAU,GAAgC,MAAM,CAAC;QAIjD,kBAAa,GAClB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;QAMhC,oBAAe,GAAG,2BAA2B,CAAC;QAE7C,UAAK,GAAG,wBAAwB,CAAC,IAAI,CAAC,MAAM,EAAE;YACpD,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK;aAChC;YACD,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YAC7B,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;YAC7B,QAAQ,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE;YAC5C,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE;SAC9C,CAAC,CAAC;QA+KD,cAAc,CAAC,IAAI,EAAE;YACnB,IAAI,EAAE,IAAI,CAAC,qBAAqB;YAChC,GAAG,EAAE,IAAI,CAAC,UAAU;YACpB,eAAe,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,eAAe,CAAC,EAAE;SACvE,CAAC;aACC,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;aACzD,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;aACzD,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;aACxD,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;aACzD,GAAG,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;aAC/D,GAAG,CAAC,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;aAChE,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;aAC9C,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;aAC/C,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC;aAC5B,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC;IAES,uBAAuB;QAC/B,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,mBAAmB,EAAE,IAAI;YACzB,QAAQ,EAAE,IAAI,CAAC,WAAW,KAAK,UAAU;SAC1C,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;;;iBAGE,KAAK;uBACC,IAAI,CAAC,mBAAmB;mBAC5B,IAAI,CAAC,gBAAgB;;;;;;;;;;iBAUvB,KAAK;uBACC,IAAI,CAAC,eAAe;mBACxB,IAAI,CAAC,YAAY;;;;;;;;;KAS/B,CAAC;IACJ,CAAC;IAES,2BAA2B,CACnC,MAAmB,EACnB,SAAiB;QAEjB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC;QACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QAChD,MAAM,SAAS,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;QAEpF,OAAO,IAAI,CAAA;;;qBAGM,SAAS;iBACb,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC;;UAE3C,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC;;KAE5B,CAAC;IACJ,CAAC;IAES,0BAA0B,CAAC,MAAmB,EAAE,SAAiB;QACzE,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC;QAC/C,MAAM,SAAS,GAAG,GAAG,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;QACvE,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;QAEpE,OAAO,IAAI,CAAA;yDAC0C,QAAQ;;;qBAG5C,SAAS;iBACb,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;;UAE1C,MAAM,CAAC,IAAI;;KAEhB,CAAC;IACJ,CAAC;IAES,yBAAyB,CAAC,MAAmB;QACrD,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;QAE5D,OAAO,IAAI,CAAA;qDACsC,KAAK,MAAM,GAAG;KAC9D,CAAC;IACJ,CAAC;IAES,gBAAgB,CACxB,IAAkB,EAClB,WAAW,GAAG,IAAI,EAClB,SAAS,GAAG,CAAC;QAEb,MAAM,UAAU,GAAG,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC;QAE5C,OAAO,IAAI,CAAA;;;YAGH,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAC,2BAA2B,CAAC,UAAU,EAAE,SAAS,CAAC;YACzD,CAAC,CAAC,OAAO;YACT,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,YAAY;YACpC,CAAC,CAAC,IAAI,CAAC,0BAA0B,CAAC,UAAU,EAAE,SAAS,CAAC;YACxD,CAAC,CAAC,OAAO;YACT,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAC,yBAAyB,CAAC,UAAU,CAAC;YAC5C,CAAC,CAAC,OAAO;;UAEX,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC,OAAO;;KAE3D,CAAC;IACJ,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACxC,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS;YAC1B,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU;YACjC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC;QAErC,OAAO,IAAI,CAAA;;;+BAGgB,KAAK;;iCAEH,IAAI,CAAC,gBAAgB,EAAE;;KAEnD,CAAC;IACJ,CAAC;IAES,sBAAsB;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC;QACpD,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACnD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QACtD,MAAM,SAAS,GACb,IAAI,CAAC,iBAAiB,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;QAE7D,MAAM,SAAS,GAAG,IAAI,CAAA,GAAG,GAAG,IAAI,SAAS,GAAG,KAAK,EAAE,CAAC;QAEpD,OAAO,IAAI,CAAA,4BAA4B,SAAS,SAAS,CAAC;IAC5D,CAAC;IAES,qBAAqB;QAC7B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC;QAC9C,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC;QAEpD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/D,MAAM,GAAG,GACP,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QAErE,OAAO,IAAI,CAAA;;gBAEC,KAAK;;gBAEL,GAAG;;KAEd,CAAC;IACJ,CAAC;IAES,gBAAgB;QACxB,OAAO,IAAI,CAAC,SAAS;YACnB,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE;YAC/B,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;IACnC,CAAC;IAES,cAAc;QACtB,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAC1C,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,KAAK,YAAY,CAAC;QACrD,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa;aAC9B,OAAgD,CAAC;QAEpD,OAAO,IAAI,CAAA,GAAG,WAAW,CAAC,GAAG,CAC3B,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAA;;YAEb,IAAI,CAAC,gBAAgB,CACrB,IAAI,EACJ,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EACvC,GAAG,CACJ;;yBAEc,IAAI,CAAC,WAAW;mCACN,IAAI,CAAC,iBAAiB;yCAChB,IAAI,CAAC,uBAAuB;;;sBAG/C,IAAI,CAAC,mBAAmB,KAAK,GAAG;0BAC5B,IAAI,CAAC,MAAM;6BACR,IAAI,CAAC,aAAa;+BAChB,IAAI,CAAC,eAAe,IAAI,GAAG,KAAK,CAAC;gCAChC,IAAI,CAAC,eAAe,IAAI,GAAG,KAAK,MAAM;sBAChD,IAAI,CAAC,MAAM;gCACD,IAAI,CAAC,iBAAiB,EAAE,MAAM;+BAC/B,IAAI,CAAC,eAAe;yBAC1B,IAAI,CAAC,SAAS;+BACR,IAAI,CAAC,eAAe;4BACvB,IAAI,CAAC,aAAa;qBACzB,IAAI,CAAC,KAAK;sBACT,IAAI,CAAC,MAAM;6BACJ,MAAO;yBACX,IAAI,CAAC,SAAS;;;OAGhC,CACF,EAAE,CAAC;IACN,CAAC;IAES,eAAe;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa;aAC9B,KAA4C,CAAC;QAEhD,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,gBAAgB,EAAE;;;;qBAIV,IAAI,CAAC,WAAW;iBACpB,IAAI,CAAC,UAAU;kBACd,IAAI,CAAC,MAAM;uBACN,MAAO;;KAEzB,CAAC;IACJ,CAAC;IAES,cAAc;QACtB,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,gBAAgB,EAAE;;;;qBAIV,IAAI,CAAC,UAAU;iBACnB,IAAI,CAAC,UAAU;wBACR,cAAc;;KAEjC,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,CAAC;QAEvE,MAAM,MAAM,GAAG;YACb,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,CAAC;YACX,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SAC5C,CAAC;QAEF,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;aACd,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,yBAAyB,QAAQ,CAAC,MAAM,CAAC;UAChE,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE;YACxB,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YACrC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YACxC,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;SACvC,CAAC;;KAEL,CAAC;IACJ,CAAC;IAES,WAAW,CAAC,KAAwB;QAC5C,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC;QAEzB,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAES,UAAU,CAAC,KAAwB;QAC3C,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;QAE3B,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAES,WAAW,CAAC,KAAwB;QAC5C,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,MAAM,IAAI,GAAG,KAAK,CAAC,MAA8B,CAAC;QAClD,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC5B,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;YAC1B,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM;SAClD,CAAC,CAAC;IACL,CAAC;IAES,iBAAiB,CAAC,KAAwB;QAClD,MAAM,IAAI,GAAG,KAAK,CAAC,MAA8B,CAAC;QAClD,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEzC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;QAE/B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;YACpD,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAES,uBAAuB,CAAC,KAAwB;QACxD,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,MAAM;YACnC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAChC,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC;IAEO,cAAc;QACpB,MAAM,OAAO,GAAG,IAAI,CAAC,mBAAmB,CAAC;QACzC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QAE/C,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACrC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC,CAC3C,CAAC;IACJ,CAAC;IAEO,gBAAgB,CAAC,KAAa;QACpC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QAClC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;IACnC,CAAC;IAEO,gBAAgB;QACtB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QAChD,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;QACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IAEO,YAAY;QAClB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QAChD,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;QACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACvD,CAAC;IAEO,cAAc,CAAC,SAAiB;QACtC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACjC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC;QAE3B,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;IAEO,aAAa,CAAC,SAAiB;QACrC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QACnC,CAAC;QACD,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC;QAE1B,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1B,CAAC;;AAlpBsB,4BAAO,GAAG,cAAc,AAAjB,CAAkB;AAClC,2BAAM,GAAG,MAAM,AAAT,CAAU;AAgDtB;IADP,KAAK,EAAE;iEACwB;AAGxB;IADP,QAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC;uDACc;AAG7C;IADP,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC;wDACM;AAGpC;IADP,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC;uDACK;AAOnC;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6DAC5C;AASxB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDAC3C;AAOnB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;+DACM;AAQ5D;IADN,QAAQ,EAAE;yDACkD;AAOtD;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;2DAC/B;AAOlB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDACiB;AAIjD;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2DAEQ;AAMhC;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6DACsB;AAa3C;IADT,KAAK,CAAC,QAAQ,CAAC;wDAGf;AAGS;IADT,KAAK,CAAC,eAAe,CAAC;+DAOtB;AA9IkB,oBAAoB;IADxC,MAAM,CAAC,GAAG,CAAC;GACS,oBAAoB,CAupBxC;eAvpBoB,oBAAoB","sourcesContent":["import { html, nothing } from 'lit';\nimport { property, query, queryAll, state } from 'lit/decorators.js';\nimport { choose } from 'lit/directives/choose.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport {\n  addKeybindings,\n  arrowDown,\n  arrowLeft,\n  arrowRight,\n  arrowUp,\n  endKey,\n  homeKey,\n  pageDownKey,\n  pageUpKey,\n  shiftKey,\n} from '../common/controllers/key-bindings.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcCalendarResourceStringEN } from '../common/i18n/calendar.resources.js';\nimport { createDateTimeFormatters } from '../common/localization/intl-formatters.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport {\n  clamp,\n  findElementFromEventPath,\n  first,\n  formatString,\n  last,\n  partNameMap,\n} from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { IgcCalendarBaseComponent } from './base.js';\nimport IgcDaysViewComponent from './days-view/days-view.js';\nimport {\n  MONTHS_PER_ROW,\n  YEARS_PER_PAGE,\n  YEARS_PER_ROW,\n  areSameMonth,\n  getYearRange,\n  isDateInRanges,\n} from './helpers.js';\nimport { CalendarDay } from './model.js';\nimport IgcMonthsViewComponent from './months-view/months-view.js';\nimport { styles } from './themes/calendar.base.css.js';\nimport { all } from './themes/calendar.js';\nimport type { IgcCalendarComponentEventMap } from './types.js';\nimport IgcYearsViewComponent from './years-view/years-view.js';\n\nexport const focusActiveDate = Symbol();\n\n/**\n * Represents a calendar that lets users\n * to select a date value in a variety of different ways.\n *\n * @element igc-calendar\n *\n * @slot - The default slot for the calendar.\n * @slot title - Renders the title of the calendar header.\n * @slot header-date - Renders content instead of the current date/range in the calendar header.\n *\n * @fires igcChange - Emitted when calendar changes its value.\n *\n * @csspart header - The header element of the calendar.\n * @csspart header-title - The header title element of the calendar.\n * @csspart header-date - The header date element of the calendar.\n * @csspart content - The content element which contains the views and navigation elements of the calendar.\n * @csspart navigation - The navigation container element of the calendar.\n * @csspart months-navigation - The months navigation button element of the calendar.\n * @csspart years-navigation - The years navigation button element of the calendar.\n * @csspart years-range - The years range element of the calendar.\n * @csspart navigation-buttons - The navigation buttons container of the calendar.\n * @csspart navigation-button - Previous/next navigation button of the calendar.\n * @csspart days-view-container - The days view container element of the calendar.\n * @csspart days-view - Days view element of the calendar.\n * @csspart months-view - The months view element of the calendar.\n * @csspart years-view - The years view element of the calendar.\n * @csspart days-row - Days row element of the calendar.\n * @csspart label - Week header label element of the calendar.\n * @csspart week-number - Week number element of the calendar.\n * @csspart week-number-inner - Week number inner element of the calendar.\n * @csspart date - Date element of the calendar.\n * @csspart date-inner - Date inner element of the calendar.\n * @csspart first - The first selected date element of the calendar in range selection.\n * @csspart last - The last selected date element of the calendar in range selection.\n * @csspart inactive - Inactive date element of the calendar.\n * @csspart hidden - Hidden date element of the calendar.\n * @csspart weekend - Weekend date element of the calendar.\n * @csspart range - Range selected element of the calendar.\n * @csspart special - Special date element of the calendar.\n * @csspart disabled - Disabled date element of the calendar.\n * @csspart single - Single selected date element of the calendar.\n * @csspart preview - Range selection preview date element of the calendar.\n * @csspart month - Month element of the calendar.\n * @csspart month-inner - Month inner element of the calendar.\n * @csspart year - Year element of the calendar.\n * @csspart year-inner - Year inner element of the calendar.\n * @csspart selected - Indicates selected state. Applies to date, month and year elements of the calendar.\n * @csspart current - Indicates current state. Applies to date, month and year elements of the calendar.\n */\n@themes(all)\nexport default class IgcCalendarComponent extends EventEmitterMixin<\n  IgcCalendarComponentEventMap,\n  Constructor<IgcCalendarBaseComponent>\n>(IgcCalendarBaseComponent) {\n  public static readonly tagName = 'igc-calendar';\n  public static styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcCalendarComponent,\n      IgcIconComponent,\n      IgcDaysViewComponent,\n      IgcMonthsViewComponent,\n      IgcYearsViewComponent\n    );\n  }\n\n  private get _isDayView() {\n    return this.activeView === 'days';\n  }\n\n  private get _isMonthView() {\n    return this.activeView === 'months';\n  }\n\n  private get _isYearView() {\n    return this.activeView === 'years';\n  }\n\n  private get previousButtonLabel() {\n    if (this._isDayView) {\n      return this.resourceStrings.previousMonth;\n    }\n    if (this._isMonthView) {\n      return this.resourceStrings.previousYear;\n    }\n    return formatString(this.resourceStrings.previousYears, YEARS_PER_PAGE);\n  }\n\n  private get nextButtonLabel() {\n    if (this._isDayView) {\n      return this.resourceStrings.nextMonth;\n    }\n    if (this._isMonthView) {\n      return this.resourceStrings.nextYear;\n    }\n    return formatString(this.resourceStrings.nextYears, YEARS_PER_PAGE);\n  }\n\n  private contentRef: Ref<HTMLDivElement> = createRef();\n\n  @state()\n  private activeDaysViewIndex = 0;\n\n  @queryAll(IgcDaysViewComponent.tagName)\n  private daysViews!: NodeListOf<IgcDaysViewComponent>;\n\n  @query(IgcMonthsViewComponent.tagName)\n  private monthsView!: IgcMonthsViewComponent;\n\n  @query(IgcYearsViewComponent.tagName)\n  private yearsView!: IgcYearsViewComponent;\n\n  /**\n   * Whether to show the dates that do not belong to the current active month.\n   * @attr hide-outside-days\n   */\n  @property({ type: Boolean, attribute: 'hide-outside-days', reflect: true })\n  public hideOutsideDays = false;\n\n  /**\n   * Whether to render the calendar header part.\n   * When the calendar selection is set to `multiple` the header is always hidden.\n   *\n   * @attr hide-header\n   */\n  @property({ type: Boolean, attribute: 'hide-header', reflect: true })\n  public hideHeader = false;\n\n  /**\n   * The orientation of the calendar header.\n   * @attr header-orientation\n   */\n  @property({ reflect: true, attribute: 'header-orientation' })\n  public headerOrientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  /**\n   * The orientation of the calendar months when more than one month\n   * is being shown.\n   * @attr orientation\n   */\n  @property()\n  public orientation: 'vertical' | 'horizontal' = 'horizontal';\n\n  /**\n   * The number of months displayed in the days view.\n   * @attr visible-months\n   */\n  @property({ type: Number, attribute: 'visible-months' })\n  public visibleMonths = 1;\n\n  /**\n   * The current active view of the component.\n   * @attr active-view\n   */\n  @property({ attribute: 'active-view' })\n  public activeView: 'days' | 'months' | 'years' = 'days';\n\n  /** The options used to format the months and the weekdays in the calendar views. */\n  @property({ attribute: false })\n  public formatOptions: Pick<Intl.DateTimeFormatOptions, 'month' | 'weekday'> =\n    { month: 'long', weekday: 'narrow' };\n\n  /**\n   * The resource strings for localization.\n   */\n  @property({ attribute: false })\n  public resourceStrings = IgcCalendarResourceStringEN;\n\n  private _intl = createDateTimeFormatters(this.locale, {\n    month: {\n      month: this.formatOptions.month,\n    },\n    monthLabel: { month: 'long' },\n    weekday: { weekday: 'short' },\n    monthDay: { month: 'short', day: 'numeric' },\n    yearLabel: { month: 'long', year: 'numeric' },\n  });\n\n  @watch('locale')\n  protected localeChange() {\n    this._intl.locale = this.locale;\n  }\n\n  @watch('formatOptions')\n  protected formatOptionsChange() {\n    this._intl.update({\n      month: {\n        month: this.formatOptions.month,\n      },\n    });\n  }\n\n  /** @private @hidden @internal */\n  public async [focusActiveDate]() {\n    await this.updateComplete;\n\n    if (this._isDayView) {\n      return this.daysViews.item(this.activeDaysViewIndex).focusActiveDate();\n    }\n\n    if (this._isMonthView) {\n      return this.monthsView.focusActiveDate();\n    }\n\n    if (this._isYearView) {\n      return this.yearsView.focusActiveDate();\n    }\n  }\n\n  private updateViewIndex(date: CalendarDay, delta: -1 | 1) {\n    if (this.visibleMonths === 1) return;\n\n    const index = this.activeDaysViewIndex;\n    const view = CalendarDay.from(this.daysViews.item(index).activeDate);\n\n    if (date.month !== view.month) {\n      this.activeDaysViewIndex = clamp(\n        index + delta,\n        0,\n        this.visibleMonths - 1\n      );\n    }\n  }\n\n  private getSubsequentActiveDate(start: CalendarDay, delta: number) {\n    const disabled = this._disabledDates;\n    let beginning = start.clone();\n\n    while (isDateInRanges(beginning, disabled)) {\n      beginning = beginning.add('day', delta);\n    }\n\n    return beginning;\n  }\n\n  private handleArrowKey(period: 'day' | 'week', delta: -1 | 1) {\n    if (this._isDayView) {\n      const date = this.getSubsequentActiveDate(\n        this._activeDate.add(period, delta),\n        delta\n      );\n      this.updateViewIndex(date, delta);\n      this._activeDate = date;\n    } else {\n      const monthOrYear = this._isMonthView ? 'month' : 'year';\n      const monthOrYearDelta =\n        (this._isMonthView ? MONTHS_PER_ROW : YEARS_PER_ROW) * delta;\n\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.add(\n          monthOrYear,\n          period === 'week' ? monthOrYearDelta : delta\n        ),\n        delta\n      );\n    }\n\n    this[focusActiveDate]();\n  }\n\n  private onPageKeys(delta: -1 | 1) {\n    const unit = this._isDayView ? 'month' : 'year';\n    const increment = (this._isYearView ? YEARS_PER_PAGE : 1) * delta;\n\n    this._activeDate = this.getSubsequentActiveDate(\n      this._activeDate.add(unit, increment),\n      increment\n    );\n    this[focusActiveDate]();\n  }\n\n  private onShiftPageKeys(delta: -1 | 1) {\n    if (this._isDayView) {\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.add('year', delta),\n        delta\n      );\n      this[focusActiveDate]();\n    }\n  }\n\n  private onHomeKey() {\n    if (this._isDayView) {\n      const first = CalendarDay.from(this.daysViews.item(0).activeDate);\n      this._activeDate = this.getSubsequentActiveDate(\n        first.set({ date: 1 }),\n        1\n      );\n\n      this.activeDaysViewIndex = 0;\n    }\n\n    if (this._isMonthView) {\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.set({ month: 0 }),\n        1\n      );\n    }\n\n    if (this._isYearView) {\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.set({\n          year: getYearRange(this._activeDate, YEARS_PER_PAGE).start,\n        }),\n        1\n      );\n    }\n\n    this[focusActiveDate]();\n  }\n\n  private onEndKey() {\n    if (this._isDayView) {\n      const index = this.daysViews.length - 1;\n      const last = CalendarDay.from(this.daysViews.item(index).activeDate);\n      this._activeDate = this.getSubsequentActiveDate(\n        last.set({ month: last.month + 1, date: 0 }),\n        -1\n      );\n      this.activeDaysViewIndex = index;\n    }\n\n    if (this._isMonthView) {\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.set({ month: 11 }),\n        -1\n      );\n    }\n\n    if (this._isYearView) {\n      this._activeDate = this.getSubsequentActiveDate(\n        this._activeDate.set({\n          year: getYearRange(this._activeDate, YEARS_PER_PAGE).end,\n        }),\n        -1\n      );\n    }\n\n    this[focusActiveDate]();\n  }\n\n  private isNotFromCalendarView(_: Element, event: KeyboardEvent) {\n    return !findElementFromEventPath(\n      `${IgcDaysViewComponent.tagName}, ${IgcMonthsViewComponent.tagName}, ${IgcYearsViewComponent.tagName}`,\n      event\n    );\n  }\n\n  constructor() {\n    super();\n\n    addKeybindings(this, {\n      skip: this.isNotFromCalendarView,\n      ref: this.contentRef,\n      bindingDefaults: { preventDefault: true, triggers: ['keydownRepeat'] },\n    })\n      .set(arrowLeft, this.handleArrowKey.bind(this, 'day', -1))\n      .set(arrowRight, this.handleArrowKey.bind(this, 'day', 1))\n      .set(arrowUp, this.handleArrowKey.bind(this, 'week', -1))\n      .set(arrowDown, this.handleArrowKey.bind(this, 'week', 1))\n      .set([shiftKey, pageUpKey], this.onShiftPageKeys.bind(this, -1))\n      .set([shiftKey, pageDownKey], this.onShiftPageKeys.bind(this, 1))\n      .set(pageUpKey, this.onPageKeys.bind(this, -1))\n      .set(pageDownKey, this.onPageKeys.bind(this, 1))\n      .set(homeKey, this.onHomeKey)\n      .set(endKey, this.onEndKey);\n  }\n\n  protected renderNavigationButtons() {\n    const parts = partNameMap({\n      'navigation-button': true,\n      vertical: this.orientation === 'vertical',\n    });\n\n    return html`\n      <div part=\"navigation-buttons\">\n        <button\n          part=${parts}\n          aria-label=${this.previousButtonLabel}\n          @click=${this.navigatePrevious}\n        >\n          <igc-icon\n            aria-hidden=\"true\"\n            name=\"arrow_prev\"\n            collection=\"default\"\n          ></igc-icon>\n        </button>\n\n        <button\n          part=${parts}\n          aria-label=${this.nextButtonLabel}\n          @click=${this.navigateNext}\n        >\n          <igc-icon\n            aria-hidden=\"true\"\n            name=\"arrow_next\"\n            collection=\"default\"\n          ></igc-icon>\n        </button>\n      </div>\n    `;\n  }\n\n  protected renderMonthButtonNavigation(\n    active: CalendarDay,\n    viewIndex: number\n  ) {\n    const labelFmt = this._intl.get('monthLabel').format;\n    const valueFmt = this._intl.get('month').format;\n    const ariaLabel = `${labelFmt(active.native)}, ${this.resourceStrings.selectMonth}`;\n\n    return html`\n      <button\n        part=\"months-navigation\"\n        aria-label=${ariaLabel}\n        @click=${() => this.switchToMonths(viewIndex)}\n      >\n        ${valueFmt(active.native)}\n      </button>\n    `;\n  }\n\n  protected renderYearButtonNavigation(active: CalendarDay, viewIndex: number) {\n    const fmt = this._intl.get('yearLabel').format;\n    const ariaLabel = `${active.year}, ${this.resourceStrings.selectYear}`;\n    const ariaSkip = this._isDayView ? fmt(active.native) : active.year;\n\n    return html`\n      <span class=\"aria-off-screen\" aria-live=\"polite\">${ariaSkip}</span>\n      <button\n        part=\"years-navigation\"\n        aria-label=${ariaLabel}\n        @click=${() => this.switchToYears(viewIndex)}\n      >\n        ${active.year}\n      </button>\n    `;\n  }\n\n  protected renderYearRangeNavigation(active: CalendarDay) {\n    const { start, end } = getYearRange(active, YEARS_PER_PAGE);\n\n    return html`\n      <span part=\"years-range\" aria-live=\"polite\"> ${start} - ${end} </span>\n    `;\n  }\n\n  protected renderNavigation(\n    date?: CalendarDay,\n    showButtons = true,\n    viewIndex = 0\n  ) {\n    const activeDate = date ?? this._activeDate;\n\n    return html`\n      <div part=\"navigation\">\n        <div part=\"picker-dates\">\n          ${this._isDayView\n            ? this.renderMonthButtonNavigation(activeDate, viewIndex)\n            : nothing}\n          ${this._isDayView || this._isMonthView\n            ? this.renderYearButtonNavigation(activeDate, viewIndex)\n            : nothing}\n          ${this._isYearView\n            ? this.renderYearRangeNavigation(activeDate)\n            : nothing}\n        </div>\n        ${showButtons ? this.renderNavigationButtons() : nothing}\n      </div>\n    `;\n  }\n\n  protected renderHeader() {\n    if (this.hideHeader || this._isMultiple) {\n      return nothing;\n    }\n\n    const title = this._isSingle\n      ? this.resourceStrings.selectDate\n      : this.resourceStrings.selectRange;\n\n    return html`\n      <div part=\"header\">\n        <h5 part=\"header-title\">\n          <slot name=\"title\">${title}</slot>\n        </h5>\n        <h2 part=\"header-date\">${this.renderHeaderDate()}</h2>\n      </div>\n    `;\n  }\n\n  protected renderHeaderDateSingle() {\n    const date = this.value ?? CalendarDay.today.native;\n    const day = this._intl.get('weekday').format(date);\n    const month = this._intl.get('monthDay').format(date);\n    const separator =\n      this.headerOrientation === 'vertical' ? html`<br />` : ' ';\n\n    const formatted = html`${day},${separator}${month}`;\n\n    return html`<slot name=\"header-date\">${formatted}</slot>`;\n  }\n\n  protected renderHeaderDateRange() {\n    const values = this.values;\n    const fmt = this._intl.get('monthDay').format;\n    const { startDate, endDate } = this.resourceStrings;\n\n    const start = this._hasValues ? fmt(first(values)) : startDate;\n    const end =\n      this._hasValues && values.length > 1 ? fmt(last(values)) : endDate;\n\n    return html`\n      <slot name=\"header-date\">\n        <span>${start}</span>\n        <span> - </span>\n        <span>${end}</span>\n      </slot>\n    `;\n  }\n\n  protected renderHeaderDate() {\n    return this._isSingle\n      ? this.renderHeaderDateSingle()\n      : this.renderHeaderDateRange();\n  }\n\n  protected renderDaysView() {\n    const activeDates = this.getActiveDates();\n    const horizontal = this.orientation === 'horizontal';\n    const length = activeDates.length - 1;\n    const format = this.formatOptions\n      .weekday as Intl.DateTimeFormatOptions['weekday'];\n\n    return html`${activeDates.map(\n      (date, idx) => html`\n        <div part=\"days-view-container\">\n          ${this.renderNavigation(\n            date,\n            horizontal ? idx === length : idx === 0,\n            idx\n          )}\n          <igc-days-view\n            @igcChange=${this.changeValue}\n            @igcActiveDateChange=${this.activeDateChanged}\n            @igcRangePreviewDateChange=${this.rangePreviewDateChanged}\n            part=\"days-view\"\n            exportparts=\"days-row, label, date-inner, week-number-inner, week-number, date, first, last, selected, inactive, hidden, current, weekend, range, special, disabled, single, preview\"\n            .active=${this.activeDaysViewIndex === idx}\n            .activeDate=${date.native}\n            .disabledDates=${this.disabledDates}\n            .hideLeadingDays=${this.hideOutsideDays || idx !== 0}\n            .hideTrailingDays=${this.hideOutsideDays || idx !== length}\n            .locale=${this.locale}\n            .rangePreviewDate=${this._rangePreviewDate?.native}\n            .resourceStrings=${this.resourceStrings}\n            .selection=${this.selection}\n            .showWeekNumbers=${this.showWeekNumbers}\n            .specialDates=${this._specialDates}\n            .value=${this.value}\n            .values=${this.values}\n            .weekDayFormat=${format!}\n            .weekStart=${this.weekStart}\n          ></igc-days-view>\n        </div>\n      `\n    )}`;\n  }\n\n  protected renderMonthView() {\n    const format = this.formatOptions\n      .month as Intl.DateTimeFormatOptions['month'];\n\n    return html`\n      ${this.renderNavigation()}\n      <igc-months-view\n        part=\"months-view\"\n        exportparts=\"month, selected, month-inner, current\"\n        @igcChange=${this.changeMonth}\n        .value=${this.activeDate}\n        .locale=${this.locale}\n        .monthFormat=${format!}\n      ></igc-months-view>\n    `;\n  }\n\n  protected renderYearView() {\n    return html`\n      ${this.renderNavigation()}\n      <igc-years-view\n        part=\"years-view\"\n        exportparts=\"year, selected, year-inner, current\"\n        @igcChange=${this.changeYear}\n        .value=${this.activeDate}\n        .yearsPerPage=${YEARS_PER_PAGE}\n      ></igc-years-view>\n    `;\n  }\n\n  protected override render() {\n    const direction = this._isDayView && this.orientation === 'horizontal';\n\n    const styles = {\n      display: 'flex',\n      flexGrow: 1,\n      flexDirection: direction ? 'row' : 'column',\n    };\n\n    return html`\n      ${this.renderHeader()}\n      <div ${ref(this.contentRef)} part=\"content\" style=${styleMap(styles)}>\n        ${choose(this.activeView, [\n          ['days', () => this.renderDaysView()],\n          ['months', () => this.renderMonthView()],\n          ['years', () => this.renderYearView()],\n        ])}\n      </div>\n    `;\n  }\n\n  protected changeMonth(event: CustomEvent<Date>) {\n    event.stopPropagation();\n    this.activeDate = event.detail;\n    this.activeView = 'days';\n\n    this[focusActiveDate]();\n  }\n\n  protected changeYear(event: CustomEvent<Date>) {\n    event.stopPropagation();\n    this.activeDate = event.detail;\n    this.activeView = 'months';\n\n    this[focusActiveDate]();\n  }\n\n  protected changeValue(event: CustomEvent<Date>) {\n    event.stopPropagation();\n\n    const view = event.target as IgcDaysViewComponent;\n    if (this._isSingle) {\n      this.value = view.value;\n    } else {\n      this.values = view.values;\n    }\n\n    this.emitEvent('igcChange', {\n      detail: this._isSingle ? this.value : this.values,\n    });\n  }\n\n  protected activeDateChanged(event: CustomEvent<Date>) {\n    const view = event.target as IgcDaysViewComponent;\n    const views = Array.from(this.daysViews);\n\n    this.activeDaysViewIndex = views.indexOf(view);\n    this.activeDate = event.detail;\n\n    if (!areSameMonth(this.activeDate, view.activeDate)) {\n      this[focusActiveDate]();\n    }\n  }\n\n  protected rangePreviewDateChanged(event: CustomEvent<Date>) {\n    this._rangePreviewDate = event.detail\n      ? CalendarDay.from(event.detail)\n      : undefined;\n  }\n\n  private getActiveDates() {\n    const current = this.activeDaysViewIndex;\n    const length = Math.max(this.visibleMonths, 1);\n\n    return Array.from({ length }, (_, i) =>\n      this._activeDate.add('month', i - current)\n    );\n  }\n\n  private activateDaysView(index: number) {\n    const view = this.daysViews.item(index);\n    this.activeDate = view.activeDate;\n    this.activeDaysViewIndex = index;\n  }\n\n  private navigatePrevious() {\n    const unit = this._isDayView ? 'month' : 'year';\n    const delta = this._isYearView ? YEARS_PER_PAGE : 1;\n    this._activeDate = this._activeDate.add(unit, -delta);\n  }\n\n  private navigateNext() {\n    const unit = this._isDayView ? 'month' : 'year';\n    const delta = this._isYearView ? YEARS_PER_PAGE : 1;\n    this._activeDate = this._activeDate.add(unit, delta);\n  }\n\n  private switchToMonths(viewIndex: number) {\n    this.activateDaysView(viewIndex);\n    this.activeView = 'months';\n\n    this[focusActiveDate]();\n  }\n\n  private switchToYears(viewIndex: number) {\n    if (this._isDayView) {\n      this.activateDaysView(viewIndex);\n    }\n    this.activeView = 'years';\n\n    this[focusActiveDate]();\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-calendar': IgcCalendarComponent;\n  }\n}\n"]}

package/components/calendar/days-view/days-view.d.ts

@@ -1,8 +1,8 @@
 import type { Constructor } from '../../common/mixins/constructor.js';
 import { IgcCalendarBaseComponent } from '../base.js';
 import { CalendarDay } from '../model.js';
-import { type IgcCalendarBaseEventMap } from '../types.js';
-export interface IgcDaysViewEventMap extends IgcCalendarBaseEventMap {
+import { type IgcCalendarComponentEventMap } from '../types.js';
+export interface IgcDaysViewEventMap extends IgcCalendarComponentEventMap {
     igcActiveDateChange: CustomEvent<Date>;
     igcRangePreviewDateChange: CustomEvent<Date>;
 }

package/components/calendar/days-view/days-view.js

@@ -68,7 +68,7 @@ let IgcDaysViewComponent = IgcDaysViewComponent_1 = class IgcDaysViewComponent e
     }
     handleInteraction(event) {
         const value = getViewElement(event);
-        if (value > -1) {
+        if (value !== -1) {
             const date = CalendarDay.from(new Date(value));
             if (this._rangePreviewDate) {
                 this.setRangePreviewDate();