igniteui-webcomponents 4.6.0 → 4.8.0

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host(:hover) [part=fill]{background:var(--track-hover-color)}:host(:hover) [part~=thumb]{border-color:var(--thumb-focus-color)}[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 var(--thumb-border-focus-color);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(1rem + 0.125rem*2);height:calc(1rem + 0.125rem*2)}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--base-track-color);top:initial}[part=fill]{background:var(--track-color)}[part=steps]{color:var(--track-step-color)}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{background:var(--thumb-color);border:.125rem solid var(--thumb-border-color);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(--label-background-color);color:var(--label-text-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host(:disabled) [part=fill]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color);border-color:var(--thumb-disabled-border-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
+export const styles = css `:host(:hover) [part=fill]{background:var(--track-hover-color)}:host(:hover) [part~=thumb]{border-color:var(--thumb-focus-color)}[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 var(--thumb-border-focus-color);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(1rem + 0.125rem*2);height:calc(1rem + 0.125rem*2)}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{top:initial}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{border:.125rem solid var(--thumb-border-color);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=fill],:host(:disabled) [part=fill]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{border-color:var(--thumb-disabled-border-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
 //# sourceMappingURL=slider.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2oDAA2oD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:hover) [part=fill]{background:var(--track-hover-color)}:host(:hover) [part~=thumb]{border-color:var(--thumb-focus-color)}[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 var(--thumb-border-focus-color);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(1rem + 0.125rem*2);height:calc(1rem + 0.125rem*2)}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--base-track-color);top:initial}[part=fill]{background:var(--track-color)}[part=steps]{color:var(--track-step-color)}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{background:var(--thumb-color);border:.125rem solid var(--thumb-border-color);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(--label-background-color);color:var(--label-text-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host(:disabled) [part=fill]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color);border-color:var(--thumb-disabled-border-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}
+{"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+nCAA+nC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:hover) [part=fill]{background:var(--track-hover-color)}:host(:hover) [part~=thumb]{border-color:var(--thumb-focus-color)}[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 var(--thumb-border-focus-color);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(1rem + 0.125rem*2);height:calc(1rem + 0.125rem*2)}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{top:initial}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{border:.125rem solid var(--thumb-border-color);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=fill],:host(:disabled) [part=fill]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{border-color:var(--thumb-disabled-border-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=base]:hover [part=inactive]{background:var(--base-track-hover-color)}[part=base]:hover [part=fill]{background:var(--track-hover-color)}[part=fill]{background:var(--track-color)}[part=inactive]{background:var(--base-track-color)}[part=track],[part=fill],[part=inactive]{height:.125rem;top:initial;border-radius:initial}[part=steps]{color:var(--track-step-color);height:.125rem}[part=steps] line{-webkit-transform:none;-ms-transform:none;transform:none}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{background:var(--thumb-color);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 var(--thumb-focus-color);box-shadow:0 0 0 .1875rem var(--thumb-focus-color)}[part~=thumb]::after{display:none}[part=thumb-label-inner]{background:var(--label-background-color);color:var(--label-text-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
+export const styles = css `[part=base]:hover [part=inactive]{background:var(--base-track-hover-color)}[part=base]:hover [part=fill]{background:var(--track-hover-color)}[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=tick-label]{color:var(--tick-label-color)}[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 var(--thumb-focus-color);box-shadow:0 0 0 .1875rem var(--thumb-focus-color)}[part~=thumb]::after{display:none}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
 //# sourceMappingURL=slider.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0jDAA0jD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]:hover [part=inactive]{background:var(--base-track-hover-color)}[part=base]:hover [part=fill]{background:var(--track-hover-color)}[part=fill]{background:var(--track-color)}[part=inactive]{background:var(--base-track-color)}[part=track],[part=fill],[part=inactive]{height:.125rem;top:initial;border-radius:initial}[part=steps]{color:var(--track-step-color);height:.125rem}[part=steps] line{-webkit-transform:none;-ms-transform:none;transform:none}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{background:var(--thumb-color);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 var(--thumb-focus-color);box-shadow:0 0 0 .1875rem var(--thumb-focus-color)}[part~=thumb]::after{display:none}[part=thumb-label-inner]{background:var(--label-background-color);color:var(--label-text-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}
+{"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4+BAA4+B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]:hover [part=inactive]{background:var(--base-track-hover-color)}[part=base]:hover [part=fill]{background:var(--track-hover-color)}[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=tick-label]{color:var(--tick-label-color)}[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 var(--thumb-focus-color);box-shadow:0 0 0 .1875rem var(--thumb-focus-color)}[part~=thumb]::after{display:none}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=track]{height:.375rem}[part=fill]{background:var(--track-color);height:.375rem}[part=inactive]{background:var(--base-track-color);height:.25rem;top:.0625rem}[part=steps]{color:var(--track-step-color)}[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);background:var(--thumb-color)}[part~=thumb]::after{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 1.25rem),1.25rem);position:absolute;content:"";width:2.5rem;height:2.5rem;background:var(--thumb-color);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;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}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part=thumb-label-inner]{color:var(--label-text-color);background:var(--label-background-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
+export const styles = css `[part=track]{height:.375rem}[part=fill]{height:.375rem}[part=inactive]{height:.25rem;top:.0625rem}[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,calc(var(--ig-radius-factor, 1) * 1.25rem),1.25rem);position:absolute;content:"";width:2.5rem;height:2.5rem;background:var(--thumb-color);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;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}[part=tick-label]{color:var(--tick-label-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
 //# sourceMappingURL=slider.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.material.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,umEAAumE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=track]{height:.375rem}[part=fill]{background:var(--track-color);height:.375rem}[part=inactive]{background:var(--base-track-color);height:.25rem;top:.0625rem}[part=steps]{color:var(--track-step-color)}[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);background:var(--thumb-color)}[part~=thumb]::after{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 1.25rem),1.25rem);position:absolute;content:\"\";width:2.5rem;height:2.5rem;background:var(--thumb-color);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;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}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part=thumb-label-inner]{color:var(--label-text-color);background:var(--label-background-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}
+{"version":3,"file":"slider.material.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wiDAAwiD,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~=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,calc(var(--ig-radius-factor, 1) * 1.25rem),1.25rem);position:absolute;content:\"\";width:2.5rem;height:2.5rem;background:var(--thumb-color);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;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}[part=tick-label]{color:var(--tick-label-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}

package/components/slider/themes/themes.js

@@ -7,11 +7,15 @@ import { styles as bootstrapLight } from './light/slider.bootstrap.css.js';
 import { styles as fluentLight } from './light/slider.fluent.css.js';
 import { styles as indigoLight } from './light/slider.indigo.css.js';
 import { styles as materialLight } from './light/slider.material.css.js';
+import { styles as shared } from './light/slider.shared.css.js';
 import { styles as bootstrap } from './shared/slider.bootstrap.css.js';
 import { styles as fluent } from './shared/slider.fluent.css.js';
 import { styles as indigo } from './shared/slider.indigo.css.js';
 import { styles as material } from './shared/slider.material.css.js';
 const light = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapLight}
   `,
@@ -26,6 +30,9 @@ const light = {
   `,
 };
 const dark = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapDark}
   `,

package/components/slider/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/slider/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGrE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/slider.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/slider.fluent.css.js';\nimport { styles as indigoDark } from './dark/slider.indigo.css.js';\nimport { styles as materialDark } from './dark/slider.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/slider.bootstrap.css.js';\nimport { styles as fluentLight } from './light/slider.fluent.css.js';\nimport { styles as indigoLight } from './light/slider.indigo.css.js';\nimport { styles as materialLight } from './light/slider.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/slider.bootstrap.css.js';\nimport { styles as fluent } from './shared/slider.fluent.css.js';\nimport { styles as indigo } from './shared/slider.indigo.css.js';\nimport { styles as material } from './shared/slider.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/slider/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGrE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/slider.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/slider.fluent.css.js';\nimport { styles as indigoDark } from './dark/slider.indigo.css.js';\nimport { styles as materialDark } from './dark/slider.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/slider.bootstrap.css.js';\nimport { styles as fluentLight } from './light/slider.fluent.css.js';\nimport { styles as indigoLight } from './light/slider.indigo.css.js';\nimport { styles as materialLight } from './light/slider.material.css.js';\nimport { styles as shared } from './light/slider.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/slider.bootstrap.css.js';\nimport { styles as fluent } from './shared/slider.fluent.css.js';\nimport { styles as indigo } from './shared/slider.indigo.css.js';\nimport { styles as material } from './shared/slider.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/snackbar/snackbar.d.ts

@@ -1,9 +1,11 @@
+import { Ref } from 'lit/directives/ref.js';
+import { addAnimationController } from '../../animations/player.js';
 import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
 import type { AbstractConstructor } from '../common/mixins/constructor.js';
 export interface IgcSnackbarEventMap {
     igcAction: CustomEvent<void>;
 }
-declare const IgcSnackbarComponent_base: AbstractConstructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSnackbarEventMap>> & AbstractConstructor<IgcBaseAlertLikeComponent>;
+declare const IgcSnackbarComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSnackbarEventMap>> & AbstractConstructor<IgcBaseAlertLikeComponent>;
 /**
  * A snackbar component is used to provide feedback about an operation
  * by showing a brief message at the bottom of the screen.
@@ -22,15 +24,15 @@ declare const IgcSnackbarComponent_base: AbstractConstructor<import("../common/m
  */
 export default class IgcSnackbarComponent extends IgcSnackbarComponent_base {
     static readonly tagName = "igc-snackbar";
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     static register(): void;
-    protected content: HTMLElement;
+    protected contentRef: Ref<HTMLElement>;
+    protected _animationPlayer: ReturnType<typeof addAnimationController>;
     /**
      * The snackbar action button.
      * @attr action-text
      */
     actionText: string;
-    protected firstUpdated(): void;
     private handleClick;
     protected render(): import("lit-html").TemplateResult<1>;
 }

package/components/snackbar/snackbar.js

@@ -5,28 +5,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, nothing } from 'lit';
-import { property, query } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
+import { createRef, ref } from 'lit/directives/ref.js';
+import { styles as shared } from './themes/shared/snackbar.common.css.js';
 import { styles } from './themes/snackbar.base.css.js';
 import { all } from './themes/themes.js';
-import { AnimationPlayer } from '../../animations/player.js';
+import { addAnimationController } from '../../animations/player.js';
 import { themes } from '../../theming/theming-decorator.js';
 import IgcButtonComponent from '../button/button.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 let IgcSnackbarComponent = class IgcSnackbarComponent extends EventEmitterMixin(IgcBaseAlertLikeComponent) {
+    constructor() {
+        super(...arguments);
+        this.contentRef = createRef();
+        this._animationPlayer = addAnimationController(this, this.contentRef);
+    }
     static register() {
         registerComponent(this, IgcButtonComponent);
     }
-    firstUpdated() {
-        this._animationPlayer = new AnimationPlayer(this.content);
-    }
     handleClick() {
         this.emitEvent('igcAction');
     }
     render() {
         return html `
-      <div part="base" .inert=${!this.open}>
+      <div ${ref(this.contentRef)} part="base" .inert=${!this.open}>
         <span part="message">
           <slot></slot>
         </span>
@@ -47,10 +51,7 @@ let IgcSnackbarComponent = class IgcSnackbarComponent extends EventEmitterMixin(
     }
 };
 IgcSnackbarComponent.tagName = 'igc-snackbar';
-IgcSnackbarComponent.styles = styles;
-__decorate([
-    query('[part~="base"]', true)
-], IgcSnackbarComponent.prototype, "content", void 0);
+IgcSnackbarComponent.styles = [styles, shared];
 __decorate([
     property({ attribute: 'action-text' })
 ], IgcSnackbarComponent.prototype, "actionText", void 0);

package/components/snackbar/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../../src/components/snackbar/snackbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAuBvD,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,iBAAiB,CAGjE,yBAAyB,CAAC;IAInB,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;IAC9C,CAAC;IAYkB,YAAY;QAC7B,IAAI,CAAC,gBAAgB,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;gCACiB,CAAC,IAAI,CAAC,IAAI;;;;;6DAKmB,IAAI,CAAC,WAAW;YACjE,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAA;;;;;mBAKC,IAAI,CAAC,UAAU;gBAClB;YACJ,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;;AA7CsB,4BAAO,GAAG,cAAc,AAAjB,CAAkB;AAClC,2BAAM,GAAG,MAAM,AAAT,CAAU;AAOpB;IADT,KAAK,CAAC,gBAAgB,EAAE,IAAI,CAAC;qDACE;AAOzB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDACZ;AAnBR,oBAAoB;IADxC,MAAM,CAAC,GAAG,CAAC;GACS,oBAAoB,CAkDxC;eAlDoB,oBAAoB","sourcesContent":["import { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport { styles } from './themes/snackbar.base.css.js';\nimport { all } from './themes/themes.js';\nimport { AnimationPlayer } from '../../animations/player.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\n\nexport interface IgcSnackbarEventMap {\n  igcAction: CustomEvent<void>;\n}\n\n/**\n * A snackbar component is used to provide feedback about an operation\n * by showing a brief message at the bottom of the screen.\n *\n * @element igc-snackbar\n *\n * @slot - Default slot to render the snackbar content.\n * @slot action - Renders the action part of the snackbar. Usually an interactive element (button)\n *\n * @fires igcAction - Emitted when the snackbar action button is clicked.\n *\n * @csspart base - The base wrapper of the snackbar component.\n * @csspart message - The snackbar message.\n * @csspart action - The default snackbar action button.\n * @csspart action-container - The area holding the actions.\n */\n@themes(all)\nexport default class IgcSnackbarComponent extends EventEmitterMixin<\n  IgcSnackbarEventMap,\n  AbstractConstructor<IgcBaseAlertLikeComponent>\n>(IgcBaseAlertLikeComponent) {\n  public static readonly tagName = 'igc-snackbar';\n  public static styles = styles;\n\n  public static register() {\n    registerComponent(this, IgcButtonComponent);\n  }\n\n  @query('[part~=\"base\"]', true)\n  protected content!: HTMLElement;\n\n  /**\n   * The snackbar action button.\n   * @attr action-text\n   */\n  @property({ attribute: 'action-text' })\n  public actionText!: string;\n\n  protected override firstUpdated() {\n    this._animationPlayer = new AnimationPlayer(this.content);\n  }\n\n  private handleClick() {\n    this.emitEvent('igcAction');\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\" .inert=${!this.open}>\n        <span part=\"message\">\n          <slot></slot>\n        </span>\n\n        <slot name=\"action\" part=\"action-container\" @click=${this.handleClick}>\n          ${this.actionText\n            ? html`<igc-button\n                type=\"button\"\n                part=\"action\"\n                variant=\"flat\"\n                size=\"small\"\n                >${this.actionText}</igc-button\n              >`\n            : nothing}\n        </slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-snackbar': IgcSnackbarComponent;\n  }\n}\n"]}
+{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../../src/components/snackbar/snackbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAO,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAuBvD,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,iBAAiB,CAGjE,yBAAyB,CAAC;IAHb;;QAYH,eAAU,GAAqB,SAAS,EAAE,CAAC;QAClC,qBAAgB,GAE/B,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAkCpD,CAAC;IAzCQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;IAC9C,CAAC;IAcO,WAAW;QACjB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;aACF,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI;;;;;6DAKL,IAAI,CAAC,WAAW;YACjE,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAA;;;;;mBAKC,IAAI,CAAC,UAAU;gBAClB;YACJ,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;;AA5CsB,4BAAO,GAAG,cAAc,AAAjB,CAAkB;AAClC,2BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAiBjC;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDACZ;AAtBR,oBAAoB;IADxC,MAAM,CAAC,GAAG,CAAC;GACS,oBAAoB,CAiDxC;eAjDoB,oBAAoB","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { styles as shared } from './themes/shared/snackbar.common.css.js';\nimport { styles } from './themes/snackbar.base.css.js';\nimport { all } from './themes/themes.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\n\nexport interface IgcSnackbarEventMap {\n  igcAction: CustomEvent<void>;\n}\n\n/**\n * A snackbar component is used to provide feedback about an operation\n * by showing a brief message at the bottom of the screen.\n *\n * @element igc-snackbar\n *\n * @slot - Default slot to render the snackbar content.\n * @slot action - Renders the action part of the snackbar. Usually an interactive element (button)\n *\n * @fires igcAction - Emitted when the snackbar action button is clicked.\n *\n * @csspart base - The base wrapper of the snackbar component.\n * @csspart message - The snackbar message.\n * @csspart action - The default snackbar action button.\n * @csspart action-container - The area holding the actions.\n */\n@themes(all)\nexport default class IgcSnackbarComponent extends EventEmitterMixin<\n  IgcSnackbarEventMap,\n  AbstractConstructor<IgcBaseAlertLikeComponent>\n>(IgcBaseAlertLikeComponent) {\n  public static readonly tagName = 'igc-snackbar';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(this, IgcButtonComponent);\n  }\n\n  protected contentRef: Ref<HTMLElement> = createRef();\n  protected override _animationPlayer: ReturnType<\n    typeof addAnimationController\n  > = addAnimationController(this, this.contentRef);\n\n  /**\n   * The snackbar action button.\n   * @attr action-text\n   */\n  @property({ attribute: 'action-text' })\n  public actionText!: string;\n\n  private handleClick() {\n    this.emitEvent('igcAction');\n  }\n\n  protected override render() {\n    return html`\n      <div ${ref(this.contentRef)} part=\"base\" .inert=${!this.open}>\n        <span part=\"message\">\n          <slot></slot>\n        </span>\n\n        <slot name=\"action\" part=\"action-container\" @click=${this.handleClick}>\n          ${this.actionText\n            ? html`<igc-button\n                type=\"button\"\n                part=\"action\"\n                variant=\"flat\"\n                size=\"small\"\n                >${this.actionText}</igc-button\n              >`\n            : nothing}\n        </slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-snackbar': IgcSnackbarComponent;\n  }\n}\n"]}

package/components/snackbar/themes/dark/snackbar.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
 //# sourceMappingURL=snackbar.bootstrap.css.js.map

package/components/snackbar/themes/dark/snackbar.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mdAAmd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6XAA6X,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}

