igniteui-webcomponents 4.5.0 → 4.6.0

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

@@ -1,106 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --track-color: var(--ig-slider-track-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
-  --track-step-color: var(--ig-slider-track-step-color, white);
-  --track-step-size: var(--ig-slider-track-step-size, 0.1875rem);
-  --track-hover-color: var(--ig-slider-track-hover-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));
-  --thumb-color: var(--ig-slider-thumb-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
-  --thumb-focus-color: var(--ig-slider-thumb-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));
-  --thumb-border-color: var(--ig-slider-thumb-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
-  --thumb-border-focus-color: var(--ig-slider-thumb-border-focus-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
-  --thumb-disabled-border-color: var(--ig-slider-thumb-disabled-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --disabled-thumb-color: var(--ig-slider-disabled-thumb-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --label-background-color: var(--ig-slider-label-background-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --label-text-color: var(--ig-slider-label-text-color, var(--ig-gray-700-contrast));
-  --base-track-color: var(--ig-slider-base-track-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --base-track-hover-color: var(--ig-slider-base-track-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --disabled-base-track-color: var(--ig-slider-disabled-base-track-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --disabled-fill-track-color: var(--ig-slider-disabled-fill-track-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --tick-color: var(--ig-slider-tick-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --tick-label-color: var(--ig-slider-tick-label-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-}
-
-[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: 0.125rem;
-  top: initial;
-  border-radius: initial;
-}
-
-[part=steps] {
-  color: var(--track-step-color);
-  height: 0.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: 0.875rem;
-  height: 0.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 0.1875rem var(--thumb-focus-color);
-          box-shadow: 0 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: 0.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 `:host{--track-color: var(--ig-slider-track-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--track-step-color: var(--ig-slider-track-step-color, white);--track-step-size: var(--ig-slider-track-step-size, 0.1875rem);--track-hover-color: var(--ig-slider-track-hover-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--thumb-color: var(--ig-slider-thumb-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-focus-color: var(--ig-slider-thumb-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--thumb-border-color: var(--ig-slider-thumb-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-border-focus-color: var(--ig-slider-thumb-border-focus-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-disabled-border-color: var(--ig-slider-thumb-disabled-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-thumb-color: var(--ig-slider-disabled-thumb-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--label-background-color: var(--ig-slider-label-background-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--label-text-color: var(--ig-slider-label-text-color, var(--ig-gray-700-contrast));--base-track-color: var(--ig-slider-base-track-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--base-track-hover-color: var(--ig-slider-base-track-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-base-track-color: var(--ig-slider-disabled-base-track-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-fill-track-color: var(--ig-slider-disabled-fill-track-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--tick-color: var(--ig-slider-tick-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tick-label-color: var(--ig-slider-tick-label-color, hsla(var(--ig-gray-500), var(--ig-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --track-color: var(--ig-slider-track-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --track-step-color: var(--ig-slider-track-step-color, white);\n  --track-step-size: var(--ig-slider-track-step-size, 0.1875rem);\n  --track-hover-color: var(--ig-slider-track-hover-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));\n  --thumb-color: var(--ig-slider-thumb-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --thumb-focus-color: var(--ig-slider-thumb-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n  --thumb-border-color: var(--ig-slider-thumb-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --thumb-border-focus-color: var(--ig-slider-thumb-border-focus-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --thumb-disabled-border-color: var(--ig-slider-thumb-disabled-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --disabled-thumb-color: var(--ig-slider-disabled-thumb-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --label-background-color: var(--ig-slider-label-background-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --label-text-color: var(--ig-slider-label-text-color, var(--ig-gray-700-contrast));\n  --base-track-color: var(--ig-slider-base-track-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --base-track-hover-color: var(--ig-slider-base-track-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --disabled-base-track-color: var(--ig-slider-disabled-base-track-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --disabled-fill-track-color: var(--ig-slider-disabled-fill-track-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --tick-color: var(--ig-slider-tick-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --tick-label-color: var(--ig-slider-tick-label-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n}\n\n[part=base]:hover [part=inactive] {\n  background: var(--base-track-hover-color);\n}\n[part=base]:hover [part=fill] {\n  background: var(--track-hover-color);\n}\n\n[part=fill] {\n  background: var(--track-color);\n}\n\n[part=inactive] {\n  background: var(--base-track-color);\n}\n\n[part=track],\n[part=fill],\n[part=inactive] {\n  height: 0.125rem;\n  top: initial;\n  border-radius: initial;\n}\n\n[part=steps] {\n  color: var(--track-step-color);\n  height: 0.125rem;\n}\n[part=steps] line {\n  -webkit-transform: none;\n      -ms-transform: none;\n          transform: none;\n}\n\n[part=tick] {\n  background: var(--tick-color);\n}\n\n[part=tick-label] {\n  color: var(--tick-label-color);\n}\n\n[part~=thumb] {\n  background: var(--thumb-color);\n  width: 0.875rem;\n  height: 0.875rem;\n  top: calc((0.875rem - 0.4375rem) * -1);\n  -webkit-margin-start: calc((0.875rem - 0.4375rem) * -1);\n          margin-inline-start: calc((0.875rem - 0.4375rem) * -1);\n}\n[part~=thumb]:focus {\n  -webkit-box-shadow: 0 0 0 0.1875rem var(--thumb-focus-color);\n          box-shadow: 0 0 0 0.1875rem var(--thumb-focus-color);\n}\n[part~=thumb]::after {\n  display: none;\n}\n\n[part=thumb-label-inner] {\n  background: var(--label-background-color);\n  color: var(--label-text-color);\n}\n[part=thumb-label-inner]::after {\n  border-top: 0.625rem solid var(--label-background-color);\n}\n\n:host([disabled]) [part=inactive],\n:host(:disabled) [part=inactive] {\n  background: var(--disabled-base-track-color);\n}\n:host([disabled]) [part=fill],\n:host([disabled]) [part=tick],\n:host(:disabled) [part=fill],\n:host(:disabled) [part=tick] {\n  background: var(--disabled-fill-track-color);\n}\n:host([disabled]) [part~=thumb],\n:host(:disabled) [part~=thumb] {\n  background: var(--disabled-thumb-color);\n}\n:host([disabled]) [part=tick-label],\n:host(:disabled) [part=tick-label] {\n  color: var(--disabled-fill-track-color);\n}`;\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,2xDAA2xD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-color: var(--ig-slider-track-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--track-step-color: var(--ig-slider-track-step-color, white);--track-step-size: var(--ig-slider-track-step-size, 0.1875rem);--track-hover-color: var(--ig-slider-track-hover-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--thumb-color: var(--ig-slider-thumb-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-focus-color: var(--ig-slider-thumb-focus-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--thumb-border-color: var(--ig-slider-thumb-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-border-focus-color: var(--ig-slider-thumb-border-focus-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-disabled-border-color: var(--ig-slider-thumb-disabled-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-thumb-color: var(--ig-slider-disabled-thumb-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--label-background-color: var(--ig-slider-label-background-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--label-text-color: var(--ig-slider-label-text-color, var(--ig-gray-700-contrast));--base-track-color: var(--ig-slider-base-track-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--base-track-hover-color: var(--ig-slider-base-track-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-base-track-color: var(--ig-slider-disabled-base-track-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-fill-track-color: var(--ig-slider-disabled-fill-track-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--tick-color: var(--ig-slider-tick-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tick-label-color: var(--ig-slider-tick-label-color, hsla(var(--ig-gray-500), var(--ig-gray-a)))}`;\n"]}

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

@@ -1,122 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --track-color: var(--ig-slider-track-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
-  --track-step-color: var(--ig-slider-track-step-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));
-  --track-step-size: var(--ig-slider-track-step-size, 0.1875rem);
-  --track-hover-color: var(--ig-slider-track-hover-color, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));
-  --thumb-color: var(--ig-slider-thumb-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
-  --thumb-focus-color: var(--ig-slider-thumb-focus-color, transparent);
-  --thumb-border-color: var(--ig-slider-thumb-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
-  --thumb-border-focus-color: var(--ig-slider-thumb-border-focus-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
-  --thumb-disabled-border-color: var(--ig-slider-thumb-disabled-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --disabled-thumb-color: var(--ig-slider-disabled-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --label-background-color: var(--ig-slider-label-background-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --label-text-color: var(--ig-slider-label-text-color, var(--ig-gray-700-contrast));
-  --base-track-color: var(--ig-slider-base-track-color, hsla(var(--ig-secondary-500), 0.24));
-  --base-track-hover-color: var(--ig-slider-base-track-hover-color, hsla(var(--ig-secondary-500), 0.24));
-  --disabled-base-track-color: var(--ig-slider-disabled-base-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --disabled-fill-track-color: var(--ig-slider-disabled-fill-track-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --tick-color: var(--ig-slider-tick-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --tick-label-color: var(--ig-slider-tick-label-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-}
-
-[part=track] {
-  height: 0.375rem;
-}
-
-[part=fill] {
-  background: var(--track-color);
-  height: 0.375rem;
-}
-
-[part=inactive] {
-  background: var(--base-track-color);
-  height: 0.25rem;
-  top: 0.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 0.1s ease-out, -webkit-transform 0.1s ease-out;
-  transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
-  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
-  transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
-  overflow: hidden;
-}
-[part~=thumb]:hover::after {
-  opacity: 0.12;
-  -webkit-transform: scale(1);
-      -ms-transform: scale(1);
-          transform: scale(1);
-}
-[part~=thumb]:focus::after {
-  opacity: 0.18;
-  -webkit-transform: scale(1);
-      -ms-transform: scale(1);
-          transform: scale(1);
-}
-[part~=thumb]:active::after {
-  opacity: 0.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: 0.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 `:host{--track-color: var(--ig-slider-track-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--track-step-color: var(--ig-slider-track-step-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--track-step-size: var(--ig-slider-track-step-size, 0.1875rem);--track-hover-color: var(--ig-slider-track-hover-color, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--thumb-color: var(--ig-slider-thumb-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-focus-color: var(--ig-slider-thumb-focus-color, transparent);--thumb-border-color: var(--ig-slider-thumb-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-border-focus-color: var(--ig-slider-thumb-border-focus-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-disabled-border-color: var(--ig-slider-thumb-disabled-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-thumb-color: var(--ig-slider-disabled-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--label-background-color: var(--ig-slider-label-background-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--label-text-color: var(--ig-slider-label-text-color, var(--ig-gray-700-contrast));--base-track-color: var(--ig-slider-base-track-color, hsla(var(--ig-secondary-500), 0.24));--base-track-hover-color: var(--ig-slider-base-track-hover-color, hsla(var(--ig-secondary-500), 0.24));--disabled-base-track-color: var(--ig-slider-disabled-base-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-fill-track-color: var(--ig-slider-disabled-fill-track-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--tick-color: var(--ig-slider-tick-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tick-label-color: var(--ig-slider-tick-label-color, hsla(var(--ig-gray-500), var(--ig-gray-a)))}`;
 //# 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuHvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --track-color: var(--ig-slider-track-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --track-step-color: var(--ig-slider-track-step-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n  --track-step-size: var(--ig-slider-track-step-size, 0.1875rem);\n  --track-hover-color: var(--ig-slider-track-hover-color, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));\n  --thumb-color: var(--ig-slider-thumb-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --thumb-focus-color: var(--ig-slider-thumb-focus-color, transparent);\n  --thumb-border-color: var(--ig-slider-thumb-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --thumb-border-focus-color: var(--ig-slider-thumb-border-focus-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --thumb-disabled-border-color: var(--ig-slider-thumb-disabled-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --disabled-thumb-color: var(--ig-slider-disabled-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --label-background-color: var(--ig-slider-label-background-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --label-text-color: var(--ig-slider-label-text-color, var(--ig-gray-700-contrast));\n  --base-track-color: var(--ig-slider-base-track-color, hsla(var(--ig-secondary-500), 0.24));\n  --base-track-hover-color: var(--ig-slider-base-track-hover-color, hsla(var(--ig-secondary-500), 0.24));\n  --disabled-base-track-color: var(--ig-slider-disabled-base-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --disabled-fill-track-color: var(--ig-slider-disabled-fill-track-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --tick-color: var(--ig-slider-tick-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --tick-label-color: var(--ig-slider-tick-label-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n}\n\n[part=track] {\n  height: 0.375rem;\n}\n\n[part=fill] {\n  background: var(--track-color);\n  height: 0.375rem;\n}\n\n[part=inactive] {\n  background: var(--base-track-color);\n  height: 0.25rem;\n  top: 0.0625rem;\n}\n\n[part=steps] {\n  color: var(--track-step-color);\n}\n\n[part~=thumb] {\n  width: 1.25rem;\n  height: 1.25rem;\n  top: calc((1.25rem - 0.625rem) * -1);\n  -webkit-margin-start: calc((1.25rem - 0.625rem) * -1);\n          margin-inline-start: calc((1.25rem - 0.625rem) * -1);\n  background: var(--thumb-color);\n}\n[part~=thumb]::after {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem);\n  position: absolute;\n  content: \"\";\n  width: 2.5rem;\n  height: 2.5rem;\n  background: var(--thumb-color);\n  top: calc(50% - 1.25rem);\n  inset-inline-start: calc(50% - 1.25rem);\n  opacity: 0;\n  -webkit-transform: scale(0);\n      -ms-transform: scale(0);\n          transform: scale(0);\n  -webkit-transform-origin: center center;\n      -ms-transform-origin: center center;\n          transform-origin: center center;\n  -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n  transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n  transition: transform 0.1s ease-out, opacity 0.1s ease-out;\n  transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n  overflow: hidden;\n}\n[part~=thumb]:hover::after {\n  opacity: 0.12;\n  -webkit-transform: scale(1);\n      -ms-transform: scale(1);\n          transform: scale(1);\n}\n[part~=thumb]:focus::after {\n  opacity: 0.18;\n  -webkit-transform: scale(1);\n      -ms-transform: scale(1);\n          transform: scale(1);\n}\n[part~=thumb]:active::after {\n  opacity: 0.24;\n}\n\n[part=tick] {\n  background: var(--tick-color);\n}\n\n[part=tick-label] {\n  color: var(--tick-label-color);\n}\n\n[part=thumb-label-inner] {\n  color: var(--label-text-color);\n  background: var(--label-background-color);\n}\n[part=thumb-label-inner]::after {\n  border-top: 0.625rem solid var(--label-background-color);\n}\n\n:host([disabled]) [part=inactive],\n:host(:disabled) [part=inactive] {\n  background: var(--disabled-base-track-color);\n}\n:host([disabled]) [part=fill],\n:host([disabled]) [part=tick],\n:host(:disabled) [part=fill],\n:host(:disabled) [part=tick] {\n  background: var(--disabled-fill-track-color);\n}\n:host([disabled]) [part~=thumb],\n:host(:disabled) [part~=thumb] {\n  background: var(--disabled-thumb-color);\n}\n:host([disabled]) [part=tick-label],\n:host(:disabled) [part=tick-label] {\n  color: var(--disabled-fill-track-color);\n}`;\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,2xDAA2xD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-color: var(--ig-slider-track-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--track-step-color: var(--ig-slider-track-step-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--track-step-size: var(--ig-slider-track-step-size, 0.1875rem);--track-hover-color: var(--ig-slider-track-hover-color, hsla(var(--ig-secondary-400), var(--ig-secondary-a)));--thumb-color: var(--ig-slider-thumb-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-focus-color: var(--ig-slider-thumb-focus-color, transparent);--thumb-border-color: var(--ig-slider-thumb-border-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-border-focus-color: var(--ig-slider-thumb-border-focus-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-disabled-border-color: var(--ig-slider-thumb-disabled-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-thumb-color: var(--ig-slider-disabled-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--label-background-color: var(--ig-slider-label-background-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--label-text-color: var(--ig-slider-label-text-color, var(--ig-gray-700-contrast));--base-track-color: var(--ig-slider-base-track-color, hsla(var(--ig-secondary-500), 0.24));--base-track-hover-color: var(--ig-slider-base-track-hover-color, hsla(var(--ig-secondary-500), 0.24));--disabled-base-track-color: var(--ig-slider-disabled-base-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-fill-track-color: var(--ig-slider-disabled-fill-track-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--tick-color: var(--ig-slider-tick-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tick-label-color: var(--ig-slider-tick-label-color, hsla(var(--ig-gray-500), var(--ig-gray-a)))}`;\n"]}

package/components/slider/themes/shared/slider.bootstrap.css.d.ts

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=track],[part=inactive]{height:.5rem}[part=fill]{display:none}[part=inactive]{background:var(--base-track-color)}[part=steps]{color:var(--track-step-color)}[part~=thumb]{width:1rem;height:1rem;background:var(--thumb-color);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 var(--thumb-border-focus-color);-webkit-box-shadow:0 0 0 .1875rem var(--thumb-focus-color);box-shadow:0 0 0 .1875rem var(--thumb-focus-color)}[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=tick],:host(:disabled) [part=inactive],:host(:disabled) [part=tick]{background:var(--disabled-base-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-base-track-color)}`;
+//# sourceMappingURL=slider.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4rCAA4rC,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(--base-track-color)}[part=steps]{color:var(--track-step-color)}[part~=thumb]{width:1rem;height:1rem;background:var(--thumb-color);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 var(--thumb-border-focus-color);-webkit-box-shadow:0 0 0 .1875rem var(--thumb-focus-color);box-shadow:0 0 0 .1875rem var(--thumb-focus-color)}[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=tick],:host(:disabled) [part=inactive],:host(:disabled) [part=tick]{background:var(--disabled-base-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-base-track-color)}`;\n"]}

package/components/slider/themes/shared/slider.fluent.css.d.ts

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

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

@@ -0,0 +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)}`;
+//# sourceMappingURL=slider.fluent.css.js.map

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

@@ -0,0 +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"]}

package/components/slider/themes/shared/slider.indigo.css.d.ts

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

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

@@ -0,0 +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)}`;
+//# sourceMappingURL=slider.indigo.css.js.map

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

@@ -0,0 +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"]}

package/components/slider/themes/shared/slider.material.css.d.ts

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

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

@@ -0,0 +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)}`;
+//# sourceMappingURL=slider.material.css.js.map

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

@@ -0,0 +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"]}

package/components/slider/themes/slider.base.css.d.ts

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[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;transition:all .2s ease-out;font-family:var(--ig-font-family)}[part=track]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 2rem),2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;-webkit-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;transition:opacity .2s ease-out;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}[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]{height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-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,calc(var(--ig-radius-factor, 1) * 0.625rem),0.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;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}[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(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.125rem),0.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}[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)}: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]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}`;
+//# sourceMappingURL=slider.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.base.css.js","sourceRoot":"","sources":["../../../../src/components/slider/themes/slider.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8oLAA8oL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[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;transition:all .2s ease-out;font-family:var(--ig-font-family)}[part=track]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 2rem),2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;-webkit-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;transition:opacity .2s ease-out;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}[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]{height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-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,calc(var(--ig-radius-factor, 1) * 0.625rem),0.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;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}[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(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.125rem),0.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}[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)}: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]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}`;\n"]}

package/components/slider/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/slider/themes/themes.js

@@ -0,0 +1,43 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/slider.bootstrap.css.js';
+import { styles as fluentDark } from './dark/slider.fluent.css.js';
+import { styles as indigoDark } from './dark/slider.indigo.css.js';
+import { styles as materialDark } from './dark/slider.material.css.js';
+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 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 = {
+    bootstrap: css `
+    ${bootstrap} ${bootstrapLight}
+  `,
+    material: css `
+    ${material} ${materialLight}
+  `,
+    fluent: css `
+    ${fluent} ${fluentLight}
+  `,
+    indigo: css `
+    ${indigo} ${indigoLight}
+  `,
+};
+const dark = {
+    bootstrap: css `
+    ${bootstrap} ${bootstrapDark}
+  `,
+    material: css `
+    ${material} ${materialDark}
+  `,
+    fluent: css `
+    ${fluent} ${fluentDark}
+  `,
+    indigo: css `
+    ${indigo} ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=themes.js.map

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

@@ -0,0 +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"]}

package/components/snackbar/snackbar.d.ts

@@ -1,63 +1,36 @@
-import { LitElement } from 'lit';
-import type { Constructor } from '../common/mixins/constructor.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: import("../common/mixins/constructor.js").AbstractConstructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSnackbarEventMap>> & Constructor<LitElement>;
+declare const IgcSnackbarComponent_base: AbstractConstructor<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.
  *
  * @element igc-snackbar
  *
- * @slot - Renders the snackbar content.
+ * @slot - Default slot to render the snackbar content.
+ * @slot action - Renders the action part of the snackbar. Usually an interactive element (button)
  *
  * @fires igcAction - Emitted when the snackbar action button is clicked.
  *
  * @csspart base - The base wrapper of the snackbar component.
  * @csspart message - The snackbar message.
- * @csspart action - The snackbar action button.
+ * @csspart action - The default snackbar action button.
+ * @csspart action-container - The area holding the actions.
  */
 export default class IgcSnackbarComponent extends IgcSnackbarComponent_base {
     static readonly tagName = "igc-snackbar";
     static styles: import("lit").CSSResult;
     static register(): void;
-    private autoHideTimeout;
-    private animationPlayer;
     protected content: HTMLElement;
-    /**
-     * Determines whether the snackbar is opened.
-     * @attr
-     */
-    open: boolean;
-    /**
-     * Determines the duration in ms in which the snackbar will be visible.
-     * @attr display-time
-     */
-    displayTime: number;
-    /**
-     * Determines whether the snackbar should close after the displayTime is over.
-     * @attr keep-open
-     */
-    keepOpen: boolean;
-    /**
-     * Sets the position of the snackbar.
-     * @attr position
-     */
-    position: 'bottom' | 'middle' | 'top';
     /**
      * The snackbar action button.
      * @attr action-text
      */
     actionText: string;
     protected firstUpdated(): void;
-    private toggleAnimation;
-    /** Opens the snackbar. */
-    show(): void;
-    /** Closes the snackbar. */
-    hide(): Promise<void>;
-    /** Toggles the open state of the component. */
-    toggle(): void;
     private handleClick;
     protected render(): import("lit-html").TemplateResult<1>;
 }