igniteui-webcomponents 3.4.0 → 3.4.2

package/CHANGELOG.md

@@ -5,6 +5,18 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## Unreleased
+### Fixed
+- Resolved importing error for `DateRangeType` [#535](https://github.com/IgniteUI/igniteui-webcomponents/issues/535)
+
+## [3.4.1] - 2022-09-19
+### Changed
+- Slider - updated theme with the latest fluent spec [#453](https://github.com/IgniteUI/igniteui-webcomponents/pull/453)
+- Calendar - updated weekend days color [#483](https://github.com/IgniteUI/igniteui-webcomponents/issues/483)
+
+### Fixed
+- Tabs `selected` attribute breaks content visibility on init [#507](https://github.com/IgniteUI/igniteui-webcomponents/issues/507)
+
 ## [3.4.0] - 2022-09-07
 ### Added
 - Dialog component [#175](https://github.com/IgniteUI/igniteui-webcomponents/issues/175)
@@ -155,6 +167,7 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[3.4.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.4.0...3.4.1
 [3.4.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.3.1...3.4.0
 [3.3.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.3.0...3.3.1
 [3.3.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.2.0...3.3.0

package/components/calendar/themes/days-view.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([part=days-view]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:18.125rem;outline:none;padding:0 .75rem 1rem .75rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.375rem}[part~=days-row]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}[part~=date-inner]:hover,[part~=date-inner]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));color:var(--igc-secondary-100-contrast);border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=date-inner][part~=current][part~=selected]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=current][part~=date-inner]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a))}[part~=current][part~=date-inner]:hover,[part~=current][part~=date-inner]:focus{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=date],[part~=week-number],[part~=label]{font-size:var(--igc-subtitle-1-font-size);width:100%;color:hsla(var(--igc-gray-800), var(--igc-gray-a));position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top:.0625rem solid rgba(0,0,0,0);border-bottom:.0625rem solid rgba(0,0,0,0)}[part=label-inner]{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;min-width:4ch;text-align:center}[part~=date-inner],[part~=week-number-inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:.0625rem solid rgba(0,0,0,0)}[part~=date-inner]:focus,[part~=week-number-inner]:focus{outline:none}[part~=date][part~=range]{background:hsla(var(--igc-secondary-50), var(--igc-secondary-a))}[part~=date][part~=range][part~=preview]{background:rgba(0,0,0,0);border-top:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{background:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first]::after,[part~=date][part~=range][part~=preview][part~=last]::after{border-top:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first],[part~=date][part~=range][part~=last]{background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{content:"";position:absolute;height:100%;width:calc(50% + 0.0625rem);background:hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-top:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-bottom:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));z-index:1}[part~=date][part~=range][part~=first]::after{inset-inline-start:50%}[part~=date][part~=range][part~=last]::after{inset-inline-end:calc(50% - 0.0625rem)}[part~=date][part~=range]+[part~=date][part~=range][part~=last]::after{inset-inline-end:50%}[part~=date-inner][part~=weekend],[part~=date-inner][part~=inactive],[part~=date-inner][part~=label],[part~=date-inner][part~=disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=weekend]:hover,[part~=date-inner][part~=weekend]:focus,[part~=date-inner][part~=inactive]:hover,[part~=date-inner][part~=inactive]:focus{color:var(--igc-secondary-100-contrast)}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=first],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=last],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=first],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=last]{color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=range][part~=weekend],[part~=date-inner][part~=selected][part~=range][part~=inactive],[part~=date-inner][part~=selected][part~=range]{color:var(--igc-secondary-50-contrast)}[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus,[part~=date-inner][part~=selected][part~=range]:hover,[part~=date-inner][part~=selected][part~=range]:focus{color:var(--igc-secondary-100-contrast);background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected]:not([part~=range]){background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):hover,[part~=date-inner][part~=selected]:not([part~=range]):focus{background:hsla(var(--igc-secondary-700), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-700), var(--igc-secondary-a));color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=weekend]:not([part~=range]),[part~=date-inner][part~=selected][part~=inactive]:not([part~=range]),[part~=date-inner][part~=selected]:not([part~=range]){color:var(--igc-secondary-700-contrast)}[part~=week-number]{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;color:hsla(var(--igc-gray-500), var(--igc-gray-a));cursor:default}[part="week-number-inner first"]{border-top-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-top-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part="week-number-inner first"]::after{display:none}[part="week-number-inner last"]{border-bottom-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-bottom-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=week-number-inner]{position:relative;background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=week-number-inner]::after{content:"";position:absolute;bottom:100%;height:calc(0.375rem + (0.0625rem * 2 + 2px));width:100%;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}[part~=date-inner][part~=special][part~=range],[part~=date-inner][part~=special]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-color:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-weight:900}[part~=date-inner][part~=special][part~=range]:hover,[part~=date-inner][part~=special][part~=range]:focus,[part~=date-inner][part~=special]:hover,[part~=date-inner][part~=special]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=hidden]{visibility:hidden}`;
+export const styles = css `:host([part=days-view]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:18.125rem;outline:none;padding:0 .75rem 1rem .75rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.375rem}[part~=days-row]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}[part~=date-inner]:hover,[part~=date-inner]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));color:var(--igc-secondary-100-contrast);border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=date-inner][part~=current][part~=selected]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=current][part~=date-inner]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a))}[part~=current][part~=date-inner]:hover,[part~=current][part~=date-inner]:focus{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=date],[part~=week-number],[part~=label]{font-size:var(--igc-subtitle-1-font-size);width:100%;color:hsla(var(--igc-gray-800), var(--igc-gray-a));position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top:.0625rem solid rgba(0,0,0,0);border-bottom:.0625rem solid rgba(0,0,0,0)}[part=label-inner]{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;min-width:4ch;text-align:center}[part~=date-inner],[part~=week-number-inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:.0625rem solid rgba(0,0,0,0)}[part~=date-inner]:focus,[part~=week-number-inner]:focus{outline:none}[part~=date][part~=range]{background:hsla(var(--igc-secondary-50), var(--igc-secondary-a))}[part~=date][part~=range][part~=preview]{background:rgba(0,0,0,0);border-top:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{background:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first]::after,[part~=date][part~=range][part~=preview][part~=last]::after{border-top:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first],[part~=date][part~=range][part~=last]{background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{content:"";position:absolute;height:100%;width:calc(50% + 0.0625rem);background:hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-top:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-bottom:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));z-index:1}[part~=date][part~=range][part~=first]::after{inset-inline-start:50%}[part~=date][part~=range][part~=last]::after{inset-inline-end:calc(50% - 0.0625rem)}[part~=date][part~=range]+[part~=date][part~=range][part~=last]::after{inset-inline-end:50%}[part~=date-inner][part~=inactive],[part~=date-inner][part~=label],[part~=date-inner][part~=disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=weekend]:hover,[part~=date-inner][part~=weekend]:focus,[part~=date-inner][part~=inactive]:hover,[part~=date-inner][part~=inactive]:focus{color:var(--igc-secondary-100-contrast)}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=first],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=last],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=first],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=last]{color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=range][part~=weekend],[part~=date-inner][part~=selected][part~=range][part~=inactive],[part~=date-inner][part~=selected][part~=range]{color:var(--igc-secondary-50-contrast)}[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus,[part~=date-inner][part~=selected][part~=range]:hover,[part~=date-inner][part~=selected][part~=range]:focus{color:var(--igc-secondary-100-contrast);background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected]:not([part~=range]){background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):hover,[part~=date-inner][part~=selected]:not([part~=range]):focus{background:hsla(var(--igc-secondary-700), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-700), var(--igc-secondary-a));color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=weekend]:not([part~=range]),[part~=date-inner][part~=selected][part~=inactive]:not([part~=range]),[part~=date-inner][part~=selected]:not([part~=range]){color:var(--igc-secondary-700-contrast)}[part~=week-number]{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;color:hsla(var(--igc-gray-500), var(--igc-gray-a));cursor:default}[part="week-number-inner first"]{border-top-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-top-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part="week-number-inner first"]::after{display:none}[part="week-number-inner last"]{border-bottom-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-bottom-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=week-number-inner]{position:relative;background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=week-number-inner]::after{content:"";position:absolute;bottom:100%;height:calc(0.375rem + (0.0625rem * 2 + 2px));width:100%;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}[part~=date-inner][part~=special][part~=range],[part~=date-inner][part~=special]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-color:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-weight:900}[part~=date-inner][part~=special][part~=range]:hover,[part~=date-inner][part~=special][part~=range]:focus,[part~=date-inner][part~=special]:hover,[part~=date-inner][part~=special]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=hidden]{visibility:hidden}`;
 //# sourceMappingURL=days-view.base.css.js.map

package/components/calendar/themes/days-view.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"days-view.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days-view.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0zRAA0zR,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([part=days-view]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:18.125rem;outline:none;padding:0 .75rem 1rem .75rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.375rem}[part~=days-row]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}[part~=date-inner]:hover,[part~=date-inner]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));color:var(--igc-secondary-100-contrast);border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=date-inner][part~=current][part~=selected]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=current][part~=date-inner]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a))}[part~=current][part~=date-inner]:hover,[part~=current][part~=date-inner]:focus{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=date],[part~=week-number],[part~=label]{font-size:var(--igc-subtitle-1-font-size);width:100%;color:hsla(var(--igc-gray-800), var(--igc-gray-a));position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top:.0625rem solid rgba(0,0,0,0);border-bottom:.0625rem solid rgba(0,0,0,0)}[part=label-inner]{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;min-width:4ch;text-align:center}[part~=date-inner],[part~=week-number-inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:.0625rem solid rgba(0,0,0,0)}[part~=date-inner]:focus,[part~=week-number-inner]:focus{outline:none}[part~=date][part~=range]{background:hsla(var(--igc-secondary-50), var(--igc-secondary-a))}[part~=date][part~=range][part~=preview]{background:rgba(0,0,0,0);border-top:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{background:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first]::after,[part~=date][part~=range][part~=preview][part~=last]::after{border-top:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first],[part~=date][part~=range][part~=last]{background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{content:\"\";position:absolute;height:100%;width:calc(50% + 0.0625rem);background:hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-top:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-bottom:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));z-index:1}[part~=date][part~=range][part~=first]::after{inset-inline-start:50%}[part~=date][part~=range][part~=last]::after{inset-inline-end:calc(50% - 0.0625rem)}[part~=date][part~=range]+[part~=date][part~=range][part~=last]::after{inset-inline-end:50%}[part~=date-inner][part~=weekend],[part~=date-inner][part~=inactive],[part~=date-inner][part~=label],[part~=date-inner][part~=disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=weekend]:hover,[part~=date-inner][part~=weekend]:focus,[part~=date-inner][part~=inactive]:hover,[part~=date-inner][part~=inactive]:focus{color:var(--igc-secondary-100-contrast)}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=first],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=last],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=first],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=last]{color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=range][part~=weekend],[part~=date-inner][part~=selected][part~=range][part~=inactive],[part~=date-inner][part~=selected][part~=range]{color:var(--igc-secondary-50-contrast)}[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus,[part~=date-inner][part~=selected][part~=range]:hover,[part~=date-inner][part~=selected][part~=range]:focus{color:var(--igc-secondary-100-contrast);background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected]:not([part~=range]){background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):hover,[part~=date-inner][part~=selected]:not([part~=range]):focus{background:hsla(var(--igc-secondary-700), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-700), var(--igc-secondary-a));color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=weekend]:not([part~=range]),[part~=date-inner][part~=selected][part~=inactive]:not([part~=range]),[part~=date-inner][part~=selected]:not([part~=range]){color:var(--igc-secondary-700-contrast)}[part~=week-number]{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;color:hsla(var(--igc-gray-500), var(--igc-gray-a));cursor:default}[part=\"week-number-inner first\"]{border-top-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-top-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part=\"week-number-inner first\"]::after{display:none}[part=\"week-number-inner last\"]{border-bottom-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-bottom-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=week-number-inner]{position:relative;background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=week-number-inner]::after{content:\"\";position:absolute;bottom:100%;height:calc(0.375rem + (0.0625rem * 2 + 2px));width:100%;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}[part~=date-inner][part~=special][part~=range],[part~=date-inner][part~=special]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-color:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-weight:900}[part~=date-inner][part~=special][part~=range]:hover,[part~=date-inner][part~=special][part~=range]:focus,[part~=date-inner][part~=special]:hover,[part~=date-inner][part~=special]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=hidden]{visibility:hidden}`;\n"]}
+{"version":3,"file":"days-view.base.css.js","sourceRoot":"","sources":["../../../../src/components/calendar/themes/days-view.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wxRAAwxR,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([part=days-view]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:18.125rem;outline:none;padding:0 .75rem 1rem .75rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;gap:.375rem}[part~=days-row]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[part~=date-inner]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}[part~=date-inner]:hover,[part~=date-inner]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));color:var(--igc-secondary-100-contrast);border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=date-inner][part~=current][part~=selected]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a)),0 0 0 .0625rem hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=current][part~=date-inner]{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-600), var(--igc-gray-a))}[part~=current][part~=date-inner]:hover,[part~=current][part~=date-inner]:focus{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=date],[part~=week-number],[part~=label]{font-size:var(--igc-subtitle-1-font-size);width:100%;color:hsla(var(--igc-gray-800), var(--igc-gray-a));position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-top:.0625rem solid rgba(0,0,0,0);border-bottom:.0625rem solid rgba(0,0,0,0)}[part=label-inner]{-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;min-width:4ch;text-align:center}[part~=date-inner],[part~=week-number-inner]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:.0625rem solid rgba(0,0,0,0)}[part~=date-inner]:focus,[part~=week-number-inner]:focus{outline:none}[part~=date][part~=range]{background:hsla(var(--igc-secondary-50), var(--igc-secondary-a))}[part~=date][part~=range][part~=preview]{background:rgba(0,0,0,0);border-top:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a))}[part~=date][part~=range][part~=preview][part~=first],[part~=date][part~=range][part~=preview][part~=last]{background:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0)}[part~=date][part~=range][part~=preview][part~=first]::after,[part~=date][part~=range][part~=preview][part~=last]::after{border-top:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));border-bottom:.0625rem dashed hsla(var(--igc-gray-300), var(--igc-gray-a));background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first],[part~=date][part~=range][part~=last]{background:rgba(0,0,0,0)}[part~=date][part~=range][part~=first]::after,[part~=date][part~=range][part~=last]::after{content:\"\";position:absolute;height:100%;width:calc(50% + 0.0625rem);background:hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-top:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));border-bottom:.0625rem solid hsla(var(--igc-secondary-50), var(--igc-secondary-a));z-index:1}[part~=date][part~=range][part~=first]::after{inset-inline-start:50%}[part~=date][part~=range][part~=last]::after{inset-inline-end:calc(50% - 0.0625rem)}[part~=date][part~=range]+[part~=date][part~=range][part~=last]::after{inset-inline-end:50%}[part~=date-inner][part~=inactive],[part~=date-inner][part~=label],[part~=date-inner][part~=disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}[part~=date-inner][part~=weekend]:hover,[part~=date-inner][part~=weekend]:focus,[part~=date-inner][part~=inactive]:hover,[part~=date-inner][part~=inactive]:focus{color:var(--igc-secondary-100-contrast)}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=first],[part~=date-inner][part~=selected][part~=range][part~=weekend][part~=last],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=first],[part~=date-inner][part~=selected][part~=range][part~=inactive][part~=last]{color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=range][part~=weekend],[part~=date-inner][part~=selected][part~=range][part~=inactive],[part~=date-inner][part~=selected][part~=range]{color:var(--igc-secondary-50-contrast)}[part~=date-inner][part~=selected][part~=range][part~=weekend]:hover,[part~=date-inner][part~=selected][part~=range][part~=weekend]:focus,[part~=date-inner][part~=selected][part~=range][part~=inactive]:hover,[part~=date-inner][part~=selected][part~=range][part~=inactive]:focus,[part~=date-inner][part~=selected][part~=range]:hover,[part~=date-inner][part~=selected][part~=range]:focus{color:var(--igc-secondary-100-contrast);background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=date-inner][part~=selected][part~=range][part~=first],[part~=date-inner][part~=selected][part~=range][part~=last],[part~=date-inner][part~=selected]:not([part~=range]){background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=date-inner][part~=selected][part~=range][part~=first]:hover,[part~=date-inner][part~=selected][part~=range][part~=first]:focus,[part~=date-inner][part~=selected][part~=range][part~=last]:hover,[part~=date-inner][part~=selected][part~=range][part~=last]:focus,[part~=date-inner][part~=selected]:not([part~=range]):hover,[part~=date-inner][part~=selected]:not([part~=range]):focus{background:hsla(var(--igc-secondary-700), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-700), var(--igc-secondary-a));color:var(--igc-secondary-700-contrast)}[part~=date-inner][part~=selected][part~=weekend]:not([part~=range]),[part~=date-inner][part~=selected][part~=inactive]:not([part~=range]),[part~=date-inner][part~=selected]:not([part~=range]){color:var(--igc-secondary-700-contrast)}[part~=week-number]{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;color:hsla(var(--igc-gray-500), var(--igc-gray-a));cursor:default}[part=\"week-number-inner first\"]{border-top-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-top-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part=\"week-number-inner first\"]::after{display:none}[part=\"week-number-inner last\"]{border-bottom-left-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);border-bottom-right-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem)}[part~=week-number-inner]{position:relative;background:hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end-color:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=week-number-inner]::after{content:\"\";position:absolute;bottom:100%;height:calc(0.375rem + (0.0625rem * 2 + 2px));width:100%;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-start:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-border-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a));border-inline-end:.0625rem solid hsla(var(--igc-gray-200), var(--igc-gray-a))}[part~=date-inner][part~=disabled]{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed}[part~=date-inner][part~=special][part~=range],[part~=date-inner][part~=special]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));border-color:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-weight:900}[part~=date-inner][part~=special][part~=range]:hover,[part~=date-inner][part~=special][part~=range]:focus,[part~=date-inner][part~=special]:hover,[part~=date-inner][part~=special]:focus{background:hsla(var(--igc-secondary-100), var(--igc-secondary-a));border-color:hsla(var(--igc-secondary-100), var(--igc-secondary-a))}[part~=hidden]{visibility:hidden}`;\n"]}

package/components/slider/range-slider.js