package/components/snackbar/themes/dark/snackbar.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=snackbar.fluent.css.js.map

package/components/snackbar/themes/dark/snackbar.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gcAAgc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qIAAqI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-200-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-200-contrast));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--background: var(--ig-snackbar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=snackbar.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4aAA4a,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-200-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-200-contrast));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ybAAyb,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-snackbar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;\n"]}

package/components/snackbar/themes/dark/snackbar.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
+export const styles = css ``;
 //# sourceMappingURL=snackbar.material.css.js.map

package/components/snackbar/themes/dark/snackbar.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gcAAgc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"snackbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
 //# sourceMappingURL=snackbar.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mdAAmd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6XAA6X,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=snackbar.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gcAAgc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qIAAqI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-700), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-700-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-700-contrast));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--background: var(--ig-snackbar-background, hsla(var(--ig-gray-700), 0.9));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-gray-700-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, color-mix(in oklch, var(--ig-gray-700-contrast) 100%, transparent));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=snackbar.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+ZAA+Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-700), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-700-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-700-contrast));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4aAA4a,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-snackbar-background, hsla(var(--ig-gray-700), 0.9));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-gray-700-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, color-mix(in oklch, var(--ig-gray-700-contrast) 100%, transparent));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
+export const styles = css ``;
 //# sourceMappingURL=snackbar.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gcAAgc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"snackbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/snackbar/themes/light/snackbar.shared.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
