igniteui-webcomponents 4.7.0 → 4.8.0

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--symbol-size: var(--ig-rating-symbol-size, );--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-700), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-200), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;
+export const styles = css `:host{--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-700), var(--ig-gray-a)))}`;
 //# sourceMappingURL=rating.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rating.material.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/rating.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ukCAAukC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--symbol-size: var(--ig-rating-symbol-size, );--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-700), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-200), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;\n"]}
+{"version":3,"file":"rating.material.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/rating.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gGAAgG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-700), var(--ig-gray-a)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-900), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-200), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;
+export const styles = css ``;
 //# sourceMappingURL=rating.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rating.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yhCAAyhC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-900), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-200), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;\n"]}
+{"version":3,"file":"rating.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.bootstrap.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/rating/themes/light/rating.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-900), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-900), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-warn-100), var(--ig-warn-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-100), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;
+export const styles = css `:host{--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-900), var(--ig-warn-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-warn-100), var(--ig-warn-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-100), var(--ig-warn-a)))}`;
 //# sourceMappingURL=rating.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rating.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yhCAAyhC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-900), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-900), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-warn-100), var(--ig-warn-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-100), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;\n"]}
+{"version":3,"file":"rating.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.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{--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-900), var(--ig-warn-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-warn-100), var(--ig-warn-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-100), var(--ig-warn-a)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-900), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-200), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;
+export const styles = css ``;
 //# sourceMappingURL=rating.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yhCAAyhC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-900), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-200), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;\n"]}
+{"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.indigo.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/rating/themes/light/rating.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--symbol-size: var(--ig-rating-symbol-size, );--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-700), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-200), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;
+export const styles = css `:host{--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-700), var(--ig-gray-a)))}`;
 //# sourceMappingURL=rating.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rating.material.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ukCAAukC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--symbol-size: var(--ig-rating-symbol-size, );--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-700), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-200), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;\n"]}
+{"version":3,"file":"rating.material.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gGAAgG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-700), var(--ig-gray-a)))}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--symbol-size: var(--ig-rating-symbol-size, );--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-900), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-200), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;
+//# sourceMappingURL=rating.shared.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rating.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ukCAAukC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--symbol-size: var(--ig-rating-symbol-size, );--label-color: var(--ig-rating-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--value-label: var(--ig-rating-value-label, hsla(var(--ig-gray-900), var(--ig-gray-a)));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--symbol-full-color: var(--ig-rating-symbol-full-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));--symbol-empty-filter: var(--ig-rating-symbol-empty-filter, grayscale(100%) opacity(50%));--symbol-full-filter: var(--ig-rating-symbol-full-filter, grayscale(50%));--disabled-label-color: var(--ig-rating-disabled-label-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-value-label: var(--ig-rating-disabled-value-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsla(var(--ig-warn-200), var(--ig-warn-a)));--default-size: var(--ig-rating-default-size, 2)}`;\n"]}

package/components/rating/themes/themes.js

@@ -7,10 +7,14 @@ import { styles as bootstrapLight } from './light/rating.bootstrap.css.js';
 import { styles as fluentLight } from './light/rating.fluent.css.js';
 import { styles as indigoLight } from './light/rating.indigo.css.js';
 import { styles as materialLight } from './light/rating.material.css.js';
+import { styles as shared } from './light/rating.shared.css.js';
 import { styles as bootstrap } from './shared/rating.bootstrap.css.js';
 import { styles as fluent } from './shared/rating.fluent.css.js';
 import { styles as indigo } from './shared/rating.indigo.css.js';
 const light = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapLight}
   `,
@@ -25,6 +29,9 @@ const light = {
   `,
 };
 const dark = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapDark}
   `,

package/components/rating/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/rating/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;AAGjE,MAAM,KAAK,GAAG;IACZ,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,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/rating.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/rating.fluent.css.js';\nimport { styles as indigoDark } from './dark/rating.indigo.css.js';\nimport { styles as materialDark } from './dark/rating.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/rating.bootstrap.css.js';\nimport { styles as fluentLight } from './light/rating.fluent.css.js';\nimport { styles as indigoLight } from './light/rating.indigo.css.js';\nimport { styles as materialLight } from './light/rating.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/rating.bootstrap.css.js';\nimport { styles as fluent } from './shared/rating.fluent.css.js';\nimport { styles as indigo } from './shared/rating.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\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  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"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/rating/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;AAGjE,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/rating.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/rating.fluent.css.js';\nimport { styles as indigoDark } from './dark/rating.indigo.css.js';\nimport { styles as materialDark } from './dark/rating.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/rating.bootstrap.css.js';\nimport { styles as fluentLight } from './light/rating.fluent.css.js';\nimport { styles as indigoLight } from './light/rating.indigo.css.js';\nimport { styles as materialLight } from './light/rating.material.css.js';\nimport { styles as shared } from './light/rating.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/rating.bootstrap.css.js';\nimport { styles as fluent } from './shared/rating.fluent.css.js';\nimport { styles as indigo } from './shared/rating.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/ripple/ripple.js.map

@@ -1 +1 @@
-{"version":3,"file":"ripple.js","sourceRoot":"","sources":["../../../src/components/ripple/ripple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAQtE,MAAqB,kBAAmB,SAAQ,UAAU;IAIjD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAIF,YAAO,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAc,EAAE,EAAE;YACrD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC/C,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAEnE,MAAM,MAAM,GAAiC;gBAC3C,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,OAAO;gBAChB,aAAa,EAAE,MAAM;gBACrB,eAAe,EAAE,QAAQ;gBACzB,SAAS,EAAE,+BAA+B;gBAC1C,UAAU,EAAE,oBAAoB;gBAChC,MAAM,EAAE,cAAc;gBACtB,MAAM,EAAE,iBAAiB;gBACzB,KAAK,EAAE,GAAG,MAAM,IAAI;gBACpB,MAAM,EAAE,GAAG,MAAM,IAAI;gBACrB,YAAY,EAAE,KAAK;gBACnB,GAAG,EAAE,GAAG,GAAG,IAAI;gBACf,IAAI,EAAE,GAAG,IAAI,IAAI;gBACjB,UAAU,EAAE,uCAAuC;aACpD,CAAC;YACF,MAAM,MAAM,GAAe;gBACzB,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE;gBACxC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE;aACtC,CAAC;YACF,MAAM,IAAI,GAA6B;gBACrC,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,QAAQ;aACjB,CAAC;YAEF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YACrC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;YACtC,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QACtE,CAAC,CAAC;QApCA,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC;IAqCO,aAAa,CAAC,CAAS,EAAE,CAAS;QACxC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAClE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;QAC9C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAC5C,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,aAAa,CAAC;IAC3B,CAAC;;AAzDsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AACvB,yBAAM,GAAG,MAAM,AAAT,CAAU;eAFpB,kBAAkB","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport { styles } from './ripple.material.css.js';\nimport { registerComponent } from '../common/definitions/register.js';\n\n/**\n * A ripple can be applied to an element to represent\n * interactive surface.\n *\n * @element igc-ripple\n */\nexport default class IgcRippleComponent extends LitElement {\n  public static readonly tagName = 'igc-ripple';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('mousedown', this.handler);\n  }\n\n  private handler = ({ clientX, clientY }: MouseEvent) => {\n    const element = document.createElement('span');\n    const { radius, top, left } = this.getDimensions(clientX, clientY);\n\n    const styles: Partial<CSSStyleDeclaration> = {\n      position: 'absolute',\n      display: 'block',\n      pointerEvents: 'none',\n      transformOrigin: 'center',\n      transform: `translate3d(0, 0, 0) scale(0)`,\n      willChange: 'opacity, transform',\n      margin: `0 !important`,\n      border: 'none !important',\n      width: `${radius}px`,\n      height: `${radius}px`,\n      borderRadius: '50%',\n      top: `${top}px`,\n      left: `${left}px`,\n      background: 'var(--color, hsl(var(--ig-gray-800)))',\n    };\n    const frames: Keyframe[] = [\n      { opacity: 0.5, transform: 'scale(.3)' },\n      { opacity: 0, transform: 'scale(2)' },\n    ];\n    const opts: KeyframeAnimationOptions = {\n      duration: 600, // --igc-ripple-duration,\n      fill: 'forwards',\n      easing: 'linear', // --igc-ripple-easing\n    };\n\n    Object.assign(element.style, styles);\n    this.shadowRoot?.appendChild(element);\n    element.animate(frames, opts).finished.then(() => element.remove());\n  };\n\n  private getDimensions(x: number, y: number) {\n    const { width, height, left, top } = this.getBoundingClientRect();\n    const radius = Math.max(width, height);\n    const _left = Math.round(x - left - radius / 2);\n    const _top = Math.round(y - top - radius / 2);\n    return { radius, top: _top, left: _left };\n  }\n\n  protected override render() {\n    return html`<div></div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-ripple': IgcRippleComponent;\n  }\n}\n"]}
+{"version":3,"file":"ripple.js","sourceRoot":"","sources":["../../../src/components/ripple/ripple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAQtE,MAAqB,kBAAmB,SAAQ,UAAU;IAKjD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAIF,YAAO,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAc,EAAE,EAAE;YACrD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC/C,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAEnE,MAAM,MAAM,GAAiC;gBAC3C,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,OAAO;gBAChB,aAAa,EAAE,MAAM;gBACrB,eAAe,EAAE,QAAQ;gBACzB,SAAS,EAAE,+BAA+B;gBAC1C,UAAU,EAAE,oBAAoB;gBAChC,MAAM,EAAE,cAAc;gBACtB,MAAM,EAAE,iBAAiB;gBACzB,KAAK,EAAE,GAAG,MAAM,IAAI;gBACpB,MAAM,EAAE,GAAG,MAAM,IAAI;gBACrB,YAAY,EAAE,KAAK;gBACnB,GAAG,EAAE,GAAG,GAAG,IAAI;gBACf,IAAI,EAAE,GAAG,IAAI,IAAI;gBACjB,UAAU,EAAE,uCAAuC;aACpD,CAAC;YACF,MAAM,MAAM,GAAe;gBACzB,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE;gBACxC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE;aACtC,CAAC;YACF,MAAM,IAAI,GAA6B;gBACrC,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,UAAU;gBAChB,MAAM,EAAE,QAAQ;aACjB,CAAC;YAEF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YACrC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;YACtC,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QACtE,CAAC,CAAC;QApCA,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACnD,CAAC;IAqCO,aAAa,CAAC,CAAS,EAAE,CAAS;QACxC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAClE,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;QAChD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;QAC9C,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAC5C,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,aAAa,CAAC;IAC3B,CAAC;;AA1DsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AACvB,yBAAM,GAAG,MAAM,AAAT,CAAU;eAFpB,kBAAkB","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport { styles } from './ripple.material.css.js';\nimport { registerComponent } from '../common/definitions/register.js';\n\n/**\n * A ripple can be applied to an element to represent\n * interactive surface.\n *\n * @element igc-ripple\n */\nexport default class IgcRippleComponent extends LitElement {\n  public static readonly tagName = 'igc-ripple';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(this);\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('mousedown', this.handler);\n  }\n\n  private handler = ({ clientX, clientY }: MouseEvent) => {\n    const element = document.createElement('span');\n    const { radius, top, left } = this.getDimensions(clientX, clientY);\n\n    const styles: Partial<CSSStyleDeclaration> = {\n      position: 'absolute',\n      display: 'block',\n      pointerEvents: 'none',\n      transformOrigin: 'center',\n      transform: `translate3d(0, 0, 0) scale(0)`,\n      willChange: 'opacity, transform',\n      margin: `0 !important`,\n      border: 'none !important',\n      width: `${radius}px`,\n      height: `${radius}px`,\n      borderRadius: '50%',\n      top: `${top}px`,\n      left: `${left}px`,\n      background: 'var(--color, hsl(var(--ig-gray-800)))',\n    };\n    const frames: Keyframe[] = [\n      { opacity: 0.5, transform: 'scale(.3)' },\n      { opacity: 0, transform: 'scale(2)' },\n    ];\n    const opts: KeyframeAnimationOptions = {\n      duration: 600, // --igc-ripple-duration,\n      fill: 'forwards',\n      easing: 'linear', // --igc-ripple-easing\n    };\n\n    Object.assign(element.style, styles);\n    this.shadowRoot?.appendChild(element);\n    element.animate(frames, opts).finished.then(() => element.remove());\n  };\n\n  private getDimensions(x: number, y: number) {\n    const { width, height, left, top } = this.getBoundingClientRect();\n    const radius = Math.max(width, height);\n    const _left = Math.round(x - left - radius / 2);\n    const _top = Math.round(y - top - radius / 2);\n    return { radius, top: _top, left: _left };\n  }\n\n  protected override render() {\n    return html`<div></div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-ripple': IgcRippleComponent;\n  }\n}\n"]}

package/components/select/select-group.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import type IgcSelectItemComponent from './select-item.js';
+import IgcSelectItemComponent from './select-item.js';
 /**
  * @element igc-select-group - A container for a group of `igc-select-item` components.
  *
@@ -10,23 +10,21 @@ import type IgcSelectItemComponent from './select-item.js';
  */
 export default class IgcSelectGroupComponent extends LitElement {
     static readonly tagName = "igc-select-group";
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     static register(): void;
     private _internals;
-    private observer;
     private controlledItems;
     /** All child `igc-select-item`s. */
     items: Array<IgcSelectItemComponent>;
     protected activeItems: Array<IgcSelectItemComponent>;
+    private _observerCallback;
     /**
      * Whether the group item and all its children are disabled.
      * @attr
      */
     disabled: boolean;
     constructor();
-    disconnectedCallback(): void;
     protected firstUpdated(): Promise<void>;
-    protected updateControlledItems(mutations: MutationRecord[]): void;
     protected disabledChange(): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }

package/components/select/select-group.js

@@ -6,48 +6,47 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement, html } from 'lit';
 import { property, queryAssignedElements } from 'lit/decorators.js';
+import IgcSelectItemComponent from './select-item.js';
 import { themes } from '../../theming/theming-decorator.js';
+import { createMutationController, } from '../common/controllers/mutation-observer.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { styles } from '../dropdown/themes/dropdown-group.base.css.js';
 import { all } from '../dropdown/themes/group.js';
+import { styles as shared } from '../dropdown/themes/shared/group/dropdown-group.common.css.js';
 let IgcSelectGroupComponent = class IgcSelectGroupComponent extends LitElement {
     static register() {
         registerComponent(this);
     }
+    _observerCallback({ changes: { attributes }, }) {
+        for (const item of attributes) {
+            if (!this.disabled) {
+                this.controlledItems = this.activeItems;
+            }
+            if (this.disabled && !item.disabled) {
+                item.disabled = true;
+            }
+        }
+    }
     constructor() {
         super();
         this.disabled = false;
         this._internals = this.attachInternals();
         this._internals.role = 'group';
-        this.observer = new MutationObserver(this.updateControlledItems.bind(this));
-    }
-    disconnectedCallback() {
-        this.observer.disconnect();
-        super.disconnectedCallback();
+        createMutationController(this, {
+            callback: this._observerCallback,
+            filter: [IgcSelectItemComponent.tagName],
+            config: {
+                attributeFilter: ['disabled'],
+                subtree: true,
+            },
+        });
     }
     async firstUpdated() {
         await this.updateComplete;
         this.controlledItems = this.activeItems;
-        this.items.forEach((i) => {
-            this.observer.observe(i, {
-                attributes: true,
-                attributeFilter: ['disabled'],
-            });
-        });
         this.disabledChange();
     }
-    updateControlledItems(mutations) {
-        mutations.forEach((mutation) => {
-            const item = mutation.target;
-            if (!this.disabled) {
-                this.controlledItems = this.activeItems;
-            }
-            if (this.disabled && !item.disabled) {
-                item.disabled = true;
-            }
-        });
-    }
     disabledChange() {
         this._internals.ariaDisabled = `${this.disabled}`;
         for (const item of this.controlledItems) {
@@ -64,14 +63,17 @@ let IgcSelectGroupComponent = class IgcSelectGroupComponent extends LitElement {
     }
 };
 IgcSelectGroupComponent.tagName = 'igc-select-group';
-IgcSelectGroupComponent.styles = styles;
+IgcSelectGroupComponent.styles = [styles, shared];
 __decorate([
-    queryAssignedElements({ flatten: true, selector: 'igc-select-item' })
+    queryAssignedElements({
+        flatten: true,
+        selector: IgcSelectItemComponent.tagName,
+    })
 ], IgcSelectGroupComponent.prototype, "items", void 0);
 __decorate([
     queryAssignedElements({
         flatten: true,
-        selector: 'igc-select-item:not([disabled])',
+        selector: `${IgcSelectItemComponent.tagName}:not([disabled])`,
     })
 ], IgcSelectGroupComponent.prototype, "activeItems", void 0);
 __decorate([

package/components/select/select-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-group.js","sourceRoot":"","sources":["../../../src/components/select/select-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport type IgcSelectItemComponent from './select-item.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from '../dropdown/themes/dropdown-group.base.css.js';\nimport { all } from '../dropdown/themes/group.js';\n\n/**\n * @element igc-select-group - A container for a group of `igc-select-item` components.\n *\n * @slot label - Contains the group's label.\n * @slot - Intended to contain the items belonging to this group.\n *\n * @csspart label - The native label element.\n */\n@themes(all)\nexport default class IgcSelectGroupComponent extends LitElement {\n  public static readonly tagName = 'igc-select-group';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  private _internals: ElementInternals;\n  private observer!: MutationObserver;\n  private controlledItems!: Array<IgcSelectItemComponent>;\n\n  /** All child `igc-select-item`s. */\n  @queryAssignedElements({ flatten: true, selector: 'igc-select-item' })\n  public items!: Array<IgcSelectItemComponent>;\n\n  @queryAssignedElements({\n    flatten: true,\n    selector: 'igc-select-item:not([disabled])',\n  })\n  protected activeItems!: Array<IgcSelectItemComponent>;\n\n  /**\n   * Whether the group item and all its children are disabled.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n    this._internals.role = 'group';\n\n    this.observer = new MutationObserver(this.updateControlledItems.bind(this));\n  }\n\n  public override disconnectedCallback() {\n    this.observer.disconnect();\n    super.disconnectedCallback();\n  }\n\n  protected override async firstUpdated() {\n    await this.updateComplete;\n    this.controlledItems = this.activeItems;\n\n    this.items.forEach((i) => {\n      this.observer.observe(i, {\n        attributes: true,\n        attributeFilter: ['disabled'],\n      });\n    });\n\n    this.disabledChange();\n  }\n\n  protected updateControlledItems(mutations: MutationRecord[]) {\n    mutations.forEach((mutation) => {\n      const item = mutation.target as IgcSelectItemComponent;\n\n      if (!this.disabled) {\n        this.controlledItems = this.activeItems;\n      }\n\n      if (this.disabled && !item.disabled) {\n        item.disabled = true;\n      }\n    });\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  protected disabledChange() {\n    this._internals.ariaDisabled = `${this.disabled}`;\n\n    for (const item of this.controlledItems) {\n      item.disabled = this.disabled;\n    }\n  }\n\n  protected override render() {\n    return html`\n      <label part=\"label\">\n        <slot name=\"label\"></slot>\n      </label>\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select-group': IgcSelectGroupComponent;\n  }\n}\n"]}
+{"version":3,"file":"select-group.js","sourceRoot":"","sources":["../../../src/components/select/select-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\n\nimport IgcSelectItemComponent from './select-item.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport {\n  MutationControllerParams,\n  createMutationController,\n} from '../common/controllers/mutation-observer.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from '../dropdown/themes/dropdown-group.base.css.js';\nimport { all } from '../dropdown/themes/group.js';\nimport { styles as shared } from '../dropdown/themes/shared/group/dropdown-group.common.css.js';\n\n/**\n * @element igc-select-group - A container for a group of `igc-select-item` components.\n *\n * @slot label - Contains the group's label.\n * @slot - Intended to contain the items belonging to this group.\n *\n * @csspart label - The native label element.\n */\n@themes(all)\nexport default class IgcSelectGroupComponent extends LitElement {\n  public static readonly tagName = 'igc-select-group';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(this);\n  }\n\n  private _internals: ElementInternals;\n  private controlledItems!: Array<IgcSelectItemComponent>;\n\n  /** All child `igc-select-item`s. */\n  @queryAssignedElements({\n    flatten: true,\n    selector: IgcSelectItemComponent.tagName,\n  })\n  public items!: Array<IgcSelectItemComponent>;\n\n  @queryAssignedElements({\n    flatten: true,\n    selector: `${IgcSelectItemComponent.tagName}:not([disabled])`,\n  })\n  protected activeItems!: Array<IgcSelectItemComponent>;\n\n  private _observerCallback({\n    changes: { attributes },\n  }: MutationControllerParams<IgcSelectItemComponent>) {\n    for (const item of attributes) {\n      if (!this.disabled) {\n        this.controlledItems = this.activeItems;\n      }\n\n      if (this.disabled && !item.disabled) {\n        item.disabled = true;\n      }\n    }\n  }\n\n  /**\n   * Whether the group item and all its children are disabled.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n    this._internals.role = 'group';\n\n    createMutationController(this, {\n      callback: this._observerCallback,\n      filter: [IgcSelectItemComponent.tagName],\n      config: {\n        attributeFilter: ['disabled'],\n        subtree: true,\n      },\n    });\n  }\n\n  protected override async firstUpdated() {\n    await this.updateComplete;\n    this.controlledItems = this.activeItems;\n\n    this.disabledChange();\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  protected disabledChange() {\n    this._internals.ariaDisabled = `${this.disabled}`;\n\n    for (const item of this.controlledItems) {\n      item.disabled = this.disabled;\n    }\n  }\n\n  protected override render() {\n    return html`\n      <label part=\"label\">\n        <slot name=\"label\"></slot>\n      </label>\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select-group': IgcSelectGroupComponent;\n  }\n}\n"]}

package/components/select/select-header.d.ts

@@ -8,7 +8,7 @@ import { LitElement } from 'lit';
  */
 export default class IgcSelectHeaderComponent extends LitElement {
     static readonly tagName = "igc-select-header";
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     static register(): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }

package/components/select/select-header.js

@@ -9,6 +9,7 @@ import { themes } from '../../theming/theming-decorator.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { styles } from '../dropdown/themes/dropdown-header.base.css.js';
 import { all } from '../dropdown/themes/header.js';
+import { styles as shared } from '../dropdown/themes/shared/header/dropdown-header.common.css.js';
 let IgcSelectHeaderComponent = class IgcSelectHeaderComponent extends LitElement {
     static register() {
         registerComponent(this);
@@ -18,7 +19,7 @@ let IgcSelectHeaderComponent = class IgcSelectHeaderComponent extends LitElement
     }
 };
 IgcSelectHeaderComponent.tagName = 'igc-select-header';
-IgcSelectHeaderComponent.styles = styles;
+IgcSelectHeaderComponent.styles = [styles, shared];
 IgcSelectHeaderComponent = __decorate([
     themes(all)
 ], IgcSelectHeaderComponent);

package/components/select/select-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-header.js","sourceRoot":"","sources":["../../../src/components/select/select-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AAUpC,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAIvD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AATsB,gCAAO,GAAG,mBAAmB,AAAtB,CAAuB;AAC9B,+BAAM,GAAG,MAAM,AAAT,CAAU;AAFpB,wBAAwB;IAD5C,MAAM,CAAC,GAAG,CAAC;GACS,wBAAwB,CAW5C;eAXoB,wBAAwB","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from '../dropdown/themes/dropdown-header.base.css.js';\nimport { all } from '../dropdown/themes/header.js';\n\n/**\n * Represents a header item in an igc-select component.\n *\n * @element igc-select-header\n *\n * @slot - Renders the header.\n */\n@themes(all)\nexport default class IgcSelectHeaderComponent extends LitElement {\n  public static readonly tagName = 'igc-select-header';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select-header': IgcSelectHeaderComponent;\n  }\n}\n"]}
+{"version":3,"file":"select-header.js","sourceRoot":"","sources":["../../../src/components/select/select-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,gDAAgD,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AACnD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gEAAgE,CAAC;AAUnF,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAKvD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAVsB,gCAAO,GAAG,mBAAmB,AAAtB,CAAuB;AAC9B,+BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAF9B,wBAAwB;IAD5C,MAAM,CAAC,GAAG,CAAC;GACS,wBAAwB,CAY5C;eAZoB,wBAAwB","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from '../dropdown/themes/dropdown-header.base.css.js';\nimport { all } from '../dropdown/themes/header.js';\nimport { styles as shared } from '../dropdown/themes/shared/header/dropdown-header.common.css.js';\n\n/**\n * Represents a header item in an igc-select component.\n *\n * @element igc-select-header\n *\n * @slot - Renders the header.\n */\n@themes(all)\nexport default class IgcSelectHeaderComponent extends LitElement {\n  public static readonly tagName = 'igc-select-header';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(this);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select-header': IgcSelectHeaderComponent;\n  }\n}\n"]}

package/components/select/select-item.d.ts

@@ -14,7 +14,7 @@ import { IgcBaseOptionLikeComponent } from '../common/mixins/option.js';
  */
 export default class IgcSelectItemComponent extends IgcBaseOptionLikeComponent {
     static readonly tagName = "igc-select-item";
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     static register(): void;
     protected activeChange(): void;
 }

package/components/select/select-item.js

@@ -10,6 +10,7 @@ import { registerComponent } from '../common/definitions/register.js';
 import { IgcBaseOptionLikeComponent } from '../common/mixins/option.js';
 import { styles } from '../dropdown/themes/dropdown-item.base.css.js';
 import { all } from '../dropdown/themes/item.js';
+import { styles as shared } from '../dropdown/themes/shared/item/dropdown-item.common.css.js';
 let IgcSelectItemComponent = class IgcSelectItemComponent extends IgcBaseOptionLikeComponent {
     static register() {
         registerComponent(this);
@@ -22,7 +23,7 @@ let IgcSelectItemComponent = class IgcSelectItemComponent extends IgcBaseOptionL
     }
 };
 IgcSelectItemComponent.tagName = 'igc-select-item';
-IgcSelectItemComponent.styles = styles;
+IgcSelectItemComponent.styles = [styles, shared];
 __decorate([
     watch('active')
 ], IgcSelectItemComponent.prototype, "activeChange", null);

package/components/select/select-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"select-item.js","sourceRoot":"","sources":["../../../src/components/select/select-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,8CAA8C,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AAgBlC,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,0BAA0B;IAIrE,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAGS,YAAY;QACpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAErC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;;AAdsB,8BAAO,GAAG,iBAAiB,AAApB,CAAqB;AAC5B,6BAAM,GAAG,MAAM,AAAT,CAAU;AAO7B;IADT,KAAK,CAAC,QAAQ,CAAC;0DAOf;AAfkB,sBAAsB;IAD1C,MAAM,CAAC,GAAG,CAAC;GACS,sBAAsB,CAgB1C;eAhBoB,sBAAsB","sourcesContent":["import { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcBaseOptionLikeComponent } from '../common/mixins/option.js';\nimport { styles } from '../dropdown/themes/dropdown-item.base.css.js';\nimport { all } from '../dropdown/themes/item.js';\n\n/**\n * Represents an item in a select list.\n *\n * @element igc-select-item\n *\n * @slot - Renders the all content bar the prefix and suffix.\n * @slot prefix - Renders content before the main content area.\n * @slot suffix - Renders content after the main content area.\n *\n * @csspart prefix - The prefix wrapper.\n * @csspart content - The main content wrapper.\n * @csspart suffix - The suffix wrapper.\n */\n@themes(all)\nexport default class IgcSelectItemComponent extends IgcBaseOptionLikeComponent {\n  public static readonly tagName = 'igc-select-item';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  @watch('active')\n  protected activeChange() {\n    this.tabIndex = this.active ? 0 : -1;\n\n    if (this.active) {\n      this.focus();\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select-item': IgcSelectItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"select-item.js","sourceRoot":"","sources":["../../../src/components/select/select-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,8CAA8C,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,4BAA4B,CAAC;AACjD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4DAA4D,CAAC;AAgB/E,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,0BAA0B;IAKrE,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAGS,YAAY;QACpB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAErC,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;;AAfsB,8BAAO,GAAG,iBAAiB,AAApB,CAAqB;AAC5B,6BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAQvC;IADT,KAAK,CAAC,QAAQ,CAAC;0DAOf;AAhBkB,sBAAsB;IAD1C,MAAM,CAAC,GAAG,CAAC;GACS,sBAAsB,CAiB1C;eAjBoB,sBAAsB","sourcesContent":["import { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcBaseOptionLikeComponent } from '../common/mixins/option.js';\nimport { styles } from '../dropdown/themes/dropdown-item.base.css.js';\nimport { all } from '../dropdown/themes/item.js';\nimport { styles as shared } from '../dropdown/themes/shared/item/dropdown-item.common.css.js';\n\n/**\n * Represents an item in a select list.\n *\n * @element igc-select-item\n *\n * @slot - Renders the all content bar the prefix and suffix.\n * @slot prefix - Renders content before the main content area.\n * @slot suffix - Renders content after the main content area.\n *\n * @csspart prefix - The prefix wrapper.\n * @csspart content - The main content wrapper.\n * @csspart suffix - The suffix wrapper.\n */\n@themes(all)\nexport default class IgcSelectItemComponent extends IgcBaseOptionLikeComponent {\n  public static readonly tagName = 'igc-select-item';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(this);\n  }\n\n  @watch('active')\n  protected activeChange() {\n    this.tabIndex = this.active ? 0 : -1;\n\n    if (this.active) {\n      this.focus();\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-select-item': IgcSelectItemComponent;\n  }\n}\n"]}

package/components/select/select.d.ts

@@ -2,7 +2,7 @@ import IgcSelectGroupComponent from './select-group.js';
 import IgcSelectItemComponent from './select-item.js';
 import { themeSymbol } from '../../theming/theming-decorator.js';
 import { IgcBaseComboBoxLikeComponent } from '../common/mixins/combo-box.js';
-import type { Constructor } from '../common/mixins/constructor.js';
+import type { AbstractConstructor } from '../common/mixins/constructor.js';
 import { Validator } from '../common/validators.js';
 import IgcInputComponent from '../input/input.js';
 import { type IgcPlacement } from '../popover/popover.js';
@@ -15,7 +15,7 @@ export interface IgcSelectEventMap {
     igcClosing: CustomEvent<void>;
     igcClosed: CustomEvent<void>;
 }
-declare const IgcSelectComponent_base: Constructor<import("../common/mixins/form-associated-required.js").FormRequiredInterface & import("../common/mixins/form-associated.js").FormAssociatedElementInterface> & import("../common/mixins/constructor.js").AbstractConstructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSelectEventMap>> & Constructor<IgcBaseComboBoxLikeComponent>;
+declare const IgcSelectComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/form-associated-required.js").FormRequiredInterface & import("../common/mixins/form-associated.js").FormAssociatedElementInterface> & import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSelectEventMap>> & AbstractConstructor<IgcBaseComboBoxLikeComponent>;
 /**
  * Represents a control that provides a menu of options.
  *
@@ -48,7 +48,7 @@ declare const IgcSelectComponent_base: Constructor<import("../common/mixins/form
  */
 export default class IgcSelectComponent extends IgcSelectComponent_base {
     static readonly tagName = "igc-select";
-    static styles: import("lit").CSSResult;
+    static styles: import("lit").CSSResult[];
     static register(): void;
     private readonly [themeSymbol];
     private _value;

package/components/select/select.js

@@ -11,6 +11,7 @@ import IgcSelectGroupComponent from './select-group.js';
 import IgcSelectHeaderComponent from './select-header.js';
 import IgcSelectItemComponent from './select-item.js';
 import { styles } from './themes/select.base.css.js';
+import { styles as shared } from './themes/shared/select.common.css.js';
 import { all } from './themes/themes.js';
 import { themeSymbol, themes } from '../../theming/theming-decorator.js';
 import { addKeybindings, altKey, arrowDown, arrowLeft, arrowRight, arrowUp, endKey, enterKey, escapeKey, homeKey, spaceBar, tabKey, } from '../common/controllers/key-bindings.js';
@@ -163,10 +164,7 @@ let IgcSelectComponent = class IgcSelectComponent extends FormAssociatedRequired
         }
         this._lastKeyTime = now;
         this._searchTerm += event.key.toLocaleLowerCase();
-        const item = this._activeItems.find((item) => item.textContent
-            ?.trim()
-            .toLocaleLowerCase()
-            .startsWith(this._searchTerm));
+        const item = this._activeItems.find((item) => item.textContent?.trim().toLocaleLowerCase().startsWith(this._searchTerm));
         if (item) {
             this.open ? this.activateItem(item) : this._selectItem(item);
         }
@@ -428,7 +426,7 @@ let IgcSelectComponent = class IgcSelectComponent extends FormAssociatedRequired
     }
 };
 IgcSelectComponent.tagName = 'igc-select';
-IgcSelectComponent.styles = styles;
+IgcSelectComponent.styles = [styles, shared];
 __decorate([
     state()
 ], IgcSelectComponent.prototype, "_selectedItem", void 0);
@@ -500,7 +498,7 @@ __decorate([
 ], IgcSelectComponent.prototype, "select", null);
 IgcSelectComponent = __decorate([
     themes(all, true),
-    blazorAdditionalDependencies('IgcIconComponent, IgcInputComponent, IgcPopoverComponent, IgcSelectGroupComponent, IgcSelectHeaderComponent, IgcSelectItemComponent')
+    blazorAdditionalDependencies('IgcIconComponent, IgcInputComponent, IgcSelectGroupComponent, IgcSelectHeaderComponent, IgcSelectItemComponent')
 ], IgcSelectComponent);
 export default IgcSelectComponent;
 //# sourceMappingURL=select.js.map