@@ -156,7 +156,11 @@ export default class IgcRangeSliderComponent extends EventEmitterMixin(IgcSlider
         @pointerenter=${this.handleThumbPointerEnter}
         @pointerleave=${this.handleThumbPointerLeave}
         @focus=${(ev) => this.handleFocus(ev)}
-        @blur=${() => (this.activeThumb = undefined)}
+        @blur=${() => {
+            var _a;
+            return ((_a = this.activeThumb) === null || _a === void 0 ? void 0 : _a.part.remove('focused'),
+                (this.activeThumb = undefined));
+        }}
       ></div>
       ${this.hideTooltip
             ? html ``

package/components/slider/range-slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"range-slider.js","sourceRoot":"","sources":["../../../src/components/slider/range-slider.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { IgcSliderBaseComponent } from './slider-base.js';\n\n/* blazorSuppress */\nexport interface IgcRangeSliderValue {\n  lower: number;\n  upper: number;\n}\n\nexport interface IgcRangeSliderEventMap {\n  /**\n   * Emitted when a value is changed via thumb drag or keyboard interaction.\n   */\n  igcInput: CustomEvent<IgcRangeSliderValue>;\n  /**\n   * Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n   */\n  igcChange: CustomEvent<IgcRangeSliderValue>;\n}\n\n/**\n * A range slider component used to select two numeric values within a range.\n *\n * @element igc-range-slider\n *\n * @fires igcInput - Emitted when a value is changed via thumb drag or keyboard interaction.\n * @fires igcChange - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n *\n * @csspart base - The base wrapper of the slider.\n * @csspart ticks - The ticks container.\n * @csspart tick-group - The tick group container.\n * @csspart tick - The tick element.\n * @csspart tick-label - The tick label element.\n * @csspart tick-label-inner - The inner element of the tick label.\n * @csspart thumbs - The thumbs container.\n * @csspart thumb - The thumb element.\n * @csspart thumb-label - The thumb tooltip label container.\n * @csspart thumb-label-inner - The thumb tooltip label inner element.\n * @csspart track - The track container.\n * @csspart steps - The track steps element.\n * @csspart inactive - The inactive element of the track.\n * @csspart fill - The filled part of the track.\n */\nexport default class IgcRangeSliderComponent extends EventEmitterMixin<\n  IgcRangeSliderEventMap,\n  Constructor<IgcSliderBaseComponent>\n>(IgcSliderBaseComponent) {\n  public static readonly tagName = 'igc-range-slider';\n\n  @query(`#thumbFrom`)\n  private thumbFrom!: HTMLElement;\n\n  @query(`#thumbTo`)\n  private thumbTo!: HTMLElement;\n\n  private _lower = 0;\n  private _upper = 0;\n\n  public set lower(val: number) {\n    const oldVal = this._lower;\n    this._lower = this.validateValue(val);\n    this.requestUpdate('lower', oldVal);\n  }\n\n  /**\n   * The current value of the lower thumb.\n   */\n  @property({ type: Number })\n  public get lower() {\n    return this._lower;\n  }\n\n  public set upper(val: number) {\n    const oldVal = this._upper;\n    this._upper = this.validateValue(val);\n    this.requestUpdate('upper', oldVal);\n  }\n\n  /**\n   * The current value of the upper thumb.\n   */\n  @property({ type: Number })\n  public get upper() {\n    return this._upper;\n  }\n\n  /**\n   * The aria label of the lower thumb.\n   */\n  @property({ attribute: 'aria-label-lower' })\n  public ariaLabelLower!: string;\n\n  /**\n   * The aria label of the upper thumb.\n   */\n  @property({ attribute: 'aria-label-upper' })\n  public ariaLabelUpper!: string;\n\n  protected override get activeValue(): number {\n    return this.activeThumb === this.thumbFrom ? this.lower : this.upper;\n  }\n\n  protected override normalizeValue(): void {\n    this._lower = this.validateValue(this._lower);\n    this._upper = this.validateValue(this._upper);\n  }\n\n  protected override getTrackStyle() {\n    const toPosition = this.valueToFraction(this.upper);\n    const fromPosition = this.valueToFraction(this.lower);\n    const positionGap = toPosition - fromPosition;\n\n    const filledTrackStyle = {\n      width: `${positionGap * 100}%`,\n      insetInlineStart: `${fromPosition * 100}%`,\n    };\n\n    return filledTrackStyle;\n  }\n\n  private closestTo(goal: number, positions: number[]): number {\n    return positions.reduce((previous, current) =>\n      Math.abs(goal - current) < Math.abs(goal - previous) ? current : previous\n    );\n  }\n\n  protected override closestHandle(event: PointerEvent): HTMLElement {\n    const fromOffset =\n      this.thumbFrom.offsetLeft + this.thumbFrom.offsetWidth / 2;\n    const toOffset = this.thumbTo.offsetLeft + this.thumbTo.offsetWidth / 2;\n    const xPointer = event.clientX - this.getBoundingClientRect().left;\n    const match = this.closestTo(xPointer, [fromOffset, toOffset]);\n\n    if (fromOffset === toOffset && toOffset < xPointer) {\n      return this.thumbTo;\n    } else if (fromOffset === toOffset && toOffset > xPointer) {\n      return this.thumbFrom;\n    } else if (match === fromOffset) {\n      return this.thumbFrom;\n    } else {\n      return this.thumbTo;\n    }\n  }\n\n  protected override updateValue(increment: number) {\n    const oldValue = this.activeValue;\n\n    let lower = this.lower;\n    let upper = this.upper;\n\n    if (this.activeThumb === this.thumbFrom) {\n      lower += increment;\n    } else {\n      upper += increment;\n    }\n\n    if (lower >= upper) {\n      this.swapValues(lower, upper);\n      this.toggleActiveThumb();\n    } else {\n      if (this.activeThumb === this.thumbFrom) {\n        this.lower = lower;\n      } else {\n        this.upper = upper;\n      }\n    }\n\n    if (oldValue === this.activeValue) {\n      return false;\n    }\n\n    this.emitInputEvent();\n    return true;\n  }\n\n  protected override emitInputEvent() {\n    this.emitEvent('igcInput', {\n      detail: { lower: this.lower, upper: this.upper },\n    });\n  }\n\n  protected override emitChangeEvent() {\n    this.emitEvent('igcChange', {\n      detail: { lower: this.lower, upper: this.upper },\n    });\n  }\n\n  private swapValues(lower: number, upper: number) {\n    this.lower = upper;\n    this.upper = lower;\n  }\n\n  private toggleActiveThumb() {\n    const thumb =\n      this.activeThumb === this.thumbFrom ? this.thumbTo : this.thumbFrom;\n    thumb.focus();\n  }\n\n  private handleFocus(ev: Event) {\n    this.activeThumb = ev.target as HTMLElement;\n    const thumbId = this.activeThumb?.id;\n    const thumbs = this.shadowRoot?.querySelectorAll('div[part=\"thumb\"]');\n\n    thumbs?.forEach((t) => {\n      if (t.id !== thumbId) {\n        const activeThumbVal = parseFloat(this.activeThumb!.ariaValueNow!);\n        const thumbVal = parseFloat(t.ariaValueNow!);\n        const rangeFrom = Math.min(activeThumbVal, thumbVal);\n        const rangeTo = Math.max(activeThumbVal, thumbVal);\n\n        this.activeThumb?.setAttribute(\n          'aria-valuetext',\n          `${this.formatValue(rangeFrom)} - ${this.formatValue(rangeTo)}`\n        );\n      }\n    });\n  }\n\n  protected override renderThumb(\n    value: number,\n    ariaLabel?: string,\n    thumbId?: string\n  ) {\n    const percent = `${this.valueToFraction(value) * 100}%`;\n    const ariaValueText =\n      thumbId === 'thumbFrom' ? `min ${this.lower}` : `max ${this.upper}`;\n\n    const textValue = this.labels\n      ? this.labels[value]\n      : this.valueFormat || this.valueFormatOptions\n      ? this.formatValue(value)\n      : ariaValueText;\n\n    return html`\n      <div\n        part=\"thumb\"\n        id=${ifDefined(thumbId)}\n        tabindex=${this.disabled ? -1 : 0}\n        style=${styleMap({ insetInlineStart: percent })}\n        role=\"slider\"\n        aria-valuemin=${this.actualMin}\n        aria-valuemax=${this.actualMax}\n        aria-valuenow=${value}\n        aria-valuetext=${ifDefined(textValue)}\n        aria-label=${ifDefined(ariaLabel)}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        @pointerenter=${this.handleThumbPointerEnter}\n        @pointerleave=${this.handleThumbPointerLeave}\n        @focus=${(ev: Event) => this.handleFocus(ev)}\n        @blur=${() => (this.activeThumb = undefined)}\n      ></div>\n      ${this.hideTooltip\n        ? html``\n        : html`\n            <div\n              part=\"thumb-label\"\n              style=${styleMap({\n                opacity: this.thumbLabelsVisible ? '1' : '0',\n                insetInlineStart: percent,\n              })}\n            >\n              <div part=\"thumb-label-inner\">\n                ${this.labels ? this.labels[value] : this.formatValue(value)}\n              </div>\n            </div>\n          `}\n    `;\n  }\n\n  protected override renderThumbs() {\n    return html`${this.renderThumb(\n      this.lower,\n      this.ariaLabelLower,\n      'thumbFrom'\n    )}\n    ${this.renderThumb(this.upper, this.ariaLabelUpper, 'thumbTo')}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-range-slider': IgcRangeSliderComponent;\n  }\n}\n"]}
+{"version":3,"file":"range-slider.js","sourceRoot":"","sources":["../../../src/components/slider/range-slider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AA0C1D,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,iBAAiB,CAGpE,sBAAsB,CAAC;IAHzB;;QAYU,WAAM,GAAG,CAAC,CAAC;QACX,WAAM,GAAG,CAAC,CAAC;IAgOrB,CAAC;IA9NC,IAAW,KAAK,CAAC,GAAW;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACtC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;IAMD,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAW,KAAK,CAAC,GAAW;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QACtC,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;IAMD,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAcD,IAAuB,WAAW;QAChC,OAAO,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IACvE,CAAC;IAEkB,cAAc;QAC/B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC;IAEkB,aAAa;QAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpD,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtD,MAAM,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;QAE9C,MAAM,gBAAgB,GAAG;YACvB,KAAK,EAAE,GAAG,WAAW,GAAG,GAAG,GAAG;YAC9B,gBAAgB,EAAE,GAAG,YAAY,GAAG,GAAG,GAAG;SAC3C,CAAC;QAEF,OAAO,gBAAgB,CAAC;IAC1B,CAAC;IAEO,SAAS,CAAC,IAAY,EAAE,SAAmB;QACjD,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,CAC5C,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAC1E,CAAC;IACJ,CAAC;IAEkB,aAAa,CAAC,KAAmB;QAClD,MAAM,UAAU,GACd,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,CAAC;QAC7D,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC;QACxE,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;QACnE,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;QAE/D,IAAI,UAAU,KAAK,QAAQ,IAAI,QAAQ,GAAG,QAAQ,EAAE;YAClD,OAAO,IAAI,CAAC,OAAO,CAAC;SACrB;aAAM,IAAI,UAAU,KAAK,QAAQ,IAAI,QAAQ,GAAG,QAAQ,EAAE;YACzD,OAAO,IAAI,CAAC,SAAS,CAAC;SACvB;aAAM,IAAI,KAAK,KAAK,UAAU,EAAE;YAC/B,OAAO,IAAI,CAAC,SAAS,CAAC;SACvB;aAAM;YACL,OAAO,IAAI,CAAC,OAAO,CAAC;SACrB;IACH,CAAC;IAEkB,WAAW,CAAC,SAAiB;QAC9C,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC;QAElC,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACvB,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAEvB,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,SAAS,EAAE;YACvC,KAAK,IAAI,SAAS,CAAC;SACpB;aAAM;YACL,KAAK,IAAI,SAAS,CAAC;SACpB;QAED,IAAI,KAAK,IAAI,KAAK,EAAE;YAClB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC9B,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B;aAAM;YACL,IAAI,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,SAAS,EAAE;gBACvC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;aACpB;iBAAM;gBACL,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;aACpB;SACF;QAED,IAAI,QAAQ,KAAK,IAAI,CAAC,WAAW,EAAE;YACjC,OAAO,KAAK,CAAC;SACd;QAED,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IACd,CAAC;IAEkB,cAAc;QAC/B,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE;YACzB,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;SACjD,CAAC,CAAC;IACL,CAAC;IAEkB,eAAe;QAChC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;YAC1B,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;SACjD,CAAC,CAAC;IACL,CAAC;IAEO,UAAU,CAAC,KAAa,EAAE,KAAa;QAC7C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAEO,iBAAiB;QACvB,MAAM,KAAK,GACT,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;QACtE,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC;IAEO,WAAW,CAAC,EAAS;;QAC3B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,MAAqB,CAAC;QAC5C,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,WAAW,0CAAE,EAAE,CAAC;QACrC,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;QAEtE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;;YACpB,IAAI,CAAC,CAAC,EAAE,KAAK,OAAO,EAAE;gBACpB,MAAM,cAAc,GAAG,UAAU,CAAC,IAAI,CAAC,WAAY,CAAC,YAAa,CAAC,CAAC;gBACnE,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,YAAa,CAAC,CAAC;gBAC7C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;gBACrD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;gBAEnD,MAAA,IAAI,CAAC,WAAW,0CAAE,YAAY,CAC5B,gBAAgB,EAChB,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAChE,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAEkB,WAAW,CAC5B,KAAa,EACb,SAAkB,EAClB,OAAgB;QAEhB,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACxD,MAAM,aAAa,GACjB,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;QAEtE,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM;YAC3B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;YACpB,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,kBAAkB;gBAC7C,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;gBACzB,CAAC,CAAC,aAAa,CAAC;QAElB,OAAO,IAAI,CAAA;;;aAGF,SAAS,CAAC,OAAO,CAAC;mBACZ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACzB,QAAQ,CAAC,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC;;wBAE/B,IAAI,CAAC,SAAS;wBACd,IAAI,CAAC,SAAS;wBACd,KAAK;yBACJ,SAAS,CAAC,SAAS,CAAC;qBACxB,SAAS,CAAC,SAAS,CAAC;wBACjB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;wBAChC,IAAI,CAAC,uBAAuB;wBAC5B,IAAI,CAAC,uBAAuB;iBACnC,CAAC,EAAS,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;gBACpC,GAAG,EAAE;;YAAC,OAAA,CACZ,MAAA,IAAI,CAAC,WAAW,0CAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;gBACxC,CAAC,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC,CAC/B,CAAA;SAAA;;QAED,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA,EAAE;YACR,CAAC,CAAC,IAAI,CAAA;;;sBAGQ,QAAQ,CAAC;gBACf,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;gBAC5C,gBAAgB,EAAE,OAAO;aAC1B,CAAC;;;kBAGE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;;;WAGjE;KACN,CAAC;IACJ,CAAC;IAEkB,YAAY;QAC7B,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,WAAW,CAC5B,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,cAAc,EACnB,WAAW,CACZ;MACC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,CAAC;IACnE,CAAC;;AAxOsB,+BAAO,GAAG,kBAAkB,CAAC;AAGpD;IADC,KAAK,CAAC,YAAY,CAAC;0DACY;AAGhC;IADC,KAAK,CAAC,UAAU,CAAC;wDACY;AAe9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAG1B;AAYD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDAG1B;AAMD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;+DACb;AAM/B;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;+DACb","sourcesContent":["import { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { IgcSliderBaseComponent } from './slider-base.js';\n\n/* blazorSuppress */\nexport interface IgcRangeSliderValue {\n  lower: number;\n  upper: number;\n}\n\nexport interface IgcRangeSliderEventMap {\n  /**\n   * Emitted when a value is changed via thumb drag or keyboard interaction.\n   */\n  igcInput: CustomEvent<IgcRangeSliderValue>;\n  /**\n   * Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n   */\n  igcChange: CustomEvent<IgcRangeSliderValue>;\n}\n\n/**\n * A range slider component used to select two numeric values within a range.\n *\n * @element igc-range-slider\n *\n * @fires igcInput - Emitted when a value is changed via thumb drag or keyboard interaction.\n * @fires igcChange - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n *\n * @csspart base - The base wrapper of the slider.\n * @csspart ticks - The ticks container.\n * @csspart tick-group - The tick group container.\n * @csspart tick - The tick element.\n * @csspart tick-label - The tick label element.\n * @csspart tick-label-inner - The inner element of the tick label.\n * @csspart thumbs - The thumbs container.\n * @csspart thumb - The thumb element.\n * @csspart thumb-label - The thumb tooltip label container.\n * @csspart thumb-label-inner - The thumb tooltip label inner element.\n * @csspart track - The track container.\n * @csspart steps - The track steps element.\n * @csspart inactive - The inactive element of the track.\n * @csspart fill - The filled part of the track.\n */\nexport default class IgcRangeSliderComponent extends EventEmitterMixin<\n  IgcRangeSliderEventMap,\n  Constructor<IgcSliderBaseComponent>\n>(IgcSliderBaseComponent) {\n  public static readonly tagName = 'igc-range-slider';\n\n  @query(`#thumbFrom`)\n  private thumbFrom!: HTMLElement;\n\n  @query(`#thumbTo`)\n  private thumbTo!: HTMLElement;\n\n  private _lower = 0;\n  private _upper = 0;\n\n  public set lower(val: number) {\n    const oldVal = this._lower;\n    this._lower = this.validateValue(val);\n    this.requestUpdate('lower', oldVal);\n  }\n\n  /**\n   * The current value of the lower thumb.\n   */\n  @property({ type: Number })\n  public get lower() {\n    return this._lower;\n  }\n\n  public set upper(val: number) {\n    const oldVal = this._upper;\n    this._upper = this.validateValue(val);\n    this.requestUpdate('upper', oldVal);\n  }\n\n  /**\n   * The current value of the upper thumb.\n   */\n  @property({ type: Number })\n  public get upper() {\n    return this._upper;\n  }\n\n  /**\n   * The aria label of the lower thumb.\n   */\n  @property({ attribute: 'aria-label-lower' })\n  public ariaLabelLower!: string;\n\n  /**\n   * The aria label of the upper thumb.\n   */\n  @property({ attribute: 'aria-label-upper' })\n  public ariaLabelUpper!: string;\n\n  protected override get activeValue(): number {\n    return this.activeThumb === this.thumbFrom ? this.lower : this.upper;\n  }\n\n  protected override normalizeValue(): void {\n    this._lower = this.validateValue(this._lower);\n    this._upper = this.validateValue(this._upper);\n  }\n\n  protected override getTrackStyle() {\n    const toPosition = this.valueToFraction(this.upper);\n    const fromPosition = this.valueToFraction(this.lower);\n    const positionGap = toPosition - fromPosition;\n\n    const filledTrackStyle = {\n      width: `${positionGap * 100}%`,\n      insetInlineStart: `${fromPosition * 100}%`,\n    };\n\n    return filledTrackStyle;\n  }\n\n  private closestTo(goal: number, positions: number[]): number {\n    return positions.reduce((previous, current) =>\n      Math.abs(goal - current) < Math.abs(goal - previous) ? current : previous\n    );\n  }\n\n  protected override closestHandle(event: PointerEvent): HTMLElement {\n    const fromOffset =\n      this.thumbFrom.offsetLeft + this.thumbFrom.offsetWidth / 2;\n    const toOffset = this.thumbTo.offsetLeft + this.thumbTo.offsetWidth / 2;\n    const xPointer = event.clientX - this.getBoundingClientRect().left;\n    const match = this.closestTo(xPointer, [fromOffset, toOffset]);\n\n    if (fromOffset === toOffset && toOffset < xPointer) {\n      return this.thumbTo;\n    } else if (fromOffset === toOffset && toOffset > xPointer) {\n      return this.thumbFrom;\n    } else if (match === fromOffset) {\n      return this.thumbFrom;\n    } else {\n      return this.thumbTo;\n    }\n  }\n\n  protected override updateValue(increment: number) {\n    const oldValue = this.activeValue;\n\n    let lower = this.lower;\n    let upper = this.upper;\n\n    if (this.activeThumb === this.thumbFrom) {\n      lower += increment;\n    } else {\n      upper += increment;\n    }\n\n    if (lower >= upper) {\n      this.swapValues(lower, upper);\n      this.toggleActiveThumb();\n    } else {\n      if (this.activeThumb === this.thumbFrom) {\n        this.lower = lower;\n      } else {\n        this.upper = upper;\n      }\n    }\n\n    if (oldValue === this.activeValue) {\n      return false;\n    }\n\n    this.emitInputEvent();\n    return true;\n  }\n\n  protected override emitInputEvent() {\n    this.emitEvent('igcInput', {\n      detail: { lower: this.lower, upper: this.upper },\n    });\n  }\n\n  protected override emitChangeEvent() {\n    this.emitEvent('igcChange', {\n      detail: { lower: this.lower, upper: this.upper },\n    });\n  }\n\n  private swapValues(lower: number, upper: number) {\n    this.lower = upper;\n    this.upper = lower;\n  }\n\n  private toggleActiveThumb() {\n    const thumb =\n      this.activeThumb === this.thumbFrom ? this.thumbTo : this.thumbFrom;\n    thumb.focus();\n  }\n\n  private handleFocus(ev: Event) {\n    this.activeThumb = ev.target as HTMLElement;\n    const thumbId = this.activeThumb?.id;\n    const thumbs = this.shadowRoot?.querySelectorAll('div[part=\"thumb\"]');\n\n    thumbs?.forEach((t) => {\n      if (t.id !== thumbId) {\n        const activeThumbVal = parseFloat(this.activeThumb!.ariaValueNow!);\n        const thumbVal = parseFloat(t.ariaValueNow!);\n        const rangeFrom = Math.min(activeThumbVal, thumbVal);\n        const rangeTo = Math.max(activeThumbVal, thumbVal);\n\n        this.activeThumb?.setAttribute(\n          'aria-valuetext',\n          `${this.formatValue(rangeFrom)} - ${this.formatValue(rangeTo)}`\n        );\n      }\n    });\n  }\n\n  protected override renderThumb(\n    value: number,\n    ariaLabel?: string,\n    thumbId?: string\n  ) {\n    const percent = `${this.valueToFraction(value) * 100}%`;\n    const ariaValueText =\n      thumbId === 'thumbFrom' ? `min ${this.lower}` : `max ${this.upper}`;\n\n    const textValue = this.labels\n      ? this.labels[value]\n      : this.valueFormat || this.valueFormatOptions\n      ? this.formatValue(value)\n      : ariaValueText;\n\n    return html`\n      <div\n        part=\"thumb\"\n        id=${ifDefined(thumbId)}\n        tabindex=${this.disabled ? -1 : 0}\n        style=${styleMap({ insetInlineStart: percent })}\n        role=\"slider\"\n        aria-valuemin=${this.actualMin}\n        aria-valuemax=${this.actualMax}\n        aria-valuenow=${value}\n        aria-valuetext=${ifDefined(textValue)}\n        aria-label=${ifDefined(ariaLabel)}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        @pointerenter=${this.handleThumbPointerEnter}\n        @pointerleave=${this.handleThumbPointerLeave}\n        @focus=${(ev: Event) => this.handleFocus(ev)}\n        @blur=${() => (\n          this.activeThumb?.part.remove('focused'),\n          (this.activeThumb = undefined)\n        )}\n      ></div>\n      ${this.hideTooltip\n        ? html``\n        : html`\n            <div\n              part=\"thumb-label\"\n              style=${styleMap({\n                opacity: this.thumbLabelsVisible ? '1' : '0',\n                insetInlineStart: percent,\n              })}\n            >\n              <div part=\"thumb-label-inner\">\n                ${this.labels ? this.labels[value] : this.formatValue(value)}\n              </div>\n            </div>\n          `}\n    `;\n  }\n\n  protected override renderThumbs() {\n    return html`${this.renderThumb(\n      this.lower,\n      this.ariaLabelLower,\n      'thumbFrom'\n    )}\n    ${this.renderThumb(this.upper, this.ariaLabelUpper, 'thumbTo')}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-range-slider': IgcRangeSliderComponent;\n  }\n}\n"]}

package/components/slider/slider-base.d.ts

@@ -94,6 +94,8 @@ export declare class IgcSliderBaseComponent extends LitElement {
     protected labelsChange(): void;
     constructor();
     connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected handleKeyUp(): void;
     protected handleSlotChange(): void;
     protected get activeValue(): number;
     protected normalizeValue(): void;

package/components/slider/slider-base.js

@@ -40,6 +40,7 @@ let IgcSliderBaseComponent = class IgcSliderBaseComponent extends LitElement {
         this.locale = 'en';
         this.tickLabelRotation = 0;
         this.pointerDown = (event) => {
+            var _a;
             const thumb = this.closestHandle(event);
             thumb.focus();
             this.startValue = this.activeValue;
@@ -48,6 +49,7 @@ let IgcSliderBaseComponent = class IgcSliderBaseComponent extends LitElement {
             this.pointerCaptured = true;
             this.showThumbLabels();
             event.preventDefault();
+            (_a = this.activeThumb) === null || _a === void 0 ? void 0 : _a.part.remove('focused');
         };
         this.pointerMove = (event) => {
             if (this.pointerCaptured) {
@@ -192,6 +194,14 @@ let IgcSliderBaseComponent = class IgcSliderBaseComponent extends LitElement {
     connectedCallback() {
         super.connectedCallback();
         this.normalizeValue();
+        this.addEventListener('keyup', this.handleKeyUp);
+    }
+    disconnectedCallback() {
+        this.removeEventListener('keyup', this.handleKeyUp);
+    }
+    handleKeyUp() {
+        var _a;
+        (_a = this.activeThumb) === null || _a === void 0 ? void 0 : _a.part.add('focused');
     }
     handleSlotChange() {
         this.labels =
@@ -372,7 +382,11 @@ let IgcSliderBaseComponent = class IgcSliderBaseComponent extends LitElement {
         @pointerenter=${this.handleThumbPointerEnter}
         @pointerleave=${this.handleThumbPointerLeave}
         @focus=${(ev) => (this.activeThumb = ev.target)}
-        @blur=${() => (this.activeThumb = undefined)}
+        @blur=${() => {
+            var _a;
+            return ((_a = this.activeThumb) === null || _a === void 0 ? void 0 : _a.part.remove('focused'),
+                (this.activeThumb = undefined));
+        }}
       ></div>
       ${this.hideTooltip
             ? html ``
@@ -436,7 +450,7 @@ let IgcSliderBaseComponent = class IgcSliderBaseComponent extends LitElement {
 };
 IgcSliderBaseComponent.styles = styles;
 __decorate([
-    query(`[part='thumb']`)
+    query(`[part~='thumb']`)
 ], IgcSliderBaseComponent.prototype, "thumb", void 0);
 __decorate([
     queryAssignedElements({ selector: 'igc-slider-label' })

package/components/slider/slider-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-base.js","sourceRoot":"","sources":["../../../src/components/slider/slider-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorTypeOverride } from '../common/decorators/blazorTypeOverride.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { styles } from './themes/light/slider.base.css.js';\nimport { styles as bootstrap } from './themes/light/slider.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/slider.fluent.css.js';\nimport { styles as indigo } from './themes/light/slider.indigo.css.js';\nimport { styles as material } from './themes/light/slider.material.css.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcSliderLabelComponent from './slider-label.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { isLTR } from '../common/util.js';\n\ndefineComponents(IgcSliderLabelComponent);\n\n@themes({ material, bootstrap, fluent, indigo })\n@blazorDeepImport\nexport class IgcSliderBaseComponent extends LitElement {\n  public static override styles = styles;\n\n  @query(`[part='thumb']`)\n  protected thumb!: HTMLElement;\n\n  @queryAssignedElements({ selector: 'igc-slider-label' })\n  private labelElements!: HTMLElement[];\n\n  private _lowerBound?: number;\n  private _upperBound?: number;\n  private _min = 0;\n  private _max = 100;\n  private _step = 1;\n  private startValue?: number;\n  private pointerCaptured = false;\n  private thumbHoverTimer: any;\n  protected activeThumb?: HTMLElement;\n\n  @state()\n  protected thumbLabelsVisible = false;\n\n  @state()\n  protected labels?: string[];\n\n  public set min(value: number) {\n    if (value < this.max) {\n      const oldVal = this._min;\n      this._min = this.labels ? 0 : value;\n      this.requestUpdate('min', oldVal);\n\n      if (typeof this.lowerBound === 'number' && this.lowerBound < value) {\n        this.lowerBound = value;\n      }\n    }\n  }\n\n  /**\n   * The minimum value of the slider scale. Defaults to 0.\n   */\n  @property({ type: Number })\n  public get min() {\n    return this._min;\n  }\n\n  public set max(value: number) {\n    if (value > this.min) {\n      const oldVal = this._max;\n      this._max = this.labels ? this.labels.length - 1 : value;\n      this.requestUpdate('max', oldVal);\n\n      if (typeof this.upperBound === 'number' && this.upperBound > value) {\n        this.upperBound = value;\n      }\n    }\n  }\n\n  /**\n   * The maximum value of the slider scale. Defaults to 100.\n   */\n  @property({ type: Number })\n  public get max() {\n    return this._max;\n  }\n\n  public set lowerBound(value: number | undefined) {\n    const oldVal = this._lowerBound;\n\n    if (typeof value === 'number') {\n      this._lowerBound = this.valueInRange(value, this.min, this.actualMax);\n    } else {\n      this._lowerBound = value;\n    }\n    this.requestUpdate('lowerBound', oldVal);\n  }\n\n  /**\n   * The lower bound of the slider value. If not set, the `min` value is applied.\n   */\n  @property({ type: Number, attribute: 'lower-bound' })\n  public get lowerBound(): number | undefined {\n    return this._lowerBound;\n  }\n\n  public set upperBound(value: number | undefined) {\n    const oldVal = this._upperBound;\n\n    if (typeof value === 'number') {\n      this._upperBound = this.valueInRange(value, this.actualMin, this.max);\n    } else {\n      this._upperBound = value;\n    }\n    this.requestUpdate('upperBound', oldVal);\n  }\n\n  /**\n   * The upper bound of the slider value. If not set, the `max` value is applied.\n   */\n  @property({ type: Number, attribute: 'upper-bound' })\n  public get upperBound(): number | undefined {\n    return this._upperBound;\n  }\n\n  /**\n   * Disables the UI interactions of the slider.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Marks the slider track as discrete so it displays the steps.\n   * If the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n   */\n  @property({ type: Boolean, attribute: 'discrete-track' })\n  public discreteTrack = false;\n\n  /**\n   * Hides the thumb tooltip.\n   */\n  @property({ type: Boolean, attribute: 'hide-tooltip' })\n  public hideTooltip = false;\n\n  public set step(value: number) {\n    const oldVal = this._step;\n    this._step = this.labels ? 1 : value;\n    this.requestUpdate('step', oldVal);\n  }\n\n  /**\n   * Specifies the granularity that the value must adhere to.\n   * If set to 0 no stepping is implied and any value in the range is allowed.\n   */\n  @property({ type: Number })\n  public get step() {\n    return this._step;\n  }\n\n  /**\n   * The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n   */\n  @property({ type: Number, attribute: 'primary-ticks' })\n  public primaryTicks = 0;\n\n  /**\n   * The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n   */\n  @property({ type: Number, attribute: 'secondary-ticks' })\n  public secondaryTicks = 0;\n\n  /**\n   * Changes the orientation of the ticks.\n   */\n  @property({ attribute: 'tick-orientation' })\n  public tickOrientation: 'mirror' | 'start' | 'end' = 'end';\n\n  /**\n   * Hides the primary tick labels.\n   */\n  @property({ type: Boolean, attribute: 'hide-primary-labels' })\n  public hidePrimaryLabels = false;\n\n  /**\n   * Hides the secondary tick labels.\n   */\n  @property({ type: Boolean, attribute: 'hide-secondary-labels' })\n  public hideSecondaryLabels = false;\n\n  /**\n   * The locale used to format the thumb and tick label values in the slider.\n   */\n  @property()\n  public locale = 'en';\n\n  /**\n   * String format used for the thumb and tick label values in the slider.\n   */\n  @property({ attribute: 'value-format' })\n  public valueFormat?: string;\n\n  /**\n   * Number format options used for the thumb and tick label values in the slider.\n   */\n  @property({ attribute: false })\n  public valueFormatOptions?: Intl.NumberFormatOptions;\n\n  /**\n   * The degrees for the rotation of the tick labels. Defaults to 0.\n   */\n  @property({ type: Number, reflect: true, attribute: 'tick-label-rotation' })\n  @blazorTypeOverride('TickLabelRotation', true)\n  public tickLabelRotation: 0 | 90 | -90 = 0;\n\n  @watch('min', { waitUntilFirstUpdate: true })\n  @watch('max', { waitUntilFirstUpdate: true })\n  @watch('lowerBound', { waitUntilFirstUpdate: true })\n  @watch('upperBound', { waitUntilFirstUpdate: true })\n  @watch('step', { waitUntilFirstUpdate: true })\n  protected constraintsChange() {\n    this.normalizeValue();\n  }\n\n  @watch('labels')\n  protected labelsChange() {\n    if (this.labels) {\n      this.min = 0;\n      this.max = this.labels.length - 1;\n      this.step = 1;\n    }\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('pointerdown', this.pointerDown);\n    this.addEventListener('pointermove', this.pointerMove);\n    this.addEventListener('lostpointercapture', this.lostPointerCapture);\n    this.addEventListener('keydown', this.handleKeydown);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.normalizeValue();\n  }\n\n  protected handleSlotChange() {\n    this.labels =\n      this.labelElements && this.labelElements.length\n        ? this.labelElements.map((e) => e.textContent as string)\n        : undefined;\n  }\n\n  /* c8 ignore next 3 */\n  protected get activeValue() {\n    return 0;\n  }\n\n  /* c8 ignore next */\n  protected normalizeValue(): void {}\n\n  /* c8 ignore next 3 */\n  protected getTrackStyle(): StyleInfo {\n    return {};\n  }\n\n  /* c8 ignore next 3 */\n  protected updateValue(_increment: number): boolean {\n    return false;\n  }\n\n  /* c8 ignore next 3 */\n  protected renderThumbs(): TemplateResult<1> {\n    return html``;\n  }\n\n  /* c8 ignore next */\n  protected emitInputEvent() {}\n\n  /* c8 ignore next */\n  protected emitChangeEvent() {}\n\n  protected get actualMin(): number {\n    return typeof this.lowerBound === 'number'\n      ? (this.lowerBound as number)\n      : this.min;\n  }\n\n  protected get actualMax(): number {\n    return typeof this.upperBound === 'number'\n      ? (this.upperBound as number)\n      : this.max;\n  }\n\n  protected validateValue(value: number) {\n    value = this.valueInRange(value, this.actualMin, this.actualMax);\n    value = this.normalizeByStep(value);\n\n    return value;\n  }\n\n  protected formatValue(value: number) {\n    return this.valueFormat\n      ? this.valueFormat.replace(\n          '{0}',\n          value.toLocaleString(this.locale, this.valueFormatOptions)\n        )\n      : value.toLocaleString(this.locale, this.valueFormatOptions);\n  }\n\n  private normalizeByStep(value: number) {\n    return this.step ? value - ((value - this.actualMin) % this.step) : value;\n  }\n\n  protected closestHandle(_event: PointerEvent): HTMLElement {\n    return this.thumb;\n  }\n\n  private totalTickCount() {\n    const primaryTicks = this.labels\n      ? this.primaryTicks > 0\n        ? this.labels.length\n        : 0\n      : this.primaryTicks === 1\n      ? 2\n      : this.primaryTicks;\n\n    return primaryTicks > 0\n      ? (primaryTicks - 1) * this.secondaryTicks + primaryTicks\n      : this.secondaryTicks > 0\n      ? this.secondaryTicks\n      : 0;\n  }\n\n  private tickValue(idx: number) {\n    const tickCount = this.totalTickCount();\n    const labelStep =\n      tickCount > 1\n        ? (this.max - this.min) / (tickCount - 1)\n        : this.max - this.min;\n    const labelVal = labelStep * idx;\n\n    return this.min + labelVal;\n  }\n\n  private isPrimary(idx: number) {\n    return this.primaryTicks <= 0\n      ? false\n      : idx % (this.secondaryTicks + 1) === 0;\n  }\n\n  private showThumbLabels() {\n    if (this.disabled || this.hideTooltip) {\n      return;\n    }\n\n    if (this.thumbHoverTimer) {\n      clearTimeout(this.thumbHoverTimer);\n      this.thumbHoverTimer = null;\n    }\n\n    this.thumbLabelsVisible = true;\n  }\n\n  private hideThumbLabels() {\n    if (this.pointerCaptured || !this.thumbLabelsVisible) {\n      return;\n    }\n\n    this.thumbHoverTimer = setTimeout(() => {\n      this.thumbLabelsVisible = false;\n    }, 750);\n  }\n\n  private valueInRange(value: number, min = 0, max = 100) {\n    return Math.max(Math.min(value, max), min);\n  }\n\n  protected valueToFraction(value: number) {\n    return (value - this.min) / (this.max - this.min);\n  }\n\n  private calculateTrackUpdate(mouseX: number): number {\n    if (!this.activeThumb) {\n      return 0;\n    }\n\n    const thumbBoundaries = this.activeThumb.getBoundingClientRect();\n    const thumbCenter = (thumbBoundaries.right - thumbBoundaries.left) / 2;\n    const thumbPositionX = thumbBoundaries.left + thumbCenter;\n\n    const scale = this.getBoundingClientRect().width / (this.max - this.min);\n    const change = isLTR(this)\n      ? mouseX - thumbPositionX\n      : thumbPositionX - mouseX;\n\n    if (this.step) {\n      const stepDistance = scale * this.step;\n      const stepDistanceCenter = stepDistance / 2;\n\n      // If the thumb scale range (slider update) is less than a half step,\n      // the position stays the same.\n      const scaleXPositive = Math.abs(change);\n      if (scaleXPositive < stepDistanceCenter) {\n        return 0;\n      }\n\n      return Math.round(change / stepDistance) * this.step;\n    } else {\n      return change / scale;\n    }\n  }\n\n  private updateSlider(mouseX: number) {\n    if (this.disabled) {\n      return;\n    }\n\n    const increment = this.calculateTrackUpdate(mouseX);\n    if (this.activeThumb && increment !== 0) {\n      this.updateValue(increment);\n    }\n  }\n\n  private pointerDown = (event: PointerEvent) => {\n    const thumb = this.closestHandle(event);\n    thumb.focus();\n\n    this.startValue = this.activeValue;\n    this.updateSlider(event.clientX);\n\n    this.setPointerCapture(event.pointerId);\n    this.pointerCaptured = true;\n    this.showThumbLabels();\n    event.preventDefault();\n  };\n\n  private pointerMove = (event: PointerEvent) => {\n    if (this.pointerCaptured) {\n      this.updateSlider(event.clientX);\n    }\n  };\n\n  private lostPointerCapture = () => {\n    this.pointerCaptured = false;\n    this.hideThumbLabels();\n\n    if (this.startValue! !== this.activeValue) {\n      this.emitChangeEvent();\n    }\n    this.startValue = undefined;\n  };\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const { key } = event;\n\n    let increment = 0;\n    const value = this.activeValue;\n    const step = this.step ? this.step : 1;\n    const ltr = isLTR(this);\n\n    switch (key) {\n      case 'ArrowLeft':\n        increment += ltr ? -step : step;\n        break;\n      case 'ArrowRight':\n        increment += ltr ? step : -step;\n        break;\n      case 'ArrowUp':\n        increment = step;\n        break;\n      case 'ArrowDown':\n        increment = -step;\n        break;\n      case 'Home':\n        increment = this.actualMin - value;\n        break;\n      case 'End':\n        increment = this.actualMax - value;\n        break;\n      case 'PageUp':\n        increment = Math.max((this.actualMax - this.actualMin) / 10, step);\n        break;\n      case 'PageDown':\n        increment = -Math.max((this.actualMax - this.actualMin) / 10, step);\n        break;\n      default:\n        return;\n    }\n\n    if (increment) {\n      const updated = this.updateValue(increment);\n      this.showThumbLabels();\n      this.hideThumbLabels();\n\n      if (updated) {\n        this.emitChangeEvent();\n      }\n    }\n  };\n\n  protected handleThumbPointerEnter = () => {\n    this.showThumbLabels();\n  };\n\n  protected handleThumbPointerLeave = () => {\n    this.hideThumbLabels();\n  };\n\n  protected renderTicks() {\n    const groups = [];\n    for (let i = 0, totalCount = this.totalTickCount(); i < totalCount; i++) {\n      const isPrimary = this.isPrimary(i);\n      groups.push(html`\n        <div part=\"tick-group\">\n          <div part=\"tick\" data-primary=${isPrimary}>\n            ${(isPrimary ? this.hidePrimaryLabels : this.hideSecondaryLabels)\n              ? html``\n              : html`\n                  <div part=\"tick-label\">\n                    <span part=\"tick-label-inner\">\n                      ${this.labels\n                        ? isPrimary\n                          ? this.labels[\n                              Math.round(i / (this.secondaryTicks + 1))\n                            ]\n                          : ''\n                        : this.formatValue(this.tickValue(i))}\n                    </span>\n                  </div>\n                `}\n          </div>\n        </div>\n      `);\n    }\n    return groups;\n  }\n\n  protected renderThumb(value: number, ariaLabel?: string, thumbId?: string) {\n    const percent = `${this.valueToFraction(value) * 100}%`;\n\n    return html`\n      <div\n        part=\"thumb\"\n        id=${ifDefined(thumbId)}\n        tabindex=${this.disabled ? -1 : 0}\n        style=${styleMap({ insetInlineStart: percent })}\n        role=\"slider\"\n        aria-valuemin=${this.actualMin}\n        aria-valuemax=${this.actualMax}\n        aria-valuenow=${value}\n        aria-valuetext=${ifDefined(\n          this.labels\n            ? this.labels[value]\n            : this.valueFormat || this.valueFormatOptions\n            ? this.formatValue(value)\n            : undefined\n        )}\n        aria-label=${ifDefined(ariaLabel)}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        @pointerenter=${this.handleThumbPointerEnter}\n        @pointerleave=${this.handleThumbPointerLeave}\n        @focus=${(ev: Event) => (this.activeThumb = ev.target as HTMLElement)}\n        @blur=${() => (this.activeThumb = undefined)}\n      ></div>\n      ${this.hideTooltip\n        ? html``\n        : html`\n            <div\n              part=\"thumb-label\"\n              style=${styleMap({\n                opacity: this.thumbLabelsVisible ? '1' : '0',\n                insetInlineStart: percent,\n              })}\n            >\n              <div part=\"thumb-label-inner\">\n                ${this.labels ? this.labels[value] : this.formatValue(value)}\n              </div>\n            </div>\n          `}\n    `;\n  }\n\n  private renderSteps() {\n    if (!this.discreteTrack || !this.step) {\n      return html``;\n    }\n\n    const trackRange = this.max - this.min;\n    const interval = ((100 / (trackRange / this.step)) * 10) / 10;\n\n    return html`\n      <div part=\"steps\">\n        <svg width=\"100%\" height=\"100%\" style=\"display: flex\">\n          <line\n            x1=\"0\"\n            y1=\"1\"\n            x2=\"100%\"\n            y2=\"1\"\n            stroke=\"currentColor\"\n            stroke-dasharray=\"0, calc(${interval * Math.sqrt(2)}%)\"\n            stroke-linecap=\"round\"\n            stroke-width=\"2px\"\n          ></line>\n        </svg>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        ${this.tickOrientation === 'mirror' || this.tickOrientation === 'start'\n          ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n          : html``}\n        <div part=\"track\">\n          <div part=\"inactive\"></div>\n          <div part=\"fill\" style=${styleMap(this.getTrackStyle())}></div>\n          ${this.renderSteps()}\n        </div>\n        ${this.tickOrientation !== 'start'\n          ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n          : html``}\n        <div part=\"thumbs\">${this.renderThumbs()}</div>\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"slider-base.js","sourceRoot":"","sources":["../../../src/components/slider/slider-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { StyleInfo, styleMap } from 'lit/directives/style-map.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorTypeOverride } from '../common/decorators/blazorTypeOverride.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { styles } from './themes/light/slider.base.css.js';\nimport { styles as bootstrap } from './themes/light/slider.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/slider.fluent.css.js';\nimport { styles as indigo } from './themes/light/slider.indigo.css.js';\nimport { styles as material } from './themes/light/slider.material.css.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcSliderLabelComponent from './slider-label.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { isLTR } from '../common/util.js';\n\ndefineComponents(IgcSliderLabelComponent);\n\n@themes({ material, bootstrap, fluent, indigo })\n@blazorDeepImport\nexport class IgcSliderBaseComponent extends LitElement {\n  public static override styles = styles;\n\n  @query(`[part~='thumb']`)\n  protected thumb!: HTMLElement;\n\n  @queryAssignedElements({ selector: 'igc-slider-label' })\n  private labelElements!: HTMLElement[];\n\n  private _lowerBound?: number;\n  private _upperBound?: number;\n  private _min = 0;\n  private _max = 100;\n  private _step = 1;\n  private startValue?: number;\n  private pointerCaptured = false;\n  private thumbHoverTimer: any;\n  protected activeThumb?: HTMLElement;\n\n  @state()\n  protected thumbLabelsVisible = false;\n\n  @state()\n  protected labels?: string[];\n\n  public set min(value: number) {\n    if (value < this.max) {\n      const oldVal = this._min;\n      this._min = this.labels ? 0 : value;\n      this.requestUpdate('min', oldVal);\n\n      if (typeof this.lowerBound === 'number' && this.lowerBound < value) {\n        this.lowerBound = value;\n      }\n    }\n  }\n\n  /**\n   * The minimum value of the slider scale. Defaults to 0.\n   */\n  @property({ type: Number })\n  public get min() {\n    return this._min;\n  }\n\n  public set max(value: number) {\n    if (value > this.min) {\n      const oldVal = this._max;\n      this._max = this.labels ? this.labels.length - 1 : value;\n      this.requestUpdate('max', oldVal);\n\n      if (typeof this.upperBound === 'number' && this.upperBound > value) {\n        this.upperBound = value;\n      }\n    }\n  }\n\n  /**\n   * The maximum value of the slider scale. Defaults to 100.\n   */\n  @property({ type: Number })\n  public get max() {\n    return this._max;\n  }\n\n  public set lowerBound(value: number | undefined) {\n    const oldVal = this._lowerBound;\n\n    if (typeof value === 'number') {\n      this._lowerBound = this.valueInRange(value, this.min, this.actualMax);\n    } else {\n      this._lowerBound = value;\n    }\n    this.requestUpdate('lowerBound', oldVal);\n  }\n\n  /**\n   * The lower bound of the slider value. If not set, the `min` value is applied.\n   */\n  @property({ type: Number, attribute: 'lower-bound' })\n  public get lowerBound(): number | undefined {\n    return this._lowerBound;\n  }\n\n  public set upperBound(value: number | undefined) {\n    const oldVal = this._upperBound;\n\n    if (typeof value === 'number') {\n      this._upperBound = this.valueInRange(value, this.actualMin, this.max);\n    } else {\n      this._upperBound = value;\n    }\n    this.requestUpdate('upperBound', oldVal);\n  }\n\n  /**\n   * The upper bound of the slider value. If not set, the `max` value is applied.\n   */\n  @property({ type: Number, attribute: 'upper-bound' })\n  public get upperBound(): number | undefined {\n    return this._upperBound;\n  }\n\n  /**\n   * Disables the UI interactions of the slider.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /**\n   * Marks the slider track as discrete so it displays the steps.\n   * If the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.\n   */\n  @property({ type: Boolean, attribute: 'discrete-track' })\n  public discreteTrack = false;\n\n  /**\n   * Hides the thumb tooltip.\n   */\n  @property({ type: Boolean, attribute: 'hide-tooltip' })\n  public hideTooltip = false;\n\n  public set step(value: number) {\n    const oldVal = this._step;\n    this._step = this.labels ? 1 : value;\n    this.requestUpdate('step', oldVal);\n  }\n\n  /**\n   * Specifies the granularity that the value must adhere to.\n   * If set to 0 no stepping is implied and any value in the range is allowed.\n   */\n  @property({ type: Number })\n  public get step() {\n    return this._step;\n  }\n\n  /**\n   * The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.\n   */\n  @property({ type: Number, attribute: 'primary-ticks' })\n  public primaryTicks = 0;\n\n  /**\n   * The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.\n   */\n  @property({ type: Number, attribute: 'secondary-ticks' })\n  public secondaryTicks = 0;\n\n  /**\n   * Changes the orientation of the ticks.\n   */\n  @property({ attribute: 'tick-orientation' })\n  public tickOrientation: 'mirror' | 'start' | 'end' = 'end';\n\n  /**\n   * Hides the primary tick labels.\n   */\n  @property({ type: Boolean, attribute: 'hide-primary-labels' })\n  public hidePrimaryLabels = false;\n\n  /**\n   * Hides the secondary tick labels.\n   */\n  @property({ type: Boolean, attribute: 'hide-secondary-labels' })\n  public hideSecondaryLabels = false;\n\n  /**\n   * The locale used to format the thumb and tick label values in the slider.\n   */\n  @property()\n  public locale = 'en';\n\n  /**\n   * String format used for the thumb and tick label values in the slider.\n   */\n  @property({ attribute: 'value-format' })\n  public valueFormat?: string;\n\n  /**\n   * Number format options used for the thumb and tick label values in the slider.\n   */\n  @property({ attribute: false })\n  public valueFormatOptions?: Intl.NumberFormatOptions;\n\n  /**\n   * The degrees for the rotation of the tick labels. Defaults to 0.\n   */\n  @property({ type: Number, reflect: true, attribute: 'tick-label-rotation' })\n  @blazorTypeOverride('TickLabelRotation', true)\n  public tickLabelRotation: 0 | 90 | -90 = 0;\n\n  @watch('min', { waitUntilFirstUpdate: true })\n  @watch('max', { waitUntilFirstUpdate: true })\n  @watch('lowerBound', { waitUntilFirstUpdate: true })\n  @watch('upperBound', { waitUntilFirstUpdate: true })\n  @watch('step', { waitUntilFirstUpdate: true })\n  protected constraintsChange() {\n    this.normalizeValue();\n  }\n\n  @watch('labels')\n  protected labelsChange() {\n    if (this.labels) {\n      this.min = 0;\n      this.max = this.labels.length - 1;\n      this.step = 1;\n    }\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('pointerdown', this.pointerDown);\n    this.addEventListener('pointermove', this.pointerMove);\n    this.addEventListener('lostpointercapture', this.lostPointerCapture);\n    this.addEventListener('keydown', this.handleKeydown);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.normalizeValue();\n    this.addEventListener('keyup', this.handleKeyUp);\n  }\n\n  public override disconnectedCallback() {\n    this.removeEventListener('keyup', this.handleKeyUp);\n  }\n\n  protected handleKeyUp() {\n    this.activeThumb?.part.add('focused');\n  }\n\n  protected handleSlotChange() {\n    this.labels =\n      this.labelElements && this.labelElements.length\n        ? this.labelElements.map((e) => e.textContent as string)\n        : undefined;\n  }\n\n  /* c8 ignore next 3 */\n  protected get activeValue() {\n    return 0;\n  }\n\n  /* c8 ignore next */\n  protected normalizeValue(): void {}\n\n  /* c8 ignore next 3 */\n  protected getTrackStyle(): StyleInfo {\n    return {};\n  }\n\n  /* c8 ignore next 3 */\n  protected updateValue(_increment: number): boolean {\n    return false;\n  }\n\n  /* c8 ignore next 3 */\n  protected renderThumbs(): TemplateResult<1> {\n    return html``;\n  }\n\n  /* c8 ignore next */\n  protected emitInputEvent() {}\n\n  /* c8 ignore next */\n  protected emitChangeEvent() {}\n\n  protected get actualMin(): number {\n    return typeof this.lowerBound === 'number'\n      ? (this.lowerBound as number)\n      : this.min;\n  }\n\n  protected get actualMax(): number {\n    return typeof this.upperBound === 'number'\n      ? (this.upperBound as number)\n      : this.max;\n  }\n\n  protected validateValue(value: number) {\n    value = this.valueInRange(value, this.actualMin, this.actualMax);\n    value = this.normalizeByStep(value);\n\n    return value;\n  }\n\n  protected formatValue(value: number) {\n    return this.valueFormat\n      ? this.valueFormat.replace(\n          '{0}',\n          value.toLocaleString(this.locale, this.valueFormatOptions)\n        )\n      : value.toLocaleString(this.locale, this.valueFormatOptions);\n  }\n\n  private normalizeByStep(value: number) {\n    return this.step ? value - ((value - this.actualMin) % this.step) : value;\n  }\n\n  protected closestHandle(_event: PointerEvent): HTMLElement {\n    return this.thumb;\n  }\n\n  private totalTickCount() {\n    const primaryTicks = this.labels\n      ? this.primaryTicks > 0\n        ? this.labels.length\n        : 0\n      : this.primaryTicks === 1\n      ? 2\n      : this.primaryTicks;\n\n    return primaryTicks > 0\n      ? (primaryTicks - 1) * this.secondaryTicks + primaryTicks\n      : this.secondaryTicks > 0\n      ? this.secondaryTicks\n      : 0;\n  }\n\n  private tickValue(idx: number) {\n    const tickCount = this.totalTickCount();\n    const labelStep =\n      tickCount > 1\n        ? (this.max - this.min) / (tickCount - 1)\n        : this.max - this.min;\n    const labelVal = labelStep * idx;\n\n    return this.min + labelVal;\n  }\n\n  private isPrimary(idx: number) {\n    return this.primaryTicks <= 0\n      ? false\n      : idx % (this.secondaryTicks + 1) === 0;\n  }\n\n  private showThumbLabels() {\n    if (this.disabled || this.hideTooltip) {\n      return;\n    }\n\n    if (this.thumbHoverTimer) {\n      clearTimeout(this.thumbHoverTimer);\n      this.thumbHoverTimer = null;\n    }\n\n    this.thumbLabelsVisible = true;\n  }\n\n  private hideThumbLabels() {\n    if (this.pointerCaptured || !this.thumbLabelsVisible) {\n      return;\n    }\n\n    this.thumbHoverTimer = setTimeout(() => {\n      this.thumbLabelsVisible = false;\n    }, 750);\n  }\n\n  private valueInRange(value: number, min = 0, max = 100) {\n    return Math.max(Math.min(value, max), min);\n  }\n\n  protected valueToFraction(value: number) {\n    return (value - this.min) / (this.max - this.min);\n  }\n\n  private calculateTrackUpdate(mouseX: number): number {\n    if (!this.activeThumb) {\n      return 0;\n    }\n\n    const thumbBoundaries = this.activeThumb.getBoundingClientRect();\n    const thumbCenter = (thumbBoundaries.right - thumbBoundaries.left) / 2;\n    const thumbPositionX = thumbBoundaries.left + thumbCenter;\n\n    const scale = this.getBoundingClientRect().width / (this.max - this.min);\n    const change = isLTR(this)\n      ? mouseX - thumbPositionX\n      : thumbPositionX - mouseX;\n\n    if (this.step) {\n      const stepDistance = scale * this.step;\n      const stepDistanceCenter = stepDistance / 2;\n\n      // If the thumb scale range (slider update) is less than a half step,\n      // the position stays the same.\n      const scaleXPositive = Math.abs(change);\n      if (scaleXPositive < stepDistanceCenter) {\n        return 0;\n      }\n\n      return Math.round(change / stepDistance) * this.step;\n    } else {\n      return change / scale;\n    }\n  }\n\n  private updateSlider(mouseX: number) {\n    if (this.disabled) {\n      return;\n    }\n\n    const increment = this.calculateTrackUpdate(mouseX);\n    if (this.activeThumb && increment !== 0) {\n      this.updateValue(increment);\n    }\n  }\n\n  private pointerDown = (event: PointerEvent) => {\n    const thumb = this.closestHandle(event);\n    thumb.focus();\n\n    this.startValue = this.activeValue;\n    this.updateSlider(event.clientX);\n\n    this.setPointerCapture(event.pointerId);\n    this.pointerCaptured = true;\n    this.showThumbLabels();\n    event.preventDefault();\n    this.activeThumb?.part.remove('focused');\n  };\n\n  private pointerMove = (event: PointerEvent) => {\n    if (this.pointerCaptured) {\n      this.updateSlider(event.clientX);\n    }\n  };\n\n  private lostPointerCapture = () => {\n    this.pointerCaptured = false;\n    this.hideThumbLabels();\n\n    if (this.startValue! !== this.activeValue) {\n      this.emitChangeEvent();\n    }\n    this.startValue = undefined;\n  };\n\n  private handleKeydown = (event: KeyboardEvent) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const { key } = event;\n\n    let increment = 0;\n    const value = this.activeValue;\n    const step = this.step ? this.step : 1;\n    const ltr = isLTR(this);\n\n    switch (key) {\n      case 'ArrowLeft':\n        increment += ltr ? -step : step;\n        break;\n      case 'ArrowRight':\n        increment += ltr ? step : -step;\n        break;\n      case 'ArrowUp':\n        increment = step;\n        break;\n      case 'ArrowDown':\n        increment = -step;\n        break;\n      case 'Home':\n        increment = this.actualMin - value;\n        break;\n      case 'End':\n        increment = this.actualMax - value;\n        break;\n      case 'PageUp':\n        increment = Math.max((this.actualMax - this.actualMin) / 10, step);\n        break;\n      case 'PageDown':\n        increment = -Math.max((this.actualMax - this.actualMin) / 10, step);\n        break;\n      default:\n        return;\n    }\n\n    if (increment) {\n      const updated = this.updateValue(increment);\n      this.showThumbLabels();\n      this.hideThumbLabels();\n\n      if (updated) {\n        this.emitChangeEvent();\n      }\n    }\n  };\n\n  protected handleThumbPointerEnter = () => {\n    this.showThumbLabels();\n  };\n\n  protected handleThumbPointerLeave = () => {\n    this.hideThumbLabels();\n  };\n\n  protected renderTicks() {\n    const groups = [];\n    for (let i = 0, totalCount = this.totalTickCount(); i < totalCount; i++) {\n      const isPrimary = this.isPrimary(i);\n      groups.push(html`\n        <div part=\"tick-group\">\n          <div part=\"tick\" data-primary=${isPrimary}>\n            ${(isPrimary ? this.hidePrimaryLabels : this.hideSecondaryLabels)\n              ? html``\n              : html`\n                  <div part=\"tick-label\">\n                    <span part=\"tick-label-inner\">\n                      ${this.labels\n                        ? isPrimary\n                          ? this.labels[\n                              Math.round(i / (this.secondaryTicks + 1))\n                            ]\n                          : ''\n                        : this.formatValue(this.tickValue(i))}\n                    </span>\n                  </div>\n                `}\n          </div>\n        </div>\n      `);\n    }\n    return groups;\n  }\n\n  protected renderThumb(value: number, ariaLabel?: string, thumbId?: string) {\n    const percent = `${this.valueToFraction(value) * 100}%`;\n\n    return html`\n      <div\n        part=\"thumb\"\n        id=${ifDefined(thumbId)}\n        tabindex=${this.disabled ? -1 : 0}\n        style=${styleMap({ insetInlineStart: percent })}\n        role=\"slider\"\n        aria-valuemin=${this.actualMin}\n        aria-valuemax=${this.actualMax}\n        aria-valuenow=${value}\n        aria-valuetext=${ifDefined(\n          this.labels\n            ? this.labels[value]\n            : this.valueFormat || this.valueFormatOptions\n            ? this.formatValue(value)\n            : undefined\n        )}\n        aria-label=${ifDefined(ariaLabel)}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        @pointerenter=${this.handleThumbPointerEnter}\n        @pointerleave=${this.handleThumbPointerLeave}\n        @focus=${(ev: Event) => (this.activeThumb = ev.target as HTMLElement)}\n        @blur=${() => (\n          this.activeThumb?.part.remove('focused'),\n          (this.activeThumb = undefined)\n        )}\n      ></div>\n      ${this.hideTooltip\n        ? html``\n        : html`\n            <div\n              part=\"thumb-label\"\n              style=${styleMap({\n                opacity: this.thumbLabelsVisible ? '1' : '0',\n                insetInlineStart: percent,\n              })}\n            >\n              <div part=\"thumb-label-inner\">\n                ${this.labels ? this.labels[value] : this.formatValue(value)}\n              </div>\n            </div>\n          `}\n    `;\n  }\n\n  private renderSteps() {\n    if (!this.discreteTrack || !this.step) {\n      return html``;\n    }\n\n    const trackRange = this.max - this.min;\n    const interval = ((100 / (trackRange / this.step)) * 10) / 10;\n\n    return html`\n      <div part=\"steps\">\n        <svg width=\"100%\" height=\"100%\" style=\"display: flex\">\n          <line\n            x1=\"0\"\n            y1=\"1\"\n            x2=\"100%\"\n            y2=\"1\"\n            stroke=\"currentColor\"\n            stroke-dasharray=\"0, calc(${interval * Math.sqrt(2)}%)\"\n            stroke-linecap=\"round\"\n            stroke-width=\"2px\"\n          ></line>\n        </svg>\n      </div>\n    `;\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        ${this.tickOrientation === 'mirror' || this.tickOrientation === 'start'\n          ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n          : html``}\n        <div part=\"track\">\n          <div part=\"inactive\"></div>\n          <div part=\"fill\" style=${styleMap(this.getTrackStyle())}></div>\n          ${this.renderSteps()}\n        </div>\n        ${this.tickOrientation !== 'start'\n          ? html`<div part=\"ticks\">${this.renderTicks()}</div>`\n          : html``}\n        <div part=\"thumbs\">${this.renderThumbs()}</div>\n        <slot @slotchange=${this.handleSlotChange}></slot>\n      </div>\n    `;\n  }\n}\n"]}

package/components/slider/themes/light/slider.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:block}slot{display:none}[part=base]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;font-family:var(--igc-font-family)}[part=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*2rem,2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;background:hsla(var(--igc-secondary-500), 0.24);-webkit-transition:background .2s ease-out;-o-transition:background .2s ease-out;transition:background .2s ease-out;border-radius:inherit}[part=steps]{position:absolute;width:100%;height:.25rem;opacity:.85;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff}[part=steps] svg{-webkit-clip-path:inset(0 0.1875rem 0 0.1875rem);clip-path:inset(0 0.1875rem 0 0.1875rem)}[part=steps] line{-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);stroke:currentcolor;stroke-width:.1875rem;stroke-linecap:round}[part=ticks]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part=ticks]:first-child{bottom:auto;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[part=ticks]:first-child [part=tick-label]{top:auto;bottom:1.5rem}[part=tick-group]:first-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick-group]:last-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick]{background:hsla(var(--igc-gray-500), var(--igc-gray-a));height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{color:hsla(var(--igc-gray-500), var(--igc-gray-a));position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom)}[part=tick-label-inner]{-webkit-margin-start:-50%;margin-inline-start:-50%}[part=thumbs]{position:absolute;width:100%;height:0;cursor:default;inset-inline-start:0}[part=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline-style:none;-webkit-transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out,-webkit-transform .1s ease-out;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part=thumb-label]{position:absolute;top:calc((1.875rem + 1.25rem)*-1);pointer-events:none;height:1.875rem;display:-webkit-box;display:-ms-flexbox;display:flex}[part=thumb-label-inner]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);display:-webkit-box;display:-ms-flexbox;display:flex;min-width:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;-webkit-margin-start:-50%;margin-inline-start:-50%;padding:0 .125rem;color:var(--igc-gray-700-contrast);background:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=thumb-label-inner]::after{content:"";position:absolute;top:85%;border-left:.625rem solid rgba(0,0,0,0);border-right:.625rem solid rgba(0,0,0,0);border-top:.625rem solid hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([tick-label-rotation="0"])) [part=tick-label-inner]{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-margin-start:0;margin-inline-start:0;margin-block:-50%}:host([tick-label-rotation="-90"]) [part=tick-label-inner]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part=fill],:host([disabled]) [part=tick]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=tick-label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=thumb]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=thumb]:focus::after{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}:host([disabled]):hover [part=inactive]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]):hover [part=thumb]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:block}slot{display:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;font-family:var(--igc-font-family)}[part=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*2rem,2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;background:hsla(var(--igc-secondary-500), 0.24);-webkit-transition:background .2s ease-out;-o-transition:background .2s ease-out;transition:background .2s ease-out;border-radius:inherit}[part=steps]{position:absolute;width:100%;height:.25rem;opacity:.85;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff}[part=steps] svg{-webkit-clip-path:inset(0 0.1875rem 0 0.1875rem);clip-path:inset(0 0.1875rem 0 0.1875rem)}[part=steps] line{-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);stroke:currentcolor;stroke-width:.1875rem;stroke-linecap:round}[part=ticks]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part=ticks]:first-child{bottom:auto;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[part=ticks]:first-child [part=tick-label]{top:auto;bottom:1.5rem}[part=tick-group]:first-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick-group]:last-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick]{background:hsla(var(--igc-gray-500), var(--igc-gray-a));height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{color:hsla(var(--igc-gray-500), var(--igc-gray-a));position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom)}[part=tick-label-inner]{-webkit-margin-start:-50%;margin-inline-start:-50%}[part=thumbs]{position:absolute;width:100%;height:0;cursor:default;inset-inline-start:0}[part~=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline-style:none;-webkit-transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out,-webkit-transform .1s ease-out;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part=thumb-label]{position:absolute;top:calc((1.875rem + 1.25rem)*-1);pointer-events:none;height:1.875rem;display:-webkit-box;display:-ms-flexbox;display:flex}[part=thumb-label-inner]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);display:-webkit-box;display:-ms-flexbox;display:flex;min-width:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;-webkit-margin-start:-50%;margin-inline-start:-50%;padding:0 .125rem;color:var(--igc-gray-700-contrast);background:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=thumb-label-inner]::after{content:"";position:absolute;top:85%;border-left:.625rem solid rgba(0,0,0,0);border-right:.625rem solid rgba(0,0,0,0);border-top:.625rem solid hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([tick-label-rotation="0"])) [part=tick-label-inner]{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-margin-start:0;margin-inline-start:0;margin-block:-50%}:host([tick-label-rotation="-90"]) [part=tick-label-inner]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part=fill],:host([disabled]) [part=tick]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=tick-label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=thumb]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=thumb]:focus::after{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}:host([disabled]):hover [part=inactive]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]):hover [part~=thumb]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
 //# sourceMappingURL=slider.base.css.js.map