+//# sourceMappingURL=snackbar.shared.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ueAAue,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}

package/components/snackbar/themes/themes.js

@@ -7,36 +7,42 @@ import { styles as bootstrapLight } from './light/snackbar.bootstrap.css.js';
 import { styles as fluentLight } from './light/snackbar.fluent.css.js';
 import { styles as indigoLight } from './light/snackbar.indigo.css.js';
 import { styles as materialLight } from './light/snackbar.material.css.js';
+import { styles as shared } from './light/snackbar.shared.css.js';
 import { styles as bootstrap } from './shared/snackbar.bootstrap.css.js';
-import { styles as shared } from './shared/snackbar.common.css.js';
 import { styles as fluent } from './shared/snackbar.fluent.css.js';
 import { styles as indigo } from './shared/snackbar.indigo.css.js';
 const light = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
-    ${shared} ${bootstrap} ${bootstrapLight}
+    ${bootstrap} ${bootstrapLight}
   `,
     material: css `
-    ${shared} ${materialLight}
+    ${materialLight}
   `,
     fluent: css `
-    ${shared} ${fluent} ${fluentLight}
+    ${fluent} ${fluentLight}
   `,
     indigo: css `
-    ${shared} ${indigo} ${indigoLight}
+    ${indigo} ${indigoLight}
   `,
 };
 const dark = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
-    ${shared} ${bootstrap} ${bootstrapDark}
+    ${bootstrap} ${bootstrapDark}
   `,
     material: css `
-    ${shared} ${materialDark}
+    ${materialDark}
   `,
     fluent: css `
-    ${shared} ${fluent} ${fluentDark}
+    ${fluent} ${fluentDark}
   `,
     indigo: css `
-    ${shared} ${indigo} ${indigoDark}
+    ${indigo} ${indigoDark}
   `,
 };
 export const all = { light, dark };

package/components/snackbar/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAE3E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,MAAM,IAAI,SAAS,IAAI,cAAc;GACxC;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM,IAAI,aAAa;GAC1B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,WAAW;GAClC;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,WAAW;GAClC;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,MAAM,IAAI,SAAS,IAAI,aAAa;GACvC;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM,IAAI,YAAY;GACzB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,UAAU;GACjC;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,UAAU;GACjC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/snackbar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/snackbar.fluent.css.js';\nimport { styles as indigoDark } from './dark/snackbar.indigo.css.js';\nimport { styles as materialDark } from './dark/snackbar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/snackbar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/snackbar.fluent.css.js';\nimport { styles as indigoLight } from './light/snackbar.indigo.css.js';\nimport { styles as materialLight } from './light/snackbar.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/snackbar.bootstrap.css.js';\nimport { styles as shared } from './shared/snackbar.common.css.js';\nimport { styles as fluent } from './shared/snackbar.fluent.css.js';\nimport { styles as indigo } from './shared/snackbar.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${shared} ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${shared} ${materialLight}\n  `,\n  fluent: css`\n    ${shared} ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${shared} ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${shared} ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${shared} ${materialDark}\n  `,\n  fluent: css`\n    ${shared} ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${shared} ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/snackbar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/snackbar.fluent.css.js';\nimport { styles as indigoDark } from './dark/snackbar.indigo.css.js';\nimport { styles as materialDark } from './dark/snackbar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/snackbar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/snackbar.fluent.css.js';\nimport { styles as indigoLight } from './light/snackbar.indigo.css.js';\nimport { styles as materialLight } from './light/snackbar.material.css.js';\nimport { styles as shared } from './light/snackbar.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/snackbar.bootstrap.css.js';\nimport { styles as fluent } from './shared/snackbar.fluent.css.js';\nimport { styles as indigo } from './shared/snackbar.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/stepper/step.d.ts