package/components/slider/themes/light/slider.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.base.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qvNAAqvN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:block}slot{display:none}[part=base]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;font-family:var(--igc-font-family)}[part=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*2rem,2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;background:hsla(var(--igc-secondary-500), 0.24);-webkit-transition:background .2s ease-out;-o-transition:background .2s ease-out;transition:background .2s ease-out;border-radius:inherit}[part=steps]{position:absolute;width:100%;height:.25rem;opacity:.85;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff}[part=steps] svg{-webkit-clip-path:inset(0 0.1875rem 0 0.1875rem);clip-path:inset(0 0.1875rem 0 0.1875rem)}[part=steps] line{-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);stroke:currentcolor;stroke-width:.1875rem;stroke-linecap:round}[part=ticks]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part=ticks]:first-child{bottom:auto;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[part=ticks]:first-child [part=tick-label]{top:auto;bottom:1.5rem}[part=tick-group]:first-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick-group]:last-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick]{background:hsla(var(--igc-gray-500), var(--igc-gray-a));height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{color:hsla(var(--igc-gray-500), var(--igc-gray-a));position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom)}[part=tick-label-inner]{-webkit-margin-start:-50%;margin-inline-start:-50%}[part=thumbs]{position:absolute;width:100%;height:0;cursor:default;inset-inline-start:0}[part=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline-style:none;-webkit-transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out,-webkit-transform .1s ease-out;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part=thumb-label]{position:absolute;top:calc((1.875rem + 1.25rem)*-1);pointer-events:none;height:1.875rem;display:-webkit-box;display:-ms-flexbox;display:flex}[part=thumb-label-inner]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);display:-webkit-box;display:-ms-flexbox;display:flex;min-width:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;-webkit-margin-start:-50%;margin-inline-start:-50%;padding:0 .125rem;color:var(--igc-gray-700-contrast);background:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=thumb-label-inner]::after{content:\"\";position:absolute;top:85%;border-left:.625rem solid rgba(0,0,0,0);border-right:.625rem solid rgba(0,0,0,0);border-top:.625rem solid hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([tick-label-rotation=\"0\"])) [part=tick-label-inner]{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-margin-start:0;margin-inline-start:0;margin-block:-50%}:host([tick-label-rotation=\"-90\"]) [part=tick-label-inner]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part=fill],:host([disabled]) [part=tick]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=tick-label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=thumb]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=thumb]:focus::after{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}:host([disabled]):hover [part=inactive]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]):hover [part=thumb]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"slider.base.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0vNAA0vN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:block}slot{display:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;font-family:var(--igc-font-family)}[part=track]{border-radius:clamp(0rem,var(--igc-radius-factor)*2rem,2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;background:hsla(var(--igc-secondary-500), 0.24);-webkit-transition:background .2s ease-out;-o-transition:background .2s ease-out;transition:background .2s ease-out;border-radius:inherit}[part=steps]{position:absolute;width:100%;height:.25rem;opacity:.85;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff}[part=steps] svg{-webkit-clip-path:inset(0 0.1875rem 0 0.1875rem);clip-path:inset(0 0.1875rem 0 0.1875rem)}[part=steps] line{-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);stroke:currentcolor;stroke-width:.1875rem;stroke-linecap:round}[part=ticks]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part=ticks]:first-child{bottom:auto;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[part=ticks]:first-child [part=tick-label]{top:auto;bottom:1.5rem}[part=tick-group]:first-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick-group]:last-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick]{background:hsla(var(--igc-gray-500), var(--igc-gray-a));height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{color:hsla(var(--igc-gray-500), var(--igc-gray-a));position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom)}[part=tick-label-inner]{-webkit-margin-start:-50%;margin-inline-start:-50%}[part=thumbs]{position:absolute;width:100%;height:0;cursor:default;inset-inline-start:0}[part~=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline-style:none;-webkit-transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out,-webkit-transform .1s ease-out;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part=thumb-label]{position:absolute;top:calc((1.875rem + 1.25rem)*-1);pointer-events:none;height:1.875rem;display:-webkit-box;display:-ms-flexbox;display:flex}[part=thumb-label-inner]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);display:-webkit-box;display:-ms-flexbox;display:flex;min-width:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;-webkit-margin-start:-50%;margin-inline-start:-50%;padding:0 .125rem;color:var(--igc-gray-700-contrast);background:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=thumb-label-inner]::after{content:\"\";position:absolute;top:85%;border-left:.625rem solid rgba(0,0,0,0);border-right:.625rem solid rgba(0,0,0,0);border-top:.625rem solid hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:not([tick-label-rotation=\"0\"])) [part=tick-label-inner]{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-margin-start:0;margin-inline-start:0;margin-block:-50%}:host([tick-label-rotation=\"-90\"]) [part=tick-label-inner]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part=fill],:host([disabled]) [part=tick]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part=tick-label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=thumb]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=thumb]:focus::after{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}:host([disabled]):hover [part=inactive]{background:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]):hover [part~=thumb]{border-color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=track],[part=inactive]{height:.5rem}[part=fill]{display:none}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-secondary-500), 0.24))}[part=thumb]{width:1rem;height:1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));top:calc((1rem - calc(1rem / 2))*-1);-webkit-margin-start:calc((1rem - calc(1rem / 2))*-1);margin-inline-start:calc((1rem - calc(1rem / 2))*-1)}[part=thumb]:focus{border:.0625rem solid hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}`;
+export const styles = css `[part=track],[part=inactive]{height:.5rem}[part=fill]{display:none}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-secondary-500), 0.24))}[part~=thumb]{width:1rem;height:1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));top:calc((1rem - calc(1rem / 2))*-1);-webkit-margin-start:calc((1rem - calc(1rem / 2))*-1);margin-inline-start:calc((1rem - calc(1rem / 2))*-1)}[part~=thumb]:focus{border:.0625rem solid hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}`;
 //# sourceMappingURL=slider.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ipBAAipB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=track],[part=inactive]{height:.5rem}[part=fill]{display:none}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-secondary-500), 0.24))}[part=thumb]{width:1rem;height:1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));top:calc((1rem - calc(1rem / 2))*-1);-webkit-margin-start:calc((1rem - calc(1rem / 2))*-1);margin-inline-start:calc((1rem - calc(1rem / 2))*-1)}[part=thumb]:focus{border:.0625rem solid hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}`;\n"]}
+{"version":3,"file":"slider.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mpBAAmpB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=track],[part=inactive]{height:.5rem}[part=fill]{display:none}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-secondary-500), 0.24))}[part~=thumb]{width:1rem;height:1rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));top:calc((1rem - calc(1rem / 2))*-1);-webkit-margin-start:calc((1rem - calc(1rem / 2))*-1);margin-inline-start:calc((1rem - calc(1rem / 2))*-1)}[part~=thumb]:focus{border:.0625rem solid hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host(:hover) [part=inactive]{background:hsla(var(--igc-primary-500), 0.32)}:host(:hover) [part=fill]{background:var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host(:hover) [part=thumb]{border-color:var(--thumb-hover-border, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)));top:initial}[part=fill]{background:var(--fill-background, hsla(var(--igc-gray-700), var(--igc-gray-a)))}[part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border:.125rem solid var(--thumb-border, hsla(var(--igc-gray-700), var(--igc-gray-a)));width:1rem;height:1rem;top:calc((1rem - 0.5rem)*-1);-webkit-margin-start:calc((1rem - 0.5rem)*-1);margin-inline-start:calc((1rem - 0.5rem)*-1)}:host([disabled]) [part=inactive]{background:var(--inactive-disabled-background, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host([disabled]) [part=fill]{background:var(--fill-disabled-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border-color:var(--thumb-disabled-border, hsla(var(--igc-gray-400), var(--igc-gray-a)))}`;
+export const styles = css `:host(:hover) [part=fill]{background:var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host(:hover) [part~=thumb]{border-color:var(--thumb-hover-border, hsla(var(--igc-primary-700), var(--igc-primary-a)))}[part~=focused]::after{position:absolute;content:"";left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-700), var(--igc-gray-a));width:calc(1rem + (0.125rem * 2));height:calc(1rem + (0.125rem * 2))}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-600), var(--igc-gray-a)));top:initial}[part=fill]{background:var(--fill-background, hsla(var(--igc-gray-800), var(--igc-gray-a)))}[part~=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border:.125rem solid var(--thumb-border, hsla(var(--igc-gray-700), var(--igc-gray-a)));width:1rem;height:1rem;top:calc((1rem - 0.5rem)*-1);-webkit-margin-start:calc((1rem - 0.5rem)*-1);margin-inline-start:calc((1rem - 0.5rem)*-1)}[part=thumb-label-inner]{background:var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part=thumb-label-inner]::after{border-top:.625rem solid var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host([disabled]) [part=inactive]{background:var(--inactive-disabled-background, hsla(var(--igc-gray-100), var(--igc-gray-a)))}:host([disabled]) [part=fill]{background:var(--fill-disabled-background, hsla(var(--igc-gray-500), var(--igc-gray-a)))}:host([disabled]) [part~=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border-color:var(--thumb-disabled-border, hsla(var(--igc-gray-400), var(--igc-gray-a)))}`;
 //# sourceMappingURL=slider.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yxCAAyxC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:hover) [part=inactive]{background:hsla(var(--igc-primary-500), 0.32)}:host(:hover) [part=fill]{background:var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host(:hover) [part=thumb]{border-color:var(--thumb-hover-border, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)));top:initial}[part=fill]{background:var(--fill-background, hsla(var(--igc-gray-700), var(--igc-gray-a)))}[part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border:.125rem solid var(--thumb-border, hsla(var(--igc-gray-700), var(--igc-gray-a)));width:1rem;height:1rem;top:calc((1rem - 0.5rem)*-1);-webkit-margin-start:calc((1rem - 0.5rem)*-1);margin-inline-start:calc((1rem - 0.5rem)*-1)}:host([disabled]) [part=inactive]{background:var(--inactive-disabled-background, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host([disabled]) [part=fill]{background:var(--fill-disabled-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border-color:var(--thumb-disabled-border, hsla(var(--igc-gray-400), var(--igc-gray-a)))}`;\n"]}
+{"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,21DAA21D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:hover) [part=fill]{background:var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host(:hover) [part~=thumb]{border-color:var(--thumb-hover-border, hsla(var(--igc-primary-700), var(--igc-primary-a)))}[part~=focused]::after{position:absolute;content:\"\";left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-700), var(--igc-gray-a));width:calc(1rem + (0.125rem * 2));height:calc(1rem + (0.125rem * 2))}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-600), var(--igc-gray-a)));top:initial}[part=fill]{background:var(--fill-background, hsla(var(--igc-gray-800), var(--igc-gray-a)))}[part~=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border:.125rem solid var(--thumb-border, hsla(var(--igc-gray-700), var(--igc-gray-a)));width:1rem;height:1rem;top:calc((1rem - 0.5rem)*-1);-webkit-margin-start:calc((1rem - 0.5rem)*-1);margin-inline-start:calc((1rem - 0.5rem)*-1)}[part=thumb-label-inner]{background:var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part=thumb-label-inner]::after{border-top:.625rem solid var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host([disabled]) [part=inactive]{background:var(--inactive-disabled-background, hsla(var(--igc-gray-100), var(--igc-gray-a)))}:host([disabled]) [part=fill]{background:var(--fill-disabled-background, hsla(var(--igc-gray-500), var(--igc-gray-a)))}:host([disabled]) [part~=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border-color:var(--thumb-disabled-border, hsla(var(--igc-gray-400), var(--igc-gray-a)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=base]:hover [part=inactive]{background:var(--inactive-hover-background, hsla(var(--igc-gray-500), var(--igc-gray-a)))}[part=base]:hover [part=fill]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part=track],[part=fill],[part=inactive]{height:.125rem;top:initial;border-radius:initial}[part=steps]{height:.125rem}[part=steps] line{-webkit-transform:none;-ms-transform:none;transform:none}[part=thumb]{width:.875rem;height:.875rem;top:calc((0.875rem - 0.4375rem)*-1);-webkit-margin-start:calc((0.875rem - 0.4375rem)*-1);margin-inline-start:calc((0.875rem - 0.4375rem)*-1)}[part=thumb]:focus{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}[part=thumb]::after{display:none}:host([disabled]) [part=thumb],:host([disabled]) [part=fill],:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;
+export const styles = css `[part=base]:hover [part=inactive]{background:var(--inactive-hover-background, hsla(var(--igc-gray-500), var(--igc-gray-a)))}[part=base]:hover [part=fill]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part=track],[part=fill],[part=inactive]{height:.125rem;top:initial;border-radius:initial}[part=steps]{height:.125rem}[part=steps] line{-webkit-transform:none;-ms-transform:none;transform:none}[part~=thumb]{width:.875rem;height:.875rem;top:calc((0.875rem - 0.4375rem)*-1);-webkit-margin-start:calc((0.875rem - 0.4375rem)*-1);margin-inline-start:calc((0.875rem - 0.4375rem)*-1)}[part~=thumb]:focus{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}[part~=thumb]::after{display:none}:host([disabled]) [part~=thumb],:host([disabled]) [part=fill],:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;
 //# sourceMappingURL=slider.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,miCAAmiC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]:hover [part=inactive]{background:var(--inactive-hover-background, hsla(var(--igc-gray-500), var(--igc-gray-a)))}[part=base]:hover [part=fill]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part=track],[part=fill],[part=inactive]{height:.125rem;top:initial;border-radius:initial}[part=steps]{height:.125rem}[part=steps] line{-webkit-transform:none;-ms-transform:none;transform:none}[part=thumb]{width:.875rem;height:.875rem;top:calc((0.875rem - 0.4375rem)*-1);-webkit-margin-start:calc((0.875rem - 0.4375rem)*-1);margin-inline-start:calc((0.875rem - 0.4375rem)*-1)}[part=thumb]:focus{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}[part=thumb]::after{display:none}:host([disabled]) [part=thumb],:host([disabled]) [part=fill],:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uiCAAuiC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]:hover [part=inactive]{background:var(--inactive-hover-background, hsla(var(--igc-gray-500), var(--igc-gray-a)))}[part=base]:hover [part=fill]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[part=track],[part=fill],[part=inactive]{height:.125rem;top:initial;border-radius:initial}[part=steps]{height:.125rem}[part=steps] line{-webkit-transform:none;-ms-transform:none;transform:none}[part~=thumb]{width:.875rem;height:.875rem;top:calc((0.875rem - 0.4375rem)*-1);-webkit-margin-start:calc((0.875rem - 0.4375rem)*-1);margin-inline-start:calc((0.875rem - 0.4375rem)*-1)}[part~=thumb]:focus{-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}[part~=thumb]::after{display:none}:host([disabled]) [part~=thumb],:host([disabled]) [part=fill],:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=track]{height:.375rem}[part=fill]{height:.375rem}[part=inactive]{height:.25rem;top:.0625rem}[part=steps]{color:hsla(var(--igc-secondary-200), var(--igc-secondary-a))}[part=thumb]{width:1.25rem;height:1.25rem;top:calc((1.25rem - 0.625rem)*-1);-webkit-margin-start:calc((1.25rem - 0.625rem)*-1);margin-inline-start:calc((1.25rem - 0.625rem)*-1)}[part=thumb]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1.25rem,1.25rem);position:absolute;content:"";width:2.5rem;height:2.5rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;overflow:hidden}[part=thumb]:hover::after{opacity:.12;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part=thumb]:focus::after{opacity:.18;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part=thumb]:active::after{opacity:.24}`;
+export const styles = css `[part=track]{height:.375rem}[part=fill]{height:.375rem}[part=inactive]{height:.25rem;top:.0625rem}[part=steps]{color:hsla(var(--igc-secondary-200), var(--igc-secondary-a))}[part~=thumb]{width:1.25rem;height:1.25rem;top:calc((1.25rem - 0.625rem)*-1);-webkit-margin-start:calc((1.25rem - 0.625rem)*-1);margin-inline-start:calc((1.25rem - 0.625rem)*-1)}[part~=thumb]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1.25rem,1.25rem);position:absolute;content:"";width:2.5rem;height:2.5rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;overflow:hidden}[part~=thumb]:hover::after{opacity:.12;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:focus::after{opacity:.18;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:active::after{opacity:.24}`;
 //# sourceMappingURL=slider.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.material.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i4CAAi4C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=track]{height:.375rem}[part=fill]{height:.375rem}[part=inactive]{height:.25rem;top:.0625rem}[part=steps]{color:hsla(var(--igc-secondary-200), var(--igc-secondary-a))}[part=thumb]{width:1.25rem;height:1.25rem;top:calc((1.25rem - 0.625rem)*-1);-webkit-margin-start:calc((1.25rem - 0.625rem)*-1);margin-inline-start:calc((1.25rem - 0.625rem)*-1)}[part=thumb]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1.25rem,1.25rem);position:absolute;content:\"\";width:2.5rem;height:2.5rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;overflow:hidden}[part=thumb]:hover::after{opacity:.12;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part=thumb]:focus::after{opacity:.18;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part=thumb]:active::after{opacity:.24}`;\n"]}
+{"version":3,"file":"slider.material.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s4CAAs4C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=track]{height:.375rem}[part=fill]{height:.375rem}[part=inactive]{height:.25rem;top:.0625rem}[part=steps]{color:hsla(var(--igc-secondary-200), var(--igc-secondary-a))}[part~=thumb]{width:1.25rem;height:1.25rem;top:calc((1.25rem - 0.625rem)*-1);-webkit-margin-start:calc((1.25rem - 0.625rem)*-1);margin-inline-start:calc((1.25rem - 0.625rem)*-1)}[part~=thumb]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*1.25rem,1.25rem);position:absolute;content:\"\";width:2.5rem;height:2.5rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;-o-transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;overflow:hidden}[part~=thumb]:hover::after{opacity:.12;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:focus::after{opacity:.18;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:active::after{opacity:.24}`;\n"]}

package/components/tabs/tabs.js

@@ -101,6 +101,7 @@ let IgcTabsComponent = IgcTabsComponent_1 = class IgcTabsComponent extends Event
         this.syncAttributes();
         this.setupObserver();
         this.setSelectedTab((_a = this.tabs.filter((tab) => tab.selected).at(-1)) !== null && _a !== void 0 ? _a : this.enabledTabs.at(0));
+        this.updateSelectedTab();
     }
     disconnectedCallback() {
         var _a, _b;

package/components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,qBAAqB,EACrB,KAAK,GACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,4BAA4B,EAAE,MAAM,sDAAsD,CAAC;AACpG,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,cAAc,GACf,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,eAAe,MAAM,UAAU,CAAC;AACvC,OAAO,oBAAoB,MAAM,gBAAgB,CAAC;AAClD,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAE9D,gBAAgB,CAAC,eAAe,EAAE,oBAAoB,EAAE,sBAAsB,CAAC,CAAC;AA2BhF,IAAqB,gBAAgB,wBAArC,MAAqB,gBAAiB,SAAQ,iBAAiB,CAG7D,UAAU,CAAC;IAHb;;QAyBY,sBAAiB,GAAG,KAAK,CAAC;QAG1B,6BAAwB,GAAG,IAAI,CAAC;QAGhC,2BAAsB,GAAG,KAAK,CAAC;QAmBlC,cAAS,GAA2C,OAAO,CAAC;QAS5D,eAAU,GAAsB,MAAM,CAAC;QAgMpC,kBAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;;YACjD,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;YACtB,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YACrC,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;YAExB,IAAI,KAAK,GAAG,WAAW,CAAC,OAAO,CAC7B,MAAA,QAAQ,CAAC,aAAa,0CAAE,OAAO,CAAC,SAAS,CAAoB,CAC9D,CAAC;YAEF,QAAQ,GAAG,EAAE;gBACX,KAAK,WAAW;oBACd,KAAK,GAAG,GAAG;wBACT,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM;wBACvD,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC;oBACrC,MAAM;gBACR,KAAK,YAAY;oBACf,KAAK,GAAG,GAAG;wBACT,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM;wBAClC,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC;oBAC1D,MAAM;gBACR,KAAK,MAAM;oBACT,KAAK,GAAG,CAAC,CAAC;oBACV,MAAM;gBACR,KAAK,KAAK;oBACR,KAAK,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;oBAC/B,MAAM;gBACR,KAAK,OAAO,CAAC;gBACb,KAAK,GAAG;oBACN,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;oBACxC,MAAM;gBACR;oBACE,OAAO;aACV;YAED,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;YAElD,IAAI,IAAI,CAAC,UAAU,KAAK,MAAM,EAAE;gBAC9B,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;gBACxC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;aACzD;iBAAM;gBACL,WAAW,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;aACzD;YAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC;IAwDJ,CAAC;IAxTC,IAAc,WAAW;QACvB,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAClD,CAAC;IAGD,IAAW,QAAQ;;QACjB,OAAO,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,mCAAI,EAAE,CAAC;IACrC,CAAC;IAgBS,cAAc;QACtB,MAAM,MAAM,GAAiC;YAC3C,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;YACjD,kBAAkB,EAAE,MAAM;SAC3B,CAAC;QAEF,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;gBACpB,KAAK,EAAE,GAAG,IAAI,CAAC,SAAU,CAAC,WAAW,IAAI;gBACzC,SAAS,EAAE,aACT,KAAK,CAAC,IAAI,CAAC;oBACT,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,SAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI;oBAC/C,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,SAAU,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,KAC/C,KAAK;aACN,CAAC,CAAC;SACJ;QAED,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACtD,CAAC;IAEkB,KAAK,CAAC,YAAY;;QACnC,IAAI,CAAC,iBAAiB;YACpB,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;QAE1D,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,cAAc,CACjB,MAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,mCAAI,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,CACzE,CAAC;IACJ,CAAC;IAEe,oBAAoB;;QAClC,MAAA,IAAI,CAAC,cAAc,0CAAE,UAAU,EAAE,CAAC;QAClC,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,EAAE,CAAC;QACpC,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAES,qBAAqB;QAG7B,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,CAAC,iBAAiB;YACpB,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;QAE1D,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAES,mBAAmB;QAC3B,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,SAAS,EAChD,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAEjC,IAAI,CAAC,sBAAsB;YACzB,WAAW,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,WAAW,CAAC;QACpD,IAAI,CAAC,wBAAwB,GAAG,UAAU,KAAK,CAAC,CAAC;IACnD,CAAC;IAES,aAAa;QACrB,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC5C,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAC/D,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CACrC,CAAC;QAEF,IAAI,CAAC,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;;YAEvE,QAAQ,CAAC,UAAU,EAAE,CAAC;YAEtB,MAAM,UAAU,GAAG,oBAAoB,CACrC,OAAO,EACP,SAAS,CACV,CAAC;YACF,MAAM,OAAO,GAAG,eAAe,CAC7B,OAAO,EACP,IAAI,EACJ,SAAS,CACV,CAAC;YAEF,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;gBACzB,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;aACzD;YAED,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;oBACjC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;oBACjC,IAAI,GAAG,CAAC,QAAQ,EAAE;wBAChB,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC;qBACtB;gBACH,CAAC,CAAC,CAAC;gBACH,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;oBACnC,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;oBACnC,IAAI,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,KAAK,GAAG,EAAE;wBAC1C,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;qBAC5B;gBACH,CAAC,CAAC,CAAC;gBAEH,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;YAED,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,MAAA,IAAI,CAAC,SAAS,0CAAE,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;YACrD,IAAI,CAAC,cAAc,EAAE,CAAC;YAGtB,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC;IACtD,CAAC;IAES,iBAAiB;QACzB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,GAAG,GAAG,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;QACpE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;;YAC5B,OAAA,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE;gBACzB,OAAO,EAAE,KAAK,CAAC,EAAE,MAAK,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,CAAA,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;aAC/D,CAAC,CAAA;SAAA,CACH,CAAC;IACJ,CAAC;IAES,cAAc;QACtB,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5C,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;;YAC/B,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE;gBACd,GAAG,CAAC,KAAK;oBACP,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,0CAAE,EAAE,mCACzB,GAAG,MAAM,OAAO,kBAAgB,CAAC,SAAS,EAAE,EAAE,CAAC;aAClD;YACD,MAAA,IAAI,CAAC,MAAM;iBACR,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,CAAC,KAAK,CAAC,0CACtC,YAAY,CAAC,iBAAiB,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,cAAc,CAAC,GAAqB;QAC1C,IAAI,CAAC,GAAG,IAAI,GAAG,KAAK,IAAI,CAAC,SAAS,EAAE;YAClC,OAAO;SACR;QAED,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,KAAK,CAAC;SACjC;QAED,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC;QACrB,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC;IACjC,CAAC;IAES,iBAAiB,CAAC,SAA0B;QACpD,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QACnD,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,EACrB,IAAI,GAAG,SAAS,KAAK,KAAK,CAAC;QAE7B,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QAErE,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI;aACnB,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACb,KAAK,EAAE,GAAG;gBACR,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI;gBACnC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;YAChD,KAAK,EAAE,GAAG,CAAC,WAAW;SACvB,CAAC,CAAC;aACF,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CACjB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAClE;aACA,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,KAAK,CAAC;QAE5B,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IAC5D,CAAC;IAES,WAAW,CAAC,KAAiB;QACrC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB,CAAC;QAC3C,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAEtC,IAAI,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,QAAQ,EAAE;YAChD,OAAO;SACR;QAED,GAAG,CAAC,KAAK,EAAE,CAAC;QACZ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;QACzB,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IAC1D,CAAC;IAiDS,YAAY;QACpB,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAC7B,CAAC;IAGM,MAAM,CAAC,IAAY;QACxB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC;IACjE,CAAC;IAES,kBAAkB,CAAC,SAA0B;QACrD,MAAM,KAAK,GAAG,SAAS,KAAK,OAAO,CAAC;QAEpC,OAAO,IAAI,CAAC,iBAAiB;YAC3B,CAAC,CAAC,IAAI,CAAA;;;;;;kBAMM,SAAS;2BACA,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;sBAC9B,KAAK;gBACf,CAAC,CAAC,IAAI,CAAC,wBAAwB;gBAC/B,CAAC,CAAC,IAAI,CAAC,sBAAsB;mBACtB,GAAG,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC;4BAC9B;YACtB,CAAC,CAAC,OAAO,CAAC;IACd,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC;8CACI,IAAI,CAAC,YAAY;;;;;uBAKxC,IAAI,CAAC,WAAW;yBACd,IAAI,CAAC,aAAa;;;;;;;UAOjC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;;;;;KAKnC,CAAC;IACJ,CAAC;CACF,CAAA;AA3VwB,wBAAO,GAAG,UAAW,CAAA;AAE9B,uBAAM,GAAG,MAAO,CAAA;AACN,0BAAS,GAAG,aAAa,EAAG,CAAA;AAGpD;IADC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;8CACP;AAGxC;IADC,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDACM;AAG/C;IADC,KAAK,CAAC,0BAA0B,EAAE,IAAI,CAAC;iDACR;AAGhC;IADC,KAAK,CAAC,0BAA0B,EAAE,IAAI,CAAC;mDACN;AAGlC;IADC,KAAK,CAAC,6BAA6B,EAAE,IAAI,CAAC;2DACD;AAG1C;IADC,KAAK,EAAE;2DAC4B;AAGpC;IADC,KAAK,EAAE;kEACkC;AAG1C;IADC,KAAK,EAAE;gEACiC;AAGzC;IADC,KAAK,EAAE;mDAC8B;AAgBtC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACuC;AASnE;IADC,QAAQ,EAAE;oDACmC;AAG9C;IADC,KAAK,CAAC,WAAW,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;sDAmBlD;AA0ND;IADC,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;oDAG/B;AA5SkB,gBAAgB;IAFpC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IACrC,4BAA4B,CAAC,uCAAuC,CAAC;GACjD,gBAAgB,CA+VpC;eA/VoB,gBAAgB","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport {\n  eventOptions,\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/tabs.base.css.js';\nimport { styles as bootstrap } from './themes/light/tabs.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/tabs.fluent.css.js';\nimport { styles as indigo } from './themes/light/tabs.indigo.css.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { createCounter, getOffset, isLTR } from '../common/util.js';\nimport {\n  getAttributesForTags,\n  getNodesForTags,\n  observerConfig,\n} from './utils.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcTabComponent from './tab.js';\nimport IgcTabPanelComponent from './tab-panel.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\n\ndefineComponents(IgcTabComponent, IgcTabPanelComponent, IgcIconButtonComponent);\n\nexport interface IgcTabsEventMap {\n  igcChange: CustomEvent<IgcTabComponent>;\n}\n\n/**\n * Represents tabs component\n *\n * @element igc-tabs\n *\n * @fires igcChange - Emitted when the selected tab changes.\n *\n * @slot - Renders the tab header.\n * @slot panel - Renders the tab content.\n *\n * @csspart headers - The wrapper of the tabs including the headers content and the scroll buttons.\n * @csspart headers-content - The container for the tab headers.\n * @csspart headers-wrapper - The wrapper for the tab headers and the selected indicator.\n * @csspart headers-scroll - The container for the headers.\n * @csspart selected-indicator - The selected indicator.\n * @csspart start-scroll-button - The start scroll button displayed when the tabs overflow.\n * @csspart end-scroll-button - The end scroll button displayed when the tabs overflow.\n * @csspart content - The container for the tabs content.\n */\n@themes({ bootstrap, fluent, indigo })\n@blazorAdditionalDependencies('IgcTabComponent, IgcTabPanelComponent')\nexport default class IgcTabsComponent extends EventEmitterMixin<\n  IgcTabsEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-tabs';\n\n  public static styles = styles;\n  private static readonly increment = createCounter();\n\n  @queryAssignedElements({ selector: 'igc-tab' })\n  protected tabs!: Array<IgcTabComponent>;\n\n  @queryAssignedElements({ slot: 'panel' })\n  protected panels!: Array<IgcTabPanelComponent>;\n\n  @query('[part=\"headers-wrapper\"]', true)\n  protected wrapper!: HTMLElement;\n\n  @query('[part=\"headers-content\"]', true)\n  protected container!: HTMLElement;\n\n  @query('[part=\"selected-indicator\"]', true)\n  protected selectedIndicator!: HTMLElement;\n\n  @state()\n  protected showScrollButtons = false;\n\n  @state()\n  protected disableStartScrollButton = true;\n\n  @state()\n  protected disableEndScrollButton = false;\n\n  @state()\n  protected activeTab?: IgcTabComponent;\n\n  protected resizeObserver!: ResizeObserver;\n  protected mutationObserver!: MutationObserver;\n\n  protected get enabledTabs() {\n    return this.tabs.filter((tab) => !tab.disabled);\n  }\n\n  /** Returns the currently selected tab. */\n  public get selected(): string {\n    return this.activeTab?.panel ?? '';\n  }\n\n  /** Sets the alignment for the tab headers */\n  @property({ reflect: true })\n  public alignment: 'start' | 'end' | 'center' | 'justify' = 'start';\n\n  /**\n   * Determines the tab activation. When set to auto,\n   * the tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\n   * and the corresponding panel is displayed.\n   * When set to manual, the tab is only focused. The selection happens after pressing Space or Enter.\n   */\n  @property()\n  public activation: 'auto' | 'manual' = 'auto';\n\n  @watch('alignment', { waitUntilFirstUpdate: true })\n  protected alignIndicator() {\n    const styles: Partial<CSSStyleDeclaration> = {\n      visibility: this.activeTab ? 'visible' : 'hidden',\n      transitionDuration: '0.3s',\n    };\n\n    if (this.activeTab) {\n      Object.assign(styles, {\n        width: `${this.activeTab!.offsetWidth}px`,\n        transform: `translate(${\n          isLTR(this)\n            ? getOffset(this.activeTab!, this.wrapper).left\n            : getOffset(this.activeTab!, this.wrapper).right\n        }px)`,\n      });\n    }\n\n    Object.assign(this.selectedIndicator.style, styles);\n  }\n\n  protected override async firstUpdated() {\n    this.showScrollButtons =\n      this.container.scrollWidth > this.container.clientWidth;\n\n    await this.updateComplete;\n\n    this.syncAttributes();\n    this.setupObserver();\n    this.setSelectedTab(\n      this.tabs.filter((tab) => tab.selected).at(-1) ?? this.enabledTabs.at(0)\n    );\n  }\n\n  public override disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n    this.mutationObserver?.disconnect();\n    super.disconnectedCallback();\n  }\n\n  protected updateButtonsOnResize() {\n    // Hide the buttons in the resize observer callback and synchronously update the DOM\n    // in order to get the actual size\n    this.showScrollButtons = false;\n    this.performUpdate();\n\n    this.showScrollButtons =\n      this.container.scrollWidth > this.container.clientWidth;\n\n    this.updateScrollButtons();\n  }\n\n  protected updateScrollButtons() {\n    const { scrollLeft, offsetWidth } = this.container,\n      { scrollWidth } = this.wrapper;\n\n    this.disableEndScrollButton =\n      scrollWidth <= Math.abs(scrollLeft) + offsetWidth;\n    this.disableStartScrollButton = scrollLeft === 0;\n  }\n\n  protected setupObserver() {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.updateButtonsOnResize();\n      this.alignIndicator();\n    });\n\n    [this.container, this.wrapper, ...this.tabs].forEach((element) =>\n      this.resizeObserver.observe(element)\n    );\n\n    this.mutationObserver = new MutationObserver(async (records, observer) => {\n      // Stop observing while handling changes\n      observer.disconnect();\n\n      const attributes = getAttributesForTags<IgcTabComponent>(\n        records,\n        'igc-tab'\n      );\n      const changed = getNodesForTags<IgcTabComponent>(\n        records,\n        this,\n        'igc-tab'\n      );\n\n      if (attributes.length > 0) {\n        this.activeTab = attributes.find((tab) => tab.selected);\n      }\n\n      if (changed) {\n        changed.addedNodes.forEach((tab) => {\n          this.resizeObserver.observe(tab);\n          if (tab.selected) {\n            this.activeTab = tab;\n          }\n        });\n        changed.removedNodes.forEach((tab) => {\n          this.resizeObserver.unobserve(tab);\n          if (tab.selected || this.activeTab === tab) {\n            this.activeTab = undefined;\n          }\n        });\n\n        this.syncAttributes();\n      }\n\n      this.updateSelectedTab();\n      this.activeTab?.scrollIntoView({ block: 'nearest' });\n      this.alignIndicator();\n\n      // Watch for changes again\n      await this.updateComplete;\n      observer.observe(this, observerConfig);\n    });\n\n    this.mutationObserver.observe(this, observerConfig);\n  }\n\n  protected updateSelectedTab() {\n    this.tabs.forEach((tab) => (tab.selected = tab === this.activeTab));\n    this.panels.forEach((panel) =>\n      Object.assign(panel.style, {\n        display: panel.id === this.activeTab?.panel ? 'block' : 'none',\n      })\n    );\n  }\n\n  protected syncAttributes() {\n    const prefix = this.id ? `${this.id}-` : '';\n    this.tabs.forEach((tab, index) => {\n      if (!tab.panel) {\n        tab.panel =\n          this.panels.at(index)?.id ??\n          `${prefix}tab-${IgcTabsComponent.increment()}`;\n      }\n      this.panels\n        .find((panel) => panel.id === tab.panel)\n        ?.setAttribute('aria-labelledby', tab.id);\n    });\n  }\n\n  private setSelectedTab(tab?: IgcTabComponent) {\n    if (!tab || tab === this.activeTab) {\n      return;\n    }\n\n    if (this.activeTab) {\n      this.activeTab.selected = false;\n    }\n\n    this.activeTab = tab;\n    this.activeTab.selected = true;\n  }\n\n  protected scrollByTabOffset(direction: 'start' | 'end') {\n    const { scrollLeft, offsetWidth } = this.container;\n    const LTR = isLTR(this),\n      next = direction === 'end';\n\n    const pivot = Math.abs(next ? offsetWidth + scrollLeft : scrollLeft);\n\n    let amount = this.tabs\n      .map((tab) => ({\n        start: LTR\n          ? getOffset(tab, this.wrapper).left\n          : Math.abs(getOffset(tab, this.wrapper).right),\n        width: tab.offsetWidth,\n      }))\n      .filter((offset) =>\n        next ? offset.start + offset.width > pivot : offset.start < pivot\n      )\n      .at(next ? 0 : -1)!.width;\n\n    amount *= next ? 1 : -1;\n    this.container.scrollBy({ left: LTR ? amount : -amount });\n  }\n\n  protected handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const tab = target.closest('igc-tab');\n\n    if (!(tab && this.contains(tab)) || tab.disabled) {\n      return;\n    }\n\n    tab.focus();\n    this.setSelectedTab(tab);\n    this.emitEvent('igcChange', { detail: this.activeTab });\n  }\n\n  protected handleKeyDown = (event: KeyboardEvent) => {\n    const { key } = event;\n    const enabledTabs = this.enabledTabs;\n    const ltr = isLTR(this);\n\n    let index = enabledTabs.indexOf(\n      document.activeElement?.closest('igc-tab') as IgcTabComponent\n    );\n\n    switch (key) {\n      case 'ArrowLeft':\n        index = ltr\n          ? (enabledTabs.length + index - 1) % enabledTabs.length\n          : (index + 1) % enabledTabs.length;\n        break;\n      case 'ArrowRight':\n        index = ltr\n          ? (index + 1) % enabledTabs.length\n          : (enabledTabs.length + index - 1) % enabledTabs.length;\n        break;\n      case 'Home':\n        index = 0;\n        break;\n      case 'End':\n        index = enabledTabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        this.setSelectedTab(enabledTabs[index]);\n        break;\n      default:\n        return;\n    }\n\n    enabledTabs[index].focus({ preventScroll: true });\n\n    if (this.activation === 'auto') {\n      this.setSelectedTab(enabledTabs[index]);\n      this.emitEvent('igcChange', { detail: this.activeTab });\n    } else {\n      enabledTabs[index].scrollIntoView({ block: 'nearest' });\n    }\n\n    event.preventDefault();\n  };\n\n  @eventOptions({ passive: true })\n  protected handleScroll() {\n    this.updateScrollButtons();\n  }\n\n  /** Selects the specified tab and displays the corresponding panel.  */\n  public select(name: string) {\n    this.setSelectedTab(this.tabs.find((el) => el.panel === name));\n  }\n\n  protected renderScrollButton(direction: 'start' | 'end') {\n    const start = direction === 'start';\n\n    return this.showScrollButtons\n      ? html`<igc-icon-button\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n          size=\"large\"\n          variant=\"flat\"\n          collection=\"internal\"\n          part=\"${direction}-scroll-button\"\n          name=\"navigate_${start ? 'before' : 'next'}\"\n          .disabled=${start\n            ? this.disableStartScrollButton\n            : this.disableEndScrollButton}\n          @click=${() => this.scrollByTabOffset(direction)}\n        ></igc-icon-button>`\n      : nothing;\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"headers\">\n        ${this.renderScrollButton('start')}\n        <div part=\"headers-content\" @scroll=${this.handleScroll}>\n          <div part=\"headers-wrapper\">\n            <div\n              part=\"headers-scroll\"\n              role=\"tablist\"\n              @click=${this.handleClick}\n              @keydown=${this.handleKeyDown}\n            >\n              <slot></slot>\n            </div>\n            <div part=\"selected-indicator\"></div>\n          </div>\n        </div>\n        ${this.renderScrollButton('end')}\n      </div>\n      <div part=\"content\">\n        <slot name=\"panel\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-tabs': IgcTabsComponent;\n  }\n}\n"]}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport {\n  eventOptions,\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { blazorAdditionalDependencies } from '../common/decorators/blazorAdditionalDependencies.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/tabs.base.css.js';\nimport { styles as bootstrap } from './themes/light/tabs.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/tabs.fluent.css.js';\nimport { styles as indigo } from './themes/light/tabs.indigo.css.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { createCounter, getOffset, isLTR } from '../common/util.js';\nimport {\n  getAttributesForTags,\n  getNodesForTags,\n  observerConfig,\n} from './utils.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcTabComponent from './tab.js';\nimport IgcTabPanelComponent from './tab-panel.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\n\ndefineComponents(IgcTabComponent, IgcTabPanelComponent, IgcIconButtonComponent);\n\nexport interface IgcTabsEventMap {\n  igcChange: CustomEvent<IgcTabComponent>;\n}\n\n/**\n * Represents tabs component\n *\n * @element igc-tabs\n *\n * @fires igcChange - Emitted when the selected tab changes.\n *\n * @slot - Renders the tab header.\n * @slot panel - Renders the tab content.\n *\n * @csspart headers - The wrapper of the tabs including the headers content and the scroll buttons.\n * @csspart headers-content - The container for the tab headers.\n * @csspart headers-wrapper - The wrapper for the tab headers and the selected indicator.\n * @csspart headers-scroll - The container for the headers.\n * @csspart selected-indicator - The selected indicator.\n * @csspart start-scroll-button - The start scroll button displayed when the tabs overflow.\n * @csspart end-scroll-button - The end scroll button displayed when the tabs overflow.\n * @csspart content - The container for the tabs content.\n */\n@themes({ bootstrap, fluent, indigo })\n@blazorAdditionalDependencies('IgcTabComponent, IgcTabPanelComponent')\nexport default class IgcTabsComponent extends EventEmitterMixin<\n  IgcTabsEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-tabs';\n\n  public static styles = styles;\n  private static readonly increment = createCounter();\n\n  @queryAssignedElements({ selector: 'igc-tab' })\n  protected tabs!: Array<IgcTabComponent>;\n\n  @queryAssignedElements({ slot: 'panel' })\n  protected panels!: Array<IgcTabPanelComponent>;\n\n  @query('[part=\"headers-wrapper\"]', true)\n  protected wrapper!: HTMLElement;\n\n  @query('[part=\"headers-content\"]', true)\n  protected container!: HTMLElement;\n\n  @query('[part=\"selected-indicator\"]', true)\n  protected selectedIndicator!: HTMLElement;\n\n  @state()\n  protected showScrollButtons = false;\n\n  @state()\n  protected disableStartScrollButton = true;\n\n  @state()\n  protected disableEndScrollButton = false;\n\n  @state()\n  protected activeTab?: IgcTabComponent;\n\n  protected resizeObserver!: ResizeObserver;\n  protected mutationObserver!: MutationObserver;\n\n  protected get enabledTabs() {\n    return this.tabs.filter((tab) => !tab.disabled);\n  }\n\n  /** Returns the currently selected tab. */\n  public get selected(): string {\n    return this.activeTab?.panel ?? '';\n  }\n\n  /** Sets the alignment for the tab headers */\n  @property({ reflect: true })\n  public alignment: 'start' | 'end' | 'center' | 'justify' = 'start';\n\n  /**\n   * Determines the tab activation. When set to auto,\n   * the tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\n   * and the corresponding panel is displayed.\n   * When set to manual, the tab is only focused. The selection happens after pressing Space or Enter.\n   */\n  @property()\n  public activation: 'auto' | 'manual' = 'auto';\n\n  @watch('alignment', { waitUntilFirstUpdate: true })\n  protected alignIndicator() {\n    const styles: Partial<CSSStyleDeclaration> = {\n      visibility: this.activeTab ? 'visible' : 'hidden',\n      transitionDuration: '0.3s',\n    };\n\n    if (this.activeTab) {\n      Object.assign(styles, {\n        width: `${this.activeTab!.offsetWidth}px`,\n        transform: `translate(${\n          isLTR(this)\n            ? getOffset(this.activeTab!, this.wrapper).left\n            : getOffset(this.activeTab!, this.wrapper).right\n        }px)`,\n      });\n    }\n\n    Object.assign(this.selectedIndicator.style, styles);\n  }\n\n  protected override async firstUpdated() {\n    this.showScrollButtons =\n      this.container.scrollWidth > this.container.clientWidth;\n\n    await this.updateComplete;\n\n    this.syncAttributes();\n    this.setupObserver();\n    this.setSelectedTab(\n      this.tabs.filter((tab) => tab.selected).at(-1) ?? this.enabledTabs.at(0)\n    );\n    this.updateSelectedTab();\n  }\n\n  public override disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n    this.mutationObserver?.disconnect();\n    super.disconnectedCallback();\n  }\n\n  protected updateButtonsOnResize() {\n    // Hide the buttons in the resize observer callback and synchronously update the DOM\n    // in order to get the actual size\n    this.showScrollButtons = false;\n    this.performUpdate();\n\n    this.showScrollButtons =\n      this.container.scrollWidth > this.container.clientWidth;\n\n    this.updateScrollButtons();\n  }\n\n  protected updateScrollButtons() {\n    const { scrollLeft, offsetWidth } = this.container,\n      { scrollWidth } = this.wrapper;\n\n    this.disableEndScrollButton =\n      scrollWidth <= Math.abs(scrollLeft) + offsetWidth;\n    this.disableStartScrollButton = scrollLeft === 0;\n  }\n\n  protected setupObserver() {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.updateButtonsOnResize();\n      this.alignIndicator();\n    });\n\n    [this.container, this.wrapper, ...this.tabs].forEach((element) =>\n      this.resizeObserver.observe(element)\n    );\n\n    this.mutationObserver = new MutationObserver(async (records, observer) => {\n      // Stop observing while handling changes\n      observer.disconnect();\n\n      const attributes = getAttributesForTags<IgcTabComponent>(\n        records,\n        'igc-tab'\n      );\n      const changed = getNodesForTags<IgcTabComponent>(\n        records,\n        this,\n        'igc-tab'\n      );\n\n      if (attributes.length > 0) {\n        this.activeTab = attributes.find((tab) => tab.selected);\n      }\n\n      if (changed) {\n        changed.addedNodes.forEach((tab) => {\n          this.resizeObserver.observe(tab);\n          if (tab.selected) {\n            this.activeTab = tab;\n          }\n        });\n        changed.removedNodes.forEach((tab) => {\n          this.resizeObserver.unobserve(tab);\n          if (tab.selected || this.activeTab === tab) {\n            this.activeTab = undefined;\n          }\n        });\n\n        this.syncAttributes();\n      }\n\n      this.updateSelectedTab();\n      this.activeTab?.scrollIntoView({ block: 'nearest' });\n      this.alignIndicator();\n\n      // Watch for changes again\n      await this.updateComplete;\n      observer.observe(this, observerConfig);\n    });\n\n    this.mutationObserver.observe(this, observerConfig);\n  }\n\n  protected updateSelectedTab() {\n    this.tabs.forEach((tab) => (tab.selected = tab === this.activeTab));\n    this.panels.forEach((panel) =>\n      Object.assign(panel.style, {\n        display: panel.id === this.activeTab?.panel ? 'block' : 'none',\n      })\n    );\n  }\n\n  protected syncAttributes() {\n    const prefix = this.id ? `${this.id}-` : '';\n    this.tabs.forEach((tab, index) => {\n      if (!tab.panel) {\n        tab.panel =\n          this.panels.at(index)?.id ??\n          `${prefix}tab-${IgcTabsComponent.increment()}`;\n      }\n      this.panels\n        .find((panel) => panel.id === tab.panel)\n        ?.setAttribute('aria-labelledby', tab.id);\n    });\n  }\n\n  private setSelectedTab(tab?: IgcTabComponent) {\n    if (!tab || tab === this.activeTab) {\n      return;\n    }\n\n    if (this.activeTab) {\n      this.activeTab.selected = false;\n    }\n\n    this.activeTab = tab;\n    this.activeTab.selected = true;\n  }\n\n  protected scrollByTabOffset(direction: 'start' | 'end') {\n    const { scrollLeft, offsetWidth } = this.container;\n    const LTR = isLTR(this),\n      next = direction === 'end';\n\n    const pivot = Math.abs(next ? offsetWidth + scrollLeft : scrollLeft);\n\n    let amount = this.tabs\n      .map((tab) => ({\n        start: LTR\n          ? getOffset(tab, this.wrapper).left\n          : Math.abs(getOffset(tab, this.wrapper).right),\n        width: tab.offsetWidth,\n      }))\n      .filter((offset) =>\n        next ? offset.start + offset.width > pivot : offset.start < pivot\n      )\n      .at(next ? 0 : -1)!.width;\n\n    amount *= next ? 1 : -1;\n    this.container.scrollBy({ left: LTR ? amount : -amount });\n  }\n\n  protected handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n    const tab = target.closest('igc-tab');\n\n    if (!(tab && this.contains(tab)) || tab.disabled) {\n      return;\n    }\n\n    tab.focus();\n    this.setSelectedTab(tab);\n    this.emitEvent('igcChange', { detail: this.activeTab });\n  }\n\n  protected handleKeyDown = (event: KeyboardEvent) => {\n    const { key } = event;\n    const enabledTabs = this.enabledTabs;\n    const ltr = isLTR(this);\n\n    let index = enabledTabs.indexOf(\n      document.activeElement?.closest('igc-tab') as IgcTabComponent\n    );\n\n    switch (key) {\n      case 'ArrowLeft':\n        index = ltr\n          ? (enabledTabs.length + index - 1) % enabledTabs.length\n          : (index + 1) % enabledTabs.length;\n        break;\n      case 'ArrowRight':\n        index = ltr\n          ? (index + 1) % enabledTabs.length\n          : (enabledTabs.length + index - 1) % enabledTabs.length;\n        break;\n      case 'Home':\n        index = 0;\n        break;\n      case 'End':\n        index = enabledTabs.length - 1;\n        break;\n      case 'Enter':\n      case ' ':\n        this.setSelectedTab(enabledTabs[index]);\n        break;\n      default:\n        return;\n    }\n\n    enabledTabs[index].focus({ preventScroll: true });\n\n    if (this.activation === 'auto') {\n      this.setSelectedTab(enabledTabs[index]);\n      this.emitEvent('igcChange', { detail: this.activeTab });\n    } else {\n      enabledTabs[index].scrollIntoView({ block: 'nearest' });\n    }\n\n    event.preventDefault();\n  };\n\n  @eventOptions({ passive: true })\n  protected handleScroll() {\n    this.updateScrollButtons();\n  }\n\n  /** Selects the specified tab and displays the corresponding panel.  */\n  public select(name: string) {\n    this.setSelectedTab(this.tabs.find((el) => el.panel === name));\n  }\n\n  protected renderScrollButton(direction: 'start' | 'end') {\n    const start = direction === 'start';\n\n    return this.showScrollButtons\n      ? html`<igc-icon-button\n          tabindex=\"-1\"\n          aria-hidden=\"true\"\n          size=\"large\"\n          variant=\"flat\"\n          collection=\"internal\"\n          part=\"${direction}-scroll-button\"\n          name=\"navigate_${start ? 'before' : 'next'}\"\n          .disabled=${start\n            ? this.disableStartScrollButton\n            : this.disableEndScrollButton}\n          @click=${() => this.scrollByTabOffset(direction)}\n        ></igc-icon-button>`\n      : nothing;\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"headers\">\n        ${this.renderScrollButton('start')}\n        <div part=\"headers-content\" @scroll=${this.handleScroll}>\n          <div part=\"headers-wrapper\">\n            <div\n              part=\"headers-scroll\"\n              role=\"tablist\"\n              @click=${this.handleClick}\n              @keydown=${this.handleKeyDown}\n            >\n              <slot></slot>\n            </div>\n            <div part=\"selected-indicator\"></div>\n          </div>\n        </div>\n        ${this.renderScrollButton('end')}\n      </div>\n      <div part=\"content\">\n        <slot name=\"panel\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-tabs': IgcTabsComponent;\n  }\n}\n"]}

package/index.d.ts

@@ -57,6 +57,7 @@ export { defineAllComponents } from './components/common/definitions/defineAllCo
 export { registerIcon, registerIconFromText, } from './components/icon/icon.registry.js';
 export { configureTheme } from './theming/config.js';
 export { IgcCalendarResourceStrings } from './components/common/i18n/calendar.resources.js';
-export type { DateRangeDescriptor, DateRangeType, } from './components/calendar/common/calendar.model.js';
+export type { DateRangeDescriptor } from './components/calendar/common/calendar.model.js';
+export { DateRangeType } from './components/calendar/common/calendar.model.js';
 export type { DatePart, DatePartDeltas, } from './components/date-time-input/date-util.js';
 export type { IgcRangeSliderValue } from './components/slider/range-slider.js';

package/index.js

@@ -56,4 +56,5 @@ export { defineComponents } from './components/common/definitions/defineComponen
 export { defineAllComponents } from './components/common/definitions/defineAllComponents.js';
 export { registerIcon, registerIconFromText, } from './components/icon/icon.registry.js';
 export { configureTheme } from './theming/config.js';
+export { DateRangeType } from './components/calendar/common/calendar.model.js';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nexport { default as IgcAvatarComponent } from './components/avatar/avatar.js';\nexport { default as IgcAccordionComponent } from './components/accordion/accordion.js';\nexport { default as IgcBadgeComponent } from './components/badge/badge.js';\nexport { default as IgcButtonComponent } from './components/button/button.js';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar.js';\nexport { default as IgcCardComponent } from './components/card/card.js';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions.js';\nexport { default as IgcCardContentComponent } from './components/card/card.content.js';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header.js';\nexport { default as IgcCardMediaComponent } from './components/card/card.media.js';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';\nexport { default as IgcChipComponent } from './components/chip/chip.js';\nexport { default as IgcDateTimeInputComponent } from './components/date-time-input/date-time-input.js';\nexport { default as IgcDialogComponent } from './components/dialog/dialog.js';\nexport { default as IgcDropdownComponent } from './components/dropdown/dropdown.js';\nexport { default as IgcDropdownGroupComponent } from './components/dropdown/dropdown-group.js';\nexport { default as IgcDropdownHeaderComponent } from './components/dropdown/dropdown-header.js';\nexport { default as IgcDropdownItemComponent } from './components/dropdown/dropdown-item.js';\nexport { default as IgcSelectComponent } from './components/select/select.js';\nexport { default as IgcSelectGroupComponent } from './components/select/select-group.js';\nexport { default as IgcSelectHeaderComponent } from './components/select/select-header.js';\nexport { default as IgcSelectItemComponent } from './components/select/select-item.js';\nexport { default as IgcExpansionPanelComponent } from './components/expansion-panel/expansion-panel.js';\nexport { default as IgcIconComponent } from './components/icon/icon.js';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button.js';\nexport { default as IgcInputComponent } from './components/input/input.js';\nexport { default as IgcFormComponent } from './components/form/form.js';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress.js';\nexport { default as IgcListComponent } from './components/list/list.js';\nexport { default as IgcListHeaderComponent } from './components/list/list-header.js';\nexport { default as IgcListItemComponent } from './components/list/list-item.js';\nexport { default as IgcMaskInputComponent } from './components/mask-input/mask-input.js';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer.js';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item.js';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item.js';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar.js';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group.js';\nexport { default as IgcRadioComponent } from './components/radio/radio.js';\nexport { default as IgcRatingComponent } from './components/rating/rating.js';\nexport { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol.js';\nexport { default as IgcRippleComponent } from './components/ripple/ripple.js';\nexport { default as IgcRangeSliderComponent } from './components/slider/range-slider.js';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar.js';\nexport { default as IgcSliderComponent } from './components/slider/slider.js';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label.js';\nexport { default as IgcTabsComponent } from './components/tabs/tabs.js';\nexport { default as IgcTabComponent } from './components/tabs/tab.js';\nexport { default as IgcTabPanelComponent } from './components/tabs/tab-panel.js';\nexport { default as IgcToastComponent } from './components/toast/toast.js';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch.js';\nexport { default as IgcTreeComponent } from './components/tree/tree.js';\nexport { default as IgcTreeItemComponent } from './components/tree/tree-item.js';\n\n// definitions\nexport { defineComponents } from './components/common/definitions/defineComponents.js';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents.js';\n\n// icon registration\nexport {\n  registerIcon,\n  registerIconFromText,\n} from './components/icon/icon.registry.js';\n\n// theming configuration\nexport { configureTheme } from './theming/config.js';\n\n// localization objects\nexport { IgcCalendarResourceStrings } from './components/common/i18n/calendar.resources.js';\n\n// Types\nexport type {\n  DateRangeDescriptor,\n  DateRangeType,\n} from './components/calendar/common/calendar.model.js';\nexport type {\n  DatePart,\n  DatePartDeltas,\n} from './components/date-time-input/date-util.js';\nexport type { IgcRangeSliderValue } from './components/slider/range-slider.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\nexport { default as IgcAvatarComponent } from './components/avatar/avatar.js';\nexport { default as IgcAccordionComponent } from './components/accordion/accordion.js';\nexport { default as IgcBadgeComponent } from './components/badge/badge.js';\nexport { default as IgcButtonComponent } from './components/button/button.js';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar.js';\nexport { default as IgcCardComponent } from './components/card/card.js';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions.js';\nexport { default as IgcCardContentComponent } from './components/card/card.content.js';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header.js';\nexport { default as IgcCardMediaComponent } from './components/card/card.media.js';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox.js';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress.js';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient.js';\nexport { default as IgcChipComponent } from './components/chip/chip.js';\nexport { default as IgcDateTimeInputComponent } from './components/date-time-input/date-time-input.js';\nexport { default as IgcDialogComponent } from './components/dialog/dialog.js';\nexport { default as IgcDropdownComponent } from './components/dropdown/dropdown.js';\nexport { default as IgcDropdownGroupComponent } from './components/dropdown/dropdown-group.js';\nexport { default as IgcDropdownHeaderComponent } from './components/dropdown/dropdown-header.js';\nexport { default as IgcDropdownItemComponent } from './components/dropdown/dropdown-item.js';\nexport { default as IgcSelectComponent } from './components/select/select.js';\nexport { default as IgcSelectGroupComponent } from './components/select/select-group.js';\nexport { default as IgcSelectHeaderComponent } from './components/select/select-header.js';\nexport { default as IgcSelectItemComponent } from './components/select/select-item.js';\nexport { default as IgcExpansionPanelComponent } from './components/expansion-panel/expansion-panel.js';\nexport { default as IgcIconComponent } from './components/icon/icon.js';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button.js';\nexport { default as IgcInputComponent } from './components/input/input.js';\nexport { default as IgcFormComponent } from './components/form/form.js';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress.js';\nexport { default as IgcListComponent } from './components/list/list.js';\nexport { default as IgcListHeaderComponent } from './components/list/list-header.js';\nexport { default as IgcListItemComponent } from './components/list/list-item.js';\nexport { default as IgcMaskInputComponent } from './components/mask-input/mask-input.js';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer.js';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item.js';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item.js';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar.js';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group.js';\nexport { default as IgcRadioComponent } from './components/radio/radio.js';\nexport { default as IgcRatingComponent } from './components/rating/rating.js';\nexport { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol.js';\nexport { default as IgcRippleComponent } from './components/ripple/ripple.js';\nexport { default as IgcRangeSliderComponent } from './components/slider/range-slider.js';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar.js';\nexport { default as IgcSliderComponent } from './components/slider/slider.js';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label.js';\nexport { default as IgcTabsComponent } from './components/tabs/tabs.js';\nexport { default as IgcTabComponent } from './components/tabs/tab.js';\nexport { default as IgcTabPanelComponent } from './components/tabs/tab-panel.js';\nexport { default as IgcToastComponent } from './components/toast/toast.js';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch.js';\nexport { default as IgcTreeComponent } from './components/tree/tree.js';\nexport { default as IgcTreeItemComponent } from './components/tree/tree-item.js';\n\n// definitions\nexport { defineComponents } from './components/common/definitions/defineComponents.js';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents.js';\n\n// icon registration\nexport {\n  registerIcon,\n  registerIconFromText,\n} from './components/icon/icon.registry.js';\n\n// theming configuration\nexport { configureTheme } from './theming/config.js';\n\n// localization objects\nexport { IgcCalendarResourceStrings } from './components/common/i18n/calendar.resources.js';\n\n// Types\nexport type { DateRangeDescriptor } from './components/calendar/common/calendar.model.js';\nexport { DateRangeType } from './components/calendar/common/calendar.model.js';\nexport type {\n  DatePart,\n  DatePartDeltas,\n} from './components/date-time-input/date-util.js';\nexport type { IgcRangeSliderValue } from './components/slider/range-slider.js';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-webcomponents",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",

package/themes/dark/fluent.css

@@ -1 +1 @@
-.igc-scrollbar{--scrolbar-size: 1rem;--igc-scrollbar-track-color: hsla(var(--igc-gray-100), var(--igc-gray-a));--igc-scrollbar-thumb-color: hsla(var(--igc-gray-400), var(--igc-gray-a))}:root{--igc-theme: fluent;--igc-radius-factor: 1;--igc-spacing-small: 0.125rem;--igc-spacing-medium: 0.25rem;--igc-spacing-large: 0.5rem}:root{--igc-primary-h: 206deg;--igc-primary-s: 100%;--igc-primary-l: 42%;--igc-primary-a: 1;--igc-secondary-h: 206deg;--igc-secondary-s: 100%;--igc-secondary-l: 42%;--igc-secondary-a: 1;--igc-gray-h: 0deg;--igc-gray-s: 0%;--igc-gray-l: 100%;--igc-gray-a: 1;--igc-surface-h: 0deg;--igc-surface-s: 0%;--igc-surface-l: 13%;--igc-surface-a: 1;--igc-info-h: 209deg;--igc-info-s: 84%;--igc-info-l: 45%;--igc-info-a: 1;--igc-success-h: 120deg;--igc-success-s: 77%;--igc-success-l: 27%;--igc-success-a: 1;--igc-warn-h: 30deg;--igc-warn-s: 3%;--igc-warn-l: 46%;--igc-warn-a: 1;--igc-error-h: 0deg;--igc-error-s: 100%;--igc-error-l: 33%;--igc-error-a: 1;--igc-primary-50: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.78);--igc-primary-50-contrast: black;--igc-primary-100: var(--igc-primary-h), calc(var(--igc-primary-s) / 1.25), calc(var(--igc-primary-l) * 1.66);--igc-primary-100-contrast: black;--igc-primary-200: var(--igc-primary-h), calc(var(--igc-primary-s) * .64), calc(var(--igc-primary-l) * 1.43);--igc-primary-200-contrast: black;--igc-primary-300: var(--igc-primary-h), calc(var(--igc-primary-s) * .73), calc(var(--igc-primary-l) * 1.19);--igc-primary-300-contrast: black;--igc-primary-400: var(--igc-primary-h), calc(var(--igc-primary-s) * .875), calc(var(--igc-primary-l) * 1.08);--igc-primary-400-contrast: black;--igc-primary-500: var(--igc-primary-h), var(--igc-primary-s), var(--igc-primary-l);--igc-primary-500-contrast: black;--igc-primary-600: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.26), calc(var(--igc-primary-l) * .89);--igc-primary-600-contrast: white;--igc-primary-700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.52), calc(var(--igc-primary-l) * .81);--igc-primary-700-contrast: white;--igc-primary-800: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.5), calc(var(--igc-primary-l) * .73);--igc-primary-800-contrast: white;--igc-primary-900: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.34), calc(var(--igc-primary-l) * .64);--igc-primary-900-contrast: white;--igc-primary-A100: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.34);--igc-primary-A100-contrast: black;--igc-primary-A200: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * 1.16);--igc-primary-A200-contrast: black;--igc-primary-A400: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * .91);--igc-primary-A400-contrast: white;--igc-primary-A700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * .65);--igc-primary-A700-contrast: white;--igc-secondary-50: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.78);--igc-secondary-50-contrast: black;--igc-secondary-100: var(--igc-secondary-h), calc(var(--igc-secondary-s) / 1.25), calc(var(--igc-secondary-l) * 1.66);--igc-secondary-100-contrast: black;--igc-secondary-200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .64), calc(var(--igc-secondary-l) * 1.43);--igc-secondary-200-contrast: black;--igc-secondary-300: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .73), calc(var(--igc-secondary-l) * 1.19);--igc-secondary-300-contrast: black;--igc-secondary-400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .875), calc(var(--igc-secondary-l) * 1.08);--igc-secondary-400-contrast: black;--igc-secondary-500: var(--igc-secondary-h), var(--igc-secondary-s), var(--igc-secondary-l);--igc-secondary-500-contrast: black;--igc-secondary-600: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.26), calc(var(--igc-secondary-l) * .89);--igc-secondary-600-contrast: white;--igc-secondary-700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.52), calc(var(--igc-secondary-l) * .81);--igc-secondary-700-contrast: white;--igc-secondary-800: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.5), calc(var(--igc-secondary-l) * .73);--igc-secondary-800-contrast: white;--igc-secondary-900: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.34), calc(var(--igc-secondary-l) * .64);--igc-secondary-900-contrast: white;--igc-secondary-A100: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.34);--igc-secondary-A100-contrast: black;--igc-secondary-A200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * 1.16);--igc-secondary-A200-contrast: black;--igc-secondary-A400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * .91);--igc-secondary-A400-contrast: white;--igc-secondary-A700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * .65);--igc-secondary-A700-contrast: white;--igc-gray-50: var(--igc-gray-h), var(--igc-gray-s), 13%;--igc-gray-50-contrast: white;--igc-gray-100: var(--igc-gray-h), var(--igc-gray-s), 26%;--igc-gray-100-contrast: white;--igc-gray-200: var(--igc-gray-h), var(--igc-gray-s), 38%;--igc-gray-200-contrast: white;--igc-gray-300: var(--igc-gray-h), var(--igc-gray-s), 54%;--igc-gray-300-contrast: black;--igc-gray-400: var(--igc-gray-h), var(--igc-gray-s), 62%;--igc-gray-400-contrast: black;--igc-gray-500: var(--igc-gray-h), var(--igc-gray-s), 74%;--igc-gray-500-contrast: black;--igc-gray-600: var(--igc-gray-h), var(--igc-gray-s), 88%;--igc-gray-600-contrast: black;--igc-gray-700: var(--igc-gray-h), var(--igc-gray-s), 93%;--igc-gray-700-contrast: black;--igc-gray-800: var(--igc-gray-h), var(--igc-gray-s), 96%;--igc-gray-800-contrast: black;--igc-gray-900: var(--igc-gray-h), var(--igc-gray-s), 98%;--igc-gray-900-contrast: black;--igc-surface-50: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.78);--igc-surface-50-contrast: black;--igc-surface-100: var(--igc-surface-h), calc(var(--igc-surface-s) / 1.25), calc(var(--igc-surface-l) * 1.66);--igc-surface-100-contrast: white;--igc-surface-200: var(--igc-surface-h), calc(var(--igc-surface-s) * .64), calc(var(--igc-surface-l) * 1.43);--igc-surface-200-contrast: white;--igc-surface-300: var(--igc-surface-h), calc(var(--igc-surface-s) * .73), calc(var(--igc-surface-l) * 1.19);--igc-surface-300-contrast: white;--igc-surface-400: var(--igc-surface-h), calc(var(--igc-surface-s) * .875), calc(var(--igc-surface-l) * 1.08);--igc-surface-400-contrast: white;--igc-surface-500: var(--igc-surface-h), var(--igc-surface-s), var(--igc-surface-l);--igc-surface-500-contrast: white;--igc-surface-600: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.26), calc(var(--igc-surface-l) * .89);--igc-surface-600-contrast: white;--igc-surface-700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.52), calc(var(--igc-surface-l) * .81);--igc-surface-700-contrast: white;--igc-surface-800: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.5), calc(var(--igc-surface-l) * .73);--igc-surface-800-contrast: white;--igc-surface-900: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.34), calc(var(--igc-surface-l) * .64);--igc-surface-900-contrast: white;--igc-surface-A100: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.34);--igc-surface-A100-contrast: white;--igc-surface-A200: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * 1.16);--igc-surface-A200-contrast: white;--igc-surface-A400: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * .91);--igc-surface-A400-contrast: white;--igc-surface-A700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * .65);--igc-surface-A700-contrast: white;--igc-info-50: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.78);--igc-info-50-contrast: black;--igc-info-100: var(--igc-info-h), calc(var(--igc-info-s) / 1.25), calc(var(--igc-info-l) * 1.66);--igc-info-100-contrast: black;--igc-info-200: var(--igc-info-h), calc(var(--igc-info-s) * .64), calc(var(--igc-info-l) * 1.43);--igc-info-200-contrast: black;--igc-info-300: var(--igc-info-h), calc(var(--igc-info-s) * .73), calc(var(--igc-info-l) * 1.19);--igc-info-300-contrast: black;--igc-info-400: var(--igc-info-h), calc(var(--igc-info-s) * .875), calc(var(--igc-info-l) * 1.08);--igc-info-400-contrast: black;--igc-info-500: var(--igc-info-h), var(--igc-info-s), var(--igc-info-l);--igc-info-500-contrast: black;--igc-info-600: var(--igc-info-h), calc(var(--igc-info-s) * 1.26), calc(var(--igc-info-l) * .89);--igc-info-600-contrast: white;--igc-info-700: var(--igc-info-h), calc(var(--igc-info-s) * 1.52), calc(var(--igc-info-l) * .81);--igc-info-700-contrast: white;--igc-info-800: var(--igc-info-h), calc(var(--igc-info-s) * 1.5), calc(var(--igc-info-l) * .73);--igc-info-800-contrast: white;--igc-info-900: var(--igc-info-h), calc(var(--igc-info-s) * 1.34), calc(var(--igc-info-l) * .64);--igc-info-900-contrast: white;--igc-info-A100: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.34);--igc-info-A100-contrast: black;--igc-info-A200: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * 1.16);--igc-info-A200-contrast: black;--igc-info-A400: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * .91);--igc-info-A400-contrast: white;--igc-info-A700: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * .65);--igc-info-A700-contrast: white;--igc-success-50: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.78);--igc-success-50-contrast: black;--igc-success-100: var(--igc-success-h), calc(var(--igc-success-s) / 1.25), calc(var(--igc-success-l) * 1.66);--igc-success-100-contrast: black;--igc-success-200: var(--igc-success-h), calc(var(--igc-success-s) * .64), calc(var(--igc-success-l) * 1.43);--igc-success-200-contrast: black;--igc-success-300: var(--igc-success-h), calc(var(--igc-success-s) * .73), calc(var(--igc-success-l) * 1.19);--igc-success-300-contrast: black;--igc-success-400: var(--igc-success-h), calc(var(--igc-success-s) * .875), calc(var(--igc-success-l) * 1.08);--igc-success-400-contrast: black;--igc-success-500: var(--igc-success-h), var(--igc-success-s), var(--igc-success-l);--igc-success-500-contrast: white;--igc-success-600: var(--igc-success-h), calc(var(--igc-success-s) * 1.26), calc(var(--igc-success-l) * .89);--igc-success-600-contrast: white;--igc-success-700: var(--igc-success-h), calc(var(--igc-success-s) * 1.52), calc(var(--igc-success-l) * .81);--igc-success-700-contrast: white;--igc-success-800: var(--igc-success-h), calc(var(--igc-success-s) * 1.5), calc(var(--igc-success-l) * .73);--igc-success-800-contrast: white;--igc-success-900: var(--igc-success-h), calc(var(--igc-success-s) * 1.34), calc(var(--igc-success-l) * .64);--igc-success-900-contrast: white;--igc-success-A100: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.34);--igc-success-A100-contrast: black;--igc-success-A200: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * 1.16);--igc-success-A200-contrast: black;--igc-success-A400: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * .91);--igc-success-A400-contrast: white;--igc-success-A700: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * .65);--igc-success-A700-contrast: white;--igc-warn-50: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.78);--igc-warn-50-contrast: black;--igc-warn-100: var(--igc-warn-h), calc(var(--igc-warn-s) / 1.25), calc(var(--igc-warn-l) * 1.66);--igc-warn-100-contrast: black;--igc-warn-200: var(--igc-warn-h), calc(var(--igc-warn-s) * .64), calc(var(--igc-warn-l) * 1.43);--igc-warn-200-contrast: black;--igc-warn-300: var(--igc-warn-h), calc(var(--igc-warn-s) * .73), calc(var(--igc-warn-l) * 1.19);--igc-warn-300-contrast: black;--igc-warn-400: var(--igc-warn-h), calc(var(--igc-warn-s) * .875), calc(var(--igc-warn-l) * 1.08);--igc-warn-400-contrast: black;--igc-warn-500: var(--igc-warn-h), var(--igc-warn-s), var(--igc-warn-l);--igc-warn-500-contrast: black;--igc-warn-600: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.26), calc(var(--igc-warn-l) * .89);--igc-warn-600-contrast: white;--igc-warn-700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.52), calc(var(--igc-warn-l) * .81);--igc-warn-700-contrast: white;--igc-warn-800: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.5), calc(var(--igc-warn-l) * .73);--igc-warn-800-contrast: white;--igc-warn-900: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.34), calc(var(--igc-warn-l) * .64);--igc-warn-900-contrast: white;--igc-warn-A100: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.34);--igc-warn-A100-contrast: black;--igc-warn-A200: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * 1.16);--igc-warn-A200-contrast: black;--igc-warn-A400: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * .91);--igc-warn-A400-contrast: white;--igc-warn-A700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * .65);--igc-warn-A700-contrast: white;--igc-error-50: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.78);--igc-error-50-contrast: black;--igc-error-100: var(--igc-error-h), calc(var(--igc-error-s) / 1.25), calc(var(--igc-error-l) * 1.66);--igc-error-100-contrast: black;--igc-error-200: var(--igc-error-h), calc(var(--igc-error-s) * .64), calc(var(--igc-error-l) * 1.43);--igc-error-200-contrast: black;--igc-error-300: var(--igc-error-h), calc(var(--igc-error-s) * .73), calc(var(--igc-error-l) * 1.19);--igc-error-300-contrast: white;--igc-error-400: var(--igc-error-h), calc(var(--igc-error-s) * .875), calc(var(--igc-error-l) * 1.08);--igc-error-400-contrast: white;--igc-error-500: var(--igc-error-h), var(--igc-error-s), var(--igc-error-l);--igc-error-500-contrast: white;--igc-error-600: var(--igc-error-h), calc(var(--igc-error-s) * 1.26), calc(var(--igc-error-l) * .89);--igc-error-600-contrast: white;--igc-error-700: var(--igc-error-h), calc(var(--igc-error-s) * 1.52), calc(var(--igc-error-l) * .81);--igc-error-700-contrast: white;--igc-error-800: var(--igc-error-h), calc(var(--igc-error-s) * 1.5), calc(var(--igc-error-l) * .73);--igc-error-800-contrast: white;--igc-error-900: var(--igc-error-h), calc(var(--igc-error-s) * 1.34), calc(var(--igc-error-l) * .64);--igc-error-900-contrast: white;--igc-error-A100: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.34);--igc-error-A100-contrast: black;--igc-error-A200: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * 1.16);--igc-error-A200-contrast: white;--igc-error-A400: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * .91);--igc-error-A400-contrast: white;--igc-error-A700: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * .65);--igc-error-A700-contrast: white}:root{--igc-elevation-0: none;--igc-elevation-1: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--igc-elevation-2: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-3: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-4: 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-5: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-6: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-7: 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--igc-elevation-8: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-9: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-10: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-11: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-12: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-13: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-14: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-15: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-16: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 30px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-17: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 32px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-18: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 34px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-19: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 29px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-20: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 31px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-21: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 33px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 40px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-22: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 35px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 42px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-23: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 23px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 44px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--igc-elevation-24: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 46px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}:root{--igc-font-family: 'Open Sans', Helvetica, Arial, sans-serif;--igc-h1-font-family: var(--igc-font-family);--igc-h1-font-weight: 700;--igc-h1-font-size: 4.25rem;--igc-h1-font-style: normal;--igc-h1-letter-spacing: -0.09375rem;--igc-h1-text-transform: none;--igc-h1-line-height: 4.75rem;--igc-h1-margin-top: 0;--igc-h1-margin-bottom: 0;--igc-h2-font-family: var(--igc-font-family);--igc-h2-font-weight: 700;--igc-h2-font-size: 2.625rem;--igc-h2-font-style: normal;--igc-h2-letter-spacing: -0.03125rem;--igc-h2-text-transform: none;--igc-h2-line-height: 3.25rem;--igc-h2-margin-top: 0;--igc-h2-margin-bottom: 0;--igc-h3-font-family: var(--igc-font-family);--igc-h3-font-weight: 600;--igc-h3-font-size: 2rem;--igc-h3-font-style: normal;--igc-h3-letter-spacing: 0;--igc-h3-text-transform: none;--igc-h3-line-height: 2.5rem;--igc-h3-margin-top: 0;--igc-h3-margin-bottom: 0;--igc-h4-font-family: var(--igc-font-family);--igc-h4-font-weight: 400;--igc-h4-font-size: 1.75rem;--igc-h4-font-style: normal;--igc-h4-letter-spacing: 0.015625rem;--igc-h4-text-transform: none;--igc-h4-line-height: 2.25rem;--igc-h4-margin-top: 0;--igc-h4-margin-bottom: 0;--igc-h5-font-family: var(--igc-font-family);--igc-h5-font-weight: 400;--igc-h5-font-size: 1.5rem;--igc-h5-font-style: normal;--igc-h5-letter-spacing: 0;--igc-h5-text-transform: none;--igc-h5-line-height: 2rem;--igc-h5-margin-top: 0;--igc-h5-margin-bottom: 0;--igc-h6-font-family: var(--igc-font-family);--igc-h6-font-weight: 400;--igc-h6-font-size: 1.25rem;--igc-h6-font-style: normal;--igc-h6-letter-spacing: 0.009375rem;--igc-h6-text-transform: none;--igc-h6-line-height: 1.75rem;--igc-h6-margin-top: 0;--igc-h6-margin-bottom: 0;--igc-subtitle-1-font-family: var(--igc-font-family);--igc-subtitle-1-font-weight: 400;--igc-subtitle-1-font-size: 1.125rem;--igc-subtitle-1-font-style: normal;--igc-subtitle-1-letter-spacing: 0.009375rem;--igc-subtitle-1-text-transform: none;--igc-subtitle-1-line-height: 1.5rem;--igc-subtitle-1-margin-top: 0;--igc-subtitle-1-margin-bottom: 0;--igc-subtitle-2-font-family: var(--igc-font-family);--igc-subtitle-2-font-weight: 600;--igc-subtitle-2-font-size: 0.875rem;--igc-subtitle-2-font-style: normal;--igc-subtitle-2-letter-spacing: 0.00625rem;--igc-subtitle-2-text-transform: none;--igc-subtitle-2-line-height: 1.25rem;--igc-subtitle-2-margin-top: 0;--igc-subtitle-2-margin-bottom: 0;--igc-body-1-font-family: var(--igc-font-family);--igc-body-1-font-weight: 400;--igc-body-1-font-size: 1rem;--igc-body-1-font-style: normal;--igc-body-1-letter-spacing: 0.03125rem;--igc-body-1-text-transform: none;--igc-body-1-line-height: 1.375rem;--igc-body-1-margin-top: 0;--igc-body-1-margin-bottom: 0;--igc-body-2-font-family: var(--igc-font-family);--igc-body-2-font-weight: 400;--igc-body-2-font-size: 0.875rem;--igc-body-2-font-style: normal;--igc-body-2-letter-spacing: 0.015625rem;--igc-body-2-text-transform: none;--igc-body-2-line-height: 1.25rem;--igc-body-2-margin-top: 0;--igc-body-2-margin-bottom: 0;--igc-button-font-family: var(--igc-font-family);--igc-button-font-weight: 400;--igc-button-font-size: 0.875rem;--igc-button-font-style: normal;--igc-button-letter-spacing: 0;--igc-button-text-transform: capitalize;--igc-button-line-height: 0.875rem;--igc-button-margin-top: 0;--igc-button-margin-bottom: 0;--igc-caption-font-family: var(--igc-font-family);--igc-caption-font-weight: 400;--igc-caption-font-size: 0.75rem;--igc-caption-font-style: normal;--igc-caption-letter-spacing: 0.025rem;--igc-caption-text-transform: none;--igc-caption-line-height: 1rem;--igc-overline-font-family: var(--igc-font-family);--igc-overline-font-weight: 400;--igc-overline-font-size: 0.625rem;--igc-overline-font-style: normal;--igc-overline-letter-spacing: 0.09375rem;--igc-overline-text-transform: uppercase;--igc-overline-line-height: 0.875rem;--igc-overline-margin-top: 0;--igc-overline-margin-bottom: 0}igc-button{--text-color: hsla(var(--igc-surface-500), var(--igc-surface-a));--hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a));--active-background: hsla(var(--igc-primary-100), var(--igc-primary-a))}igc-icon-button{--text-color: hsla(var(--igc-surface-500), var(--igc-surface-a));--hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a))}igc-checkbox{--border-color: hsla(var(--igc-gray-700), var(--igc-gray-a));--hover-color: hsla(var(--igc-gray-900), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-dropdown-item{--selected-item-color: var(--igc-surface-500-contrast)}igc-dropdown-header{--header-color: var(--igc-surface-500-contrast)}igc-switch{--thumb-color: hsla(var(--igc-gray-500), var(--igc-gray-a));--disabled-thumb-color: hsla(var(--igc-gray-100), var(--igc-gray-a));--hover-color: hsla(var(--igc-gray-900), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-input{--container-background: transparent}igc-radio{--hover-color: hsla(var(--igc-gray-500), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-slider{--inactive-background: hsla(var(--igc-gray-100), var(--igc-gray-a));--fill-background: hsla(var(--igc-gray-400), var(--igc-gray-a));--thumb-border: hsla(var(--igc-gray-400), var(--igc-gray-a));--fill-hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a));--thumb-hover-border: hsla(var(--igc-primary-300), var(--igc-primary-a));--inactive-disabled-background: hsla(var(--igc-gray-100), var(--igc-gray-a));--fill-disabled-background: hsla(var(--igc-gray-300), var(--igc-gray-a));--thumb-disabled-border: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-list-item{--item-hover-bg: hsla(var(--igc-gray-100), var(--igc-gray-a))}igc-tab{--hover-background: hsla(var(--igc-gray-100), 0.5)}igc-select::part(input){--container-background: transparent}igc-tree-item{--hover-color: hsla(var(--igc-gray-200), 0.5);--selected-background: hsla(var(--igc-gray-100), var(--igc-gray-a));--selected-color: var(--igc-gray-100-contrast);--active-background: hsla(var(--igc-gray-100), var(--igc-gray-a));--active-color: var(--igc-gray-100-contrast);--active-selected-background: hsla(var(--igc-gray-200), var(--igc-gray-a));--active-selected-color: var(--igc-gray-200-contrast)}igc-nav-drawer-item{--hover-background: hsla(var(--igc-gray-100), 0.5);--active-background: hsla(var(--igc-primary-400), 0.12);--active-icon-color: hsla(var(--igc-primary-100), var(--igc-primary-a));--active-text-color: hsla(var(--igc-primary-200), var(--igc-primary-a))}
+.igc-scrollbar{--scrolbar-size: 1rem;--igc-scrollbar-track-color: hsla(var(--igc-gray-100), var(--igc-gray-a));--igc-scrollbar-thumb-color: hsla(var(--igc-gray-400), var(--igc-gray-a))}:root{--igc-theme: fluent;--igc-radius-factor: 1;--igc-spacing-small: 0.125rem;--igc-spacing-medium: 0.25rem;--igc-spacing-large: 0.5rem}:root{--igc-primary-h: 206deg;--igc-primary-s: 100%;--igc-primary-l: 42%;--igc-primary-a: 1;--igc-secondary-h: 206deg;--igc-secondary-s: 100%;--igc-secondary-l: 42%;--igc-secondary-a: 1;--igc-gray-h: 0deg;--igc-gray-s: 0%;--igc-gray-l: 100%;--igc-gray-a: 1;--igc-surface-h: 0deg;--igc-surface-s: 0%;--igc-surface-l: 13%;--igc-surface-a: 1;--igc-info-h: 209deg;--igc-info-s: 84%;--igc-info-l: 45%;--igc-info-a: 1;--igc-success-h: 120deg;--igc-success-s: 77%;--igc-success-l: 27%;--igc-success-a: 1;--igc-warn-h: 30deg;--igc-warn-s: 3%;--igc-warn-l: 46%;--igc-warn-a: 1;--igc-error-h: 0deg;--igc-error-s: 100%;--igc-error-l: 33%;--igc-error-a: 1;--igc-primary-50: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.78);--igc-primary-50-contrast: black;--igc-primary-100: var(--igc-primary-h), calc(var(--igc-primary-s) / 1.25), calc(var(--igc-primary-l) * 1.66);--igc-primary-100-contrast: black;--igc-primary-200: var(--igc-primary-h), calc(var(--igc-primary-s) * .64), calc(var(--igc-primary-l) * 1.43);--igc-primary-200-contrast: black;--igc-primary-300: var(--igc-primary-h), calc(var(--igc-primary-s) * .73), calc(var(--igc-primary-l) * 1.19);--igc-primary-300-contrast: black;--igc-primary-400: var(--igc-primary-h), calc(var(--igc-primary-s) * .875), calc(var(--igc-primary-l) * 1.08);--igc-primary-400-contrast: black;--igc-primary-500: var(--igc-primary-h), var(--igc-primary-s), var(--igc-primary-l);--igc-primary-500-contrast: black;--igc-primary-600: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.26), calc(var(--igc-primary-l) * .89);--igc-primary-600-contrast: white;--igc-primary-700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.52), calc(var(--igc-primary-l) * .81);--igc-primary-700-contrast: white;--igc-primary-800: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.5), calc(var(--igc-primary-l) * .73);--igc-primary-800-contrast: white;--igc-primary-900: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.34), calc(var(--igc-primary-l) * .64);--igc-primary-900-contrast: white;--igc-primary-A100: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * 1.34);--igc-primary-A100-contrast: black;--igc-primary-A200: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * 1.16);--igc-primary-A200-contrast: black;--igc-primary-A400: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.23), calc(var(--igc-primary-l) * .91);--igc-primary-A400-contrast: white;--igc-primary-A700: var(--igc-primary-h), calc(var(--igc-primary-s) * 1.22), calc(var(--igc-primary-l) * .65);--igc-primary-A700-contrast: white;--igc-secondary-50: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.78);--igc-secondary-50-contrast: black;--igc-secondary-100: var(--igc-secondary-h), calc(var(--igc-secondary-s) / 1.25), calc(var(--igc-secondary-l) * 1.66);--igc-secondary-100-contrast: black;--igc-secondary-200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .64), calc(var(--igc-secondary-l) * 1.43);--igc-secondary-200-contrast: black;--igc-secondary-300: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .73), calc(var(--igc-secondary-l) * 1.19);--igc-secondary-300-contrast: black;--igc-secondary-400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * .875), calc(var(--igc-secondary-l) * 1.08);--igc-secondary-400-contrast: black;--igc-secondary-500: var(--igc-secondary-h), var(--igc-secondary-s), var(--igc-secondary-l);--igc-secondary-500-contrast: black;--igc-secondary-600: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.26), calc(var(--igc-secondary-l) * .89);--igc-secondary-600-contrast: white;--igc-secondary-700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.52), calc(var(--igc-secondary-l) * .81);--igc-secondary-700-contrast: white;--igc-secondary-800: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.5), calc(var(--igc-secondary-l) * .73);--igc-secondary-800-contrast: white;--igc-secondary-900: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.34), calc(var(--igc-secondary-l) * .64);--igc-secondary-900-contrast: white;--igc-secondary-A100: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * 1.34);--igc-secondary-A100-contrast: black;--igc-secondary-A200: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * 1.16);--igc-secondary-A200-contrast: black;--igc-secondary-A400: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.23), calc(var(--igc-secondary-l) * .91);--igc-secondary-A400-contrast: white;--igc-secondary-A700: var(--igc-secondary-h), calc(var(--igc-secondary-s) * 1.22), calc(var(--igc-secondary-l) * .65);--igc-secondary-A700-contrast: white;--igc-gray-50: var(--igc-gray-h), var(--igc-gray-s), 13%;--igc-gray-50-contrast: white;--igc-gray-100: var(--igc-gray-h), var(--igc-gray-s), 26%;--igc-gray-100-contrast: white;--igc-gray-200: var(--igc-gray-h), var(--igc-gray-s), 38%;--igc-gray-200-contrast: white;--igc-gray-300: var(--igc-gray-h), var(--igc-gray-s), 54%;--igc-gray-300-contrast: black;--igc-gray-400: var(--igc-gray-h), var(--igc-gray-s), 62%;--igc-gray-400-contrast: black;--igc-gray-500: var(--igc-gray-h), var(--igc-gray-s), 74%;--igc-gray-500-contrast: black;--igc-gray-600: var(--igc-gray-h), var(--igc-gray-s), 88%;--igc-gray-600-contrast: black;--igc-gray-700: var(--igc-gray-h), var(--igc-gray-s), 93%;--igc-gray-700-contrast: black;--igc-gray-800: var(--igc-gray-h), var(--igc-gray-s), 96%;--igc-gray-800-contrast: black;--igc-gray-900: var(--igc-gray-h), var(--igc-gray-s), 98%;--igc-gray-900-contrast: black;--igc-surface-50: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.78);--igc-surface-50-contrast: black;--igc-surface-100: var(--igc-surface-h), calc(var(--igc-surface-s) / 1.25), calc(var(--igc-surface-l) * 1.66);--igc-surface-100-contrast: white;--igc-surface-200: var(--igc-surface-h), calc(var(--igc-surface-s) * .64), calc(var(--igc-surface-l) * 1.43);--igc-surface-200-contrast: white;--igc-surface-300: var(--igc-surface-h), calc(var(--igc-surface-s) * .73), calc(var(--igc-surface-l) * 1.19);--igc-surface-300-contrast: white;--igc-surface-400: var(--igc-surface-h), calc(var(--igc-surface-s) * .875), calc(var(--igc-surface-l) * 1.08);--igc-surface-400-contrast: white;--igc-surface-500: var(--igc-surface-h), var(--igc-surface-s), var(--igc-surface-l);--igc-surface-500-contrast: white;--igc-surface-600: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.26), calc(var(--igc-surface-l) * .89);--igc-surface-600-contrast: white;--igc-surface-700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.52), calc(var(--igc-surface-l) * .81);--igc-surface-700-contrast: white;--igc-surface-800: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.5), calc(var(--igc-surface-l) * .73);--igc-surface-800-contrast: white;--igc-surface-900: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.34), calc(var(--igc-surface-l) * .64);--igc-surface-900-contrast: white;--igc-surface-A100: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * 1.34);--igc-surface-A100-contrast: white;--igc-surface-A200: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * 1.16);--igc-surface-A200-contrast: white;--igc-surface-A400: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.23), calc(var(--igc-surface-l) * .91);--igc-surface-A400-contrast: white;--igc-surface-A700: var(--igc-surface-h), calc(var(--igc-surface-s) * 1.22), calc(var(--igc-surface-l) * .65);--igc-surface-A700-contrast: white;--igc-info-50: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.78);--igc-info-50-contrast: black;--igc-info-100: var(--igc-info-h), calc(var(--igc-info-s) / 1.25), calc(var(--igc-info-l) * 1.66);--igc-info-100-contrast: black;--igc-info-200: var(--igc-info-h), calc(var(--igc-info-s) * .64), calc(var(--igc-info-l) * 1.43);--igc-info-200-contrast: black;--igc-info-300: var(--igc-info-h), calc(var(--igc-info-s) * .73), calc(var(--igc-info-l) * 1.19);--igc-info-300-contrast: black;--igc-info-400: var(--igc-info-h), calc(var(--igc-info-s) * .875), calc(var(--igc-info-l) * 1.08);--igc-info-400-contrast: black;--igc-info-500: var(--igc-info-h), var(--igc-info-s), var(--igc-info-l);--igc-info-500-contrast: black;--igc-info-600: var(--igc-info-h), calc(var(--igc-info-s) * 1.26), calc(var(--igc-info-l) * .89);--igc-info-600-contrast: white;--igc-info-700: var(--igc-info-h), calc(var(--igc-info-s) * 1.52), calc(var(--igc-info-l) * .81);--igc-info-700-contrast: white;--igc-info-800: var(--igc-info-h), calc(var(--igc-info-s) * 1.5), calc(var(--igc-info-l) * .73);--igc-info-800-contrast: white;--igc-info-900: var(--igc-info-h), calc(var(--igc-info-s) * 1.34), calc(var(--igc-info-l) * .64);--igc-info-900-contrast: white;--igc-info-A100: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * 1.34);--igc-info-A100-contrast: black;--igc-info-A200: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * 1.16);--igc-info-A200-contrast: black;--igc-info-A400: var(--igc-info-h), calc(var(--igc-info-s) * 1.23), calc(var(--igc-info-l) * .91);--igc-info-A400-contrast: white;--igc-info-A700: var(--igc-info-h), calc(var(--igc-info-s) * 1.22), calc(var(--igc-info-l) * .65);--igc-info-A700-contrast: white;--igc-success-50: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.78);--igc-success-50-contrast: black;--igc-success-100: var(--igc-success-h), calc(var(--igc-success-s) / 1.25), calc(var(--igc-success-l) * 1.66);--igc-success-100-contrast: black;--igc-success-200: var(--igc-success-h), calc(var(--igc-success-s) * .64), calc(var(--igc-success-l) * 1.43);--igc-success-200-contrast: black;--igc-success-300: var(--igc-success-h), calc(var(--igc-success-s) * .73), calc(var(--igc-success-l) * 1.19);--igc-success-300-contrast: black;--igc-success-400: var(--igc-success-h), calc(var(--igc-success-s) * .875), calc(var(--igc-success-l) * 1.08);--igc-success-400-contrast: black;--igc-success-500: var(--igc-success-h), var(--igc-success-s), var(--igc-success-l);--igc-success-500-contrast: white;--igc-success-600: var(--igc-success-h), calc(var(--igc-success-s) * 1.26), calc(var(--igc-success-l) * .89);--igc-success-600-contrast: white;--igc-success-700: var(--igc-success-h), calc(var(--igc-success-s) * 1.52), calc(var(--igc-success-l) * .81);--igc-success-700-contrast: white;--igc-success-800: var(--igc-success-h), calc(var(--igc-success-s) * 1.5), calc(var(--igc-success-l) * .73);--igc-success-800-contrast: white;--igc-success-900: var(--igc-success-h), calc(var(--igc-success-s) * 1.34), calc(var(--igc-success-l) * .64);--igc-success-900-contrast: white;--igc-success-A100: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * 1.34);--igc-success-A100-contrast: black;--igc-success-A200: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * 1.16);--igc-success-A200-contrast: black;--igc-success-A400: var(--igc-success-h), calc(var(--igc-success-s) * 1.23), calc(var(--igc-success-l) * .91);--igc-success-A400-contrast: white;--igc-success-A700: var(--igc-success-h), calc(var(--igc-success-s) * 1.22), calc(var(--igc-success-l) * .65);--igc-success-A700-contrast: white;--igc-warn-50: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.78);--igc-warn-50-contrast: black;--igc-warn-100: var(--igc-warn-h), calc(var(--igc-warn-s) / 1.25), calc(var(--igc-warn-l) * 1.66);--igc-warn-100-contrast: black;--igc-warn-200: var(--igc-warn-h), calc(var(--igc-warn-s) * .64), calc(var(--igc-warn-l) * 1.43);--igc-warn-200-contrast: black;--igc-warn-300: var(--igc-warn-h), calc(var(--igc-warn-s) * .73), calc(var(--igc-warn-l) * 1.19);--igc-warn-300-contrast: black;--igc-warn-400: var(--igc-warn-h), calc(var(--igc-warn-s) * .875), calc(var(--igc-warn-l) * 1.08);--igc-warn-400-contrast: black;--igc-warn-500: var(--igc-warn-h), var(--igc-warn-s), var(--igc-warn-l);--igc-warn-500-contrast: black;--igc-warn-600: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.26), calc(var(--igc-warn-l) * .89);--igc-warn-600-contrast: white;--igc-warn-700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.52), calc(var(--igc-warn-l) * .81);--igc-warn-700-contrast: white;--igc-warn-800: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.5), calc(var(--igc-warn-l) * .73);--igc-warn-800-contrast: white;--igc-warn-900: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.34), calc(var(--igc-warn-l) * .64);--igc-warn-900-contrast: white;--igc-warn-A100: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * 1.34);--igc-warn-A100-contrast: black;--igc-warn-A200: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * 1.16);--igc-warn-A200-contrast: black;--igc-warn-A400: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.23), calc(var(--igc-warn-l) * .91);--igc-warn-A400-contrast: white;--igc-warn-A700: var(--igc-warn-h), calc(var(--igc-warn-s) * 1.22), calc(var(--igc-warn-l) * .65);--igc-warn-A700-contrast: white;--igc-error-50: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.78);--igc-error-50-contrast: black;--igc-error-100: var(--igc-error-h), calc(var(--igc-error-s) / 1.25), calc(var(--igc-error-l) * 1.66);--igc-error-100-contrast: black;--igc-error-200: var(--igc-error-h), calc(var(--igc-error-s) * .64), calc(var(--igc-error-l) * 1.43);--igc-error-200-contrast: black;--igc-error-300: var(--igc-error-h), calc(var(--igc-error-s) * .73), calc(var(--igc-error-l) * 1.19);--igc-error-300-contrast: white;--igc-error-400: var(--igc-error-h), calc(var(--igc-error-s) * .875), calc(var(--igc-error-l) * 1.08);--igc-error-400-contrast: white;--igc-error-500: var(--igc-error-h), var(--igc-error-s), var(--igc-error-l);--igc-error-500-contrast: white;--igc-error-600: var(--igc-error-h), calc(var(--igc-error-s) * 1.26), calc(var(--igc-error-l) * .89);--igc-error-600-contrast: white;--igc-error-700: var(--igc-error-h), calc(var(--igc-error-s) * 1.52), calc(var(--igc-error-l) * .81);--igc-error-700-contrast: white;--igc-error-800: var(--igc-error-h), calc(var(--igc-error-s) * 1.5), calc(var(--igc-error-l) * .73);--igc-error-800-contrast: white;--igc-error-900: var(--igc-error-h), calc(var(--igc-error-s) * 1.34), calc(var(--igc-error-l) * .64);--igc-error-900-contrast: white;--igc-error-A100: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * 1.34);--igc-error-A100-contrast: black;--igc-error-A200: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * 1.16);--igc-error-A200-contrast: white;--igc-error-A400: var(--igc-error-h), calc(var(--igc-error-s) * 1.23), calc(var(--igc-error-l) * .91);--igc-error-A400-contrast: white;--igc-error-A700: var(--igc-error-h), calc(var(--igc-error-s) * 1.22), calc(var(--igc-error-l) * .65);--igc-error-A700-contrast: white}:root{--igc-elevation-0: none;--igc-elevation-1: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 3px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 1px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.08);--igc-elevation-2: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 2px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-3: 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 4px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.08);--igc-elevation-4: 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-5: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 8px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 14px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-6: 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -1px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 10px) 0 rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 1px) calc(var(--igc-elevation-factor, 1) * 18px) 0 rgba(0, 0, 0, 0.08);--igc-elevation-7: 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -2px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 2px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.08);--igc-elevation-8: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-9: 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 3px) calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.08);--igc-elevation-10: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * -3px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-11: 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 1px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 4px) calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.08);--igc-elevation-12: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-13: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-14: 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -4px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 5px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 4px) rgba(0, 0, 0, 0.08);--igc-elevation-15: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-16: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 16px) calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 30px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-17: 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 17px) calc(var(--igc-elevation-factor, 1) * 26px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 6px) calc(var(--igc-elevation-factor, 1) * 32px) calc(var(--igc-elevation-factor, 1) * 5px) rgba(0, 0, 0, 0.08);--igc-elevation-18: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * -5px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 18px) calc(var(--igc-elevation-factor, 1) * 28px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 34px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-19: 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 12px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 19px) calc(var(--igc-elevation-factor, 1) * 29px) calc(var(--igc-elevation-factor, 1) * 2px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 7px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 6px) rgba(0, 0, 0, 0.08);--igc-elevation-20: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 20px) calc(var(--igc-elevation-factor, 1) * 31px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-21: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 13px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 21px) calc(var(--igc-elevation-factor, 1) * 33px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 40px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-22: 0 calc(var(--igc-elevation-factor, 1) * 10px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -6px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 22px) calc(var(--igc-elevation-factor, 1) * 35px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 8px) calc(var(--igc-elevation-factor, 1) * 42px) calc(var(--igc-elevation-factor, 1) * 7px) rgba(0, 0, 0, 0.08);--igc-elevation-23: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 14px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 23px) calc(var(--igc-elevation-factor, 1) * 36px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 44px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08);--igc-elevation-24: 0 calc(var(--igc-elevation-factor, 1) * 11px) calc(var(--igc-elevation-factor, 1) * 15px) calc(var(--igc-elevation-factor, 1) * -7px) rgba(0, 0, 0, 0.26), 0 calc(var(--igc-elevation-factor, 1) * 24px) calc(var(--igc-elevation-factor, 1) * 38px) calc(var(--igc-elevation-factor, 1) * 3px) rgba(0, 0, 0, 0.12), 0 calc(var(--igc-elevation-factor, 1) * 9px) calc(var(--igc-elevation-factor, 1) * 46px) calc(var(--igc-elevation-factor, 1) * 8px) rgba(0, 0, 0, 0.08)}:root{--igc-font-family: 'Open Sans', Helvetica, Arial, sans-serif;--igc-h1-font-family: var(--igc-font-family);--igc-h1-font-weight: 700;--igc-h1-font-size: 4.25rem;--igc-h1-font-style: normal;--igc-h1-letter-spacing: -0.09375rem;--igc-h1-text-transform: none;--igc-h1-line-height: 4.75rem;--igc-h1-margin-top: 0;--igc-h1-margin-bottom: 0;--igc-h2-font-family: var(--igc-font-family);--igc-h2-font-weight: 700;--igc-h2-font-size: 2.625rem;--igc-h2-font-style: normal;--igc-h2-letter-spacing: -0.03125rem;--igc-h2-text-transform: none;--igc-h2-line-height: 3.25rem;--igc-h2-margin-top: 0;--igc-h2-margin-bottom: 0;--igc-h3-font-family: var(--igc-font-family);--igc-h3-font-weight: 600;--igc-h3-font-size: 2rem;--igc-h3-font-style: normal;--igc-h3-letter-spacing: 0;--igc-h3-text-transform: none;--igc-h3-line-height: 2.5rem;--igc-h3-margin-top: 0;--igc-h3-margin-bottom: 0;--igc-h4-font-family: var(--igc-font-family);--igc-h4-font-weight: 400;--igc-h4-font-size: 1.75rem;--igc-h4-font-style: normal;--igc-h4-letter-spacing: 0.015625rem;--igc-h4-text-transform: none;--igc-h4-line-height: 2.25rem;--igc-h4-margin-top: 0;--igc-h4-margin-bottom: 0;--igc-h5-font-family: var(--igc-font-family);--igc-h5-font-weight: 400;--igc-h5-font-size: 1.5rem;--igc-h5-font-style: normal;--igc-h5-letter-spacing: 0;--igc-h5-text-transform: none;--igc-h5-line-height: 2rem;--igc-h5-margin-top: 0;--igc-h5-margin-bottom: 0;--igc-h6-font-family: var(--igc-font-family);--igc-h6-font-weight: 400;--igc-h6-font-size: 1.25rem;--igc-h6-font-style: normal;--igc-h6-letter-spacing: 0.009375rem;--igc-h6-text-transform: none;--igc-h6-line-height: 1.75rem;--igc-h6-margin-top: 0;--igc-h6-margin-bottom: 0;--igc-subtitle-1-font-family: var(--igc-font-family);--igc-subtitle-1-font-weight: 400;--igc-subtitle-1-font-size: 1.125rem;--igc-subtitle-1-font-style: normal;--igc-subtitle-1-letter-spacing: 0.009375rem;--igc-subtitle-1-text-transform: none;--igc-subtitle-1-line-height: 1.5rem;--igc-subtitle-1-margin-top: 0;--igc-subtitle-1-margin-bottom: 0;--igc-subtitle-2-font-family: var(--igc-font-family);--igc-subtitle-2-font-weight: 600;--igc-subtitle-2-font-size: 0.875rem;--igc-subtitle-2-font-style: normal;--igc-subtitle-2-letter-spacing: 0.00625rem;--igc-subtitle-2-text-transform: none;--igc-subtitle-2-line-height: 1.25rem;--igc-subtitle-2-margin-top: 0;--igc-subtitle-2-margin-bottom: 0;--igc-body-1-font-family: var(--igc-font-family);--igc-body-1-font-weight: 400;--igc-body-1-font-size: 1rem;--igc-body-1-font-style: normal;--igc-body-1-letter-spacing: 0.03125rem;--igc-body-1-text-transform: none;--igc-body-1-line-height: 1.375rem;--igc-body-1-margin-top: 0;--igc-body-1-margin-bottom: 0;--igc-body-2-font-family: var(--igc-font-family);--igc-body-2-font-weight: 400;--igc-body-2-font-size: 0.875rem;--igc-body-2-font-style: normal;--igc-body-2-letter-spacing: 0.015625rem;--igc-body-2-text-transform: none;--igc-body-2-line-height: 1.25rem;--igc-body-2-margin-top: 0;--igc-body-2-margin-bottom: 0;--igc-button-font-family: var(--igc-font-family);--igc-button-font-weight: 400;--igc-button-font-size: 0.875rem;--igc-button-font-style: normal;--igc-button-letter-spacing: 0;--igc-button-text-transform: capitalize;--igc-button-line-height: 0.875rem;--igc-button-margin-top: 0;--igc-button-margin-bottom: 0;--igc-caption-font-family: var(--igc-font-family);--igc-caption-font-weight: 400;--igc-caption-font-size: 0.75rem;--igc-caption-font-style: normal;--igc-caption-letter-spacing: 0.025rem;--igc-caption-text-transform: none;--igc-caption-line-height: 1rem;--igc-overline-font-family: var(--igc-font-family);--igc-overline-font-weight: 400;--igc-overline-font-size: 0.625rem;--igc-overline-font-style: normal;--igc-overline-letter-spacing: 0.09375rem;--igc-overline-text-transform: uppercase;--igc-overline-line-height: 0.875rem;--igc-overline-margin-top: 0;--igc-overline-margin-bottom: 0}igc-button{--text-color: hsla(var(--igc-surface-500), var(--igc-surface-a));--hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a));--active-background: hsla(var(--igc-primary-100), var(--igc-primary-a))}igc-icon-button{--text-color: hsla(var(--igc-surface-500), var(--igc-surface-a));--hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a))}igc-checkbox{--border-color: hsla(var(--igc-gray-700), var(--igc-gray-a));--hover-color: hsla(var(--igc-gray-900), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-dropdown-item{--selected-item-color: var(--igc-surface-500-contrast)}igc-dropdown-header{--header-color: var(--igc-surface-500-contrast)}igc-switch{--thumb-color: hsla(var(--igc-gray-500), var(--igc-gray-a));--disabled-thumb-color: hsla(var(--igc-gray-100), var(--igc-gray-a));--hover-color: hsla(var(--igc-gray-900), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-input{--container-background: transparent}igc-radio{--hover-color: hsla(var(--igc-gray-500), var(--igc-gray-a));--checked-hover-color: hsla(var(--igc-primary-200), var(--igc-primary-a));--invalid-color: hsla(var(--igc-error-200), var(--igc-error-a));--invalid-hover-color: hsla(var(--igc-error-100), var(--igc-error-a));--disabled-color: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-slider{--inactive-background: hsla(var(--igc-gray-300), var(--igc-gray-a));--fill-background: hsla(var(--igc-gray-600), var(--igc-gray-a));--thumb-border: hsla(var(--igc-gray-400), var(--igc-gray-a));--fill-hover-background: hsla(var(--igc-primary-300), var(--igc-primary-a));--thumb-hover-border: hsla(var(--igc-primary-100), var(--igc-primary-a));--inactive-disabled-background: hsla(var(--igc-gray-100), var(--igc-gray-a));--fill-disabled-background: hsla(var(--igc-gray-300), var(--igc-gray-a));--thumb-disabled-border: hsla(var(--igc-gray-200), var(--igc-gray-a))}igc-list-item{--item-hover-bg: hsla(var(--igc-gray-100), var(--igc-gray-a))}igc-tab{--hover-background: hsla(var(--igc-gray-100), 0.5)}igc-select::part(input){--container-background: transparent}igc-tree-item{--hover-color: hsla(var(--igc-gray-200), 0.5);--selected-background: hsla(var(--igc-gray-100), var(--igc-gray-a));--selected-color: var(--igc-gray-100-contrast);--active-background: hsla(var(--igc-gray-100), var(--igc-gray-a));--active-color: var(--igc-gray-100-contrast);--active-selected-background: hsla(var(--igc-gray-200), var(--igc-gray-a));--active-selected-color: var(--igc-gray-200-contrast)}igc-nav-drawer-item{--hover-background: hsla(var(--igc-gray-100), 0.5);--active-background: hsla(var(--igc-primary-400), 0.12);--active-icon-color: hsla(var(--igc-primary-100), var(--igc-primary-a));--active-text-color: hsla(var(--igc-primary-200), var(--igc-primary-a))}