@@ -32,14 +32,14 @@ import { Animation } from './animations.js';
  */
 export default class IgcStepComponent extends LitElement {
     static readonly tagName = "igc-step";
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     static register(): void;
+    private bodyRef;
     private animationPlayer;
     private _titleChildren;
     private _subTitleChildren;
     header: HTMLElement;
     contentBody: HTMLElement;
-    body: HTMLElement;
     /** Gets/sets whether the step is invalid. */
     invalid: boolean;
     /** Gets/sets whether the step is activе. */
@@ -80,7 +80,6 @@ export default class IgcStepComponent extends LitElement {
     animation: Animation;
     /** @hidden @internal @private */
     animationDuration: number;
-    firstUpdated(): void;
     toggleAnimation(type: 'in' | 'out', direction?: 'normal' | 'reverse'): Promise<string>;
     protected activeChange(): void;
     protected disabledInvalidOptionalChange(): void;

package/components/stepper/step.js

@@ -6,12 +6,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement, html, nothing } from 'lit';
 import { property, query, queryAssignedElements } from 'lit/decorators.js';
+import { createRef, ref } from 'lit/directives/ref.js';
 import { when } from 'lit/directives/when.js';
 import { animations } from './animations.js';
+import { styles as shared } from './themes/step/shared/step.common.css.js';
 import { styles } from './themes/step/step.base.css.js';
 import { all } from './themes/step/themes.js';
 import { EaseInOut } from '../../animations/easings.js';
-import { AnimationPlayer } from '../../animations/player.js';
+import { addAnimationController } from '../../animations/player.js';
 import { themes } from '../../theming/theming-decorator.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
@@ -19,6 +21,8 @@ import { partNameMap } from '../common/util.js';
 let IgcStepComponent = class IgcStepComponent extends LitElement {
     constructor() {
         super(...arguments);
+        this.bodyRef = createRef();
+        this.animationPlayer = addAnimationController(this, this.bodyRef);
         this.invalid = false;
         this.active = false;
         this.optional = false;
@@ -37,9 +41,6 @@ let IgcStepComponent = class IgcStepComponent extends LitElement {
     static register() {
         registerComponent(this);
     }
-    firstUpdated() {
-        this.animationPlayer = new AnimationPlayer(this.body);
-    }
     async toggleAnimation(type, direction = 'normal') {
         const animation = animations.get(this.animation).get(type);
         const options = {
@@ -133,6 +134,7 @@ let IgcStepComponent = class IgcStepComponent extends LitElement {
     }
     renderContent() {
         return html `<div
+      ${ref(this.bodyRef)}
       id="igc-step-content-${this.index}"
       part="body"
       role="tabpanel"
@@ -163,7 +165,7 @@ let IgcStepComponent = class IgcStepComponent extends LitElement {
     }
 };
 IgcStepComponent.tagName = 'igc-step';
-IgcStepComponent.styles = styles;
+IgcStepComponent.styles = [styles, shared];
 __decorate([
     queryAssignedElements({ slot: 'title' })
 ], IgcStepComponent.prototype, "_titleChildren", void 0);
@@ -176,9 +178,6 @@ __decorate([
 __decorate([
     query('[part~="body"]')
 ], IgcStepComponent.prototype, "contentBody", void 0);
-__decorate([
-    query('[part~="body"]')
-], IgcStepComponent.prototype, "body", void 0);
 __decorate([
     property({ reflect: true, type: Boolean })
 ], IgcStepComponent.prototype, "invalid", void 0);