igniteui-webcomponents 5.2.4 → 5.3.0-beta.0

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--hover-color: var(--ig-radio-hover-color, hsl(from var(--ig-gray-700) h s l/1));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-gray-700) h s l/1));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsl(from var(--ig-primary-800) h s l/1));--empty-color: var(--ig-radio-empty-color, hsl(from var(--ig-gray-900) h s l/1));--fill-color-hover: var(--ig-radio-fill-color-hover, hsl(from var(--ig-primary-800) h s l/1));--error-color-hover: var(--ig-radio-error-color-hover, hsl(from var(--ig-error-700) h s l/1))}`;
+export const styles = css `:host{--hover-color: var(--ig-radio-hover-color, var(--ig-gray-700));--focus-outline-color: var(--ig-radio-focus-outline-color, var(--ig-gray-700));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-800));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-900));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-800));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-700))}`;
 //# sourceMappingURL=radio.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mjBAAmjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--hover-color: var(--ig-radio-hover-color, hsl(from var(--ig-gray-700) h s l/1));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-gray-700) h s l/1));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsl(from var(--ig-primary-800) h s l/1));--empty-color: var(--ig-radio-empty-color, hsl(from var(--ig-gray-900) h s l/1));--fill-color-hover: var(--ig-radio-fill-color-hover, hsl(from var(--ig-primary-800) h s l/1));--error-color-hover: var(--ig-radio-error-color-hover, hsl(from var(--ig-error-700) h s l/1))}`;\n"]}
+{"version":3,"file":"radio.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ucAAuc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--hover-color: var(--ig-radio-hover-color, var(--ig-gray-700));--focus-outline-color: var(--ig-radio-focus-outline-color, var(--ig-gray-700));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-800));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-900));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-800));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-700))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--hover-color: var(--ig-radio-hover-color, hsl(from var(--ig-gray-600) h s l/1));--label-color: var(--ig-radio-label-color, hsl(from var(--ig-gray-800) h s l/1));--disabled-color: var(--ig-radio-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-fill-color: var(--ig-radio-disabled-fill-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-label-color: var(--ig-radio-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--empty-color: var(--ig-radio-empty-color, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsl(from var(--ig-primary-400) h s l/1));--fill-color-hover: var(--ig-radio-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--error-color-hover: var(--ig-radio-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}`;
+export const styles = css `:host{--hover-color: var(--ig-radio-hover-color, var(--ig-gray-600));--label-color: var(--ig-radio-label-color, var(--ig-gray-800));--disabled-color: var(--ig-radio-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-fill-color: var(--ig-radio-disabled-fill-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-label-color: var(--ig-radio-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-500));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-400));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-400));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-400))}`;
 //# sourceMappingURL=radio.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gpCAAgpC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--hover-color: var(--ig-radio-hover-color, hsl(from var(--ig-gray-600) h s l/1));--label-color: var(--ig-radio-label-color, hsl(from var(--ig-gray-800) h s l/1));--disabled-color: var(--ig-radio-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-fill-color: var(--ig-radio-disabled-fill-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-label-color: var(--ig-radio-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--empty-color: var(--ig-radio-empty-color, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsl(from var(--ig-primary-400) h s l/1));--fill-color-hover: var(--ig-radio-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--error-color-hover: var(--ig-radio-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}`;\n"]}
+{"version":3,"file":"radio.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oiCAAoiC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--hover-color: var(--ig-radio-hover-color, var(--ig-gray-600));--label-color: var(--ig-radio-label-color, var(--ig-gray-800));--disabled-color: var(--ig-radio-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-fill-color: var(--ig-radio-disabled-fill-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-label-color: var(--ig-radio-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-500));--focus-outline-color: var(--ig-radio-focus-outline-color, hsl(from var(--ig-gray-900) h s l/0.15));--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-primary-400));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-primary-400));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-400))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--fill-color: var(--ig-radio-fill-color, hsl(from var(--ig-secondary-500) h s l/1));--focus-outline-color: var(--ig-radio-focus-outline-color, transparent);--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsl(from var(--ig-secondary-500) h s l/1));--empty-color: var(--ig-radio-empty-color, hsl(from var(--ig-gray-600) h s l/1));--fill-color-hover: var(--ig-radio-fill-color-hover, hsl(from var(--ig-secondary-500) h s l/1));--error-color-hover: var(--ig-radio-error-color-hover, hsl(from var(--ig-error-500) h s l/1))}`;
+export const styles = css `:host{--fill-color: var(--ig-radio-fill-color, var(--ig-secondary-500));--focus-outline-color: var(--ig-radio-focus-outline-color, transparent);--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-secondary-500));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-600));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-secondary-500));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-500))}`;
 //# sourceMappingURL=radio.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio.material.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iiBAAiiB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--fill-color: var(--ig-radio-fill-color, hsl(from var(--ig-secondary-500) h s l/1));--focus-outline-color: var(--ig-radio-focus-outline-color, transparent);--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, hsl(from var(--ig-secondary-500) h s l/1));--empty-color: var(--ig-radio-empty-color, hsl(from var(--ig-gray-600) h s l/1));--fill-color-hover: var(--ig-radio-fill-color-hover, hsl(from var(--ig-secondary-500) h s l/1));--error-color-hover: var(--ig-radio-error-color-hover, hsl(from var(--ig-error-500) h s l/1))}`;\n"]}
+{"version":3,"file":"radio.material.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ucAAuc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--fill-color: var(--ig-radio-fill-color, var(--ig-secondary-500));--focus-outline-color: var(--ig-radio-focus-outline-color, transparent);--fill-hover-border-color: var(--ig-radio-fill-hover-border-color, var(--ig-secondary-500));--empty-color: var(--ig-radio-empty-color, var(--ig-gray-600));--fill-color-hover: var(--ig-radio-fill-color-hover, var(--ig-secondary-500));--error-color-hover: var(--ig-radio-error-color-hover, var(--ig-error-500))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--empty-fill-color: var(--ig-radio-empty-fill-color, transparent);--hover-color: var(--ig-radio-hover-color, transparent);--label-color: var(--ig-radio-label-color, hsl(from var(--ig-gray-900) h s l/1));--label-color-hover: var(--ig-radio-label-color-hover, hsl(from var(--ig-gray-900) h s l/1));--fill-color: var(--ig-radio-fill-color, hsl(from var(--ig-primary-500) h s l/1));--disabled-color: var(--ig-radio-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-fill-color: var(--ig-radio-disabled-fill-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-label-color: var(--ig-radio-disabled-label-color, hsl(from var(--ig-gray-500) h s l/1));--error-color: var(--ig-radio-error-color, hsl(from var(--ig-error-500) h s l/1));--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, transparent);--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, transparent)}`;
+export const styles = css `:host{--empty-fill-color: var(--ig-radio-empty-fill-color, transparent);--hover-color: var(--ig-radio-hover-color, transparent);--label-color: var(--ig-radio-label-color, var(--ig-gray-900));--label-color-hover: var(--ig-radio-label-color-hover, var(--ig-gray-900));--fill-color: var(--ig-radio-fill-color, var(--ig-primary-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-400));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-gray-400));--disabled-label-color: var(--ig-radio-disabled-label-color, var(--ig-gray-500));--error-color: var(--ig-radio-error-color, var(--ig-error-500));--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, transparent);--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, transparent)}`;
 //# sourceMappingURL=radio.shared.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y5BAAy5B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--empty-fill-color: var(--ig-radio-empty-fill-color, transparent);--hover-color: var(--ig-radio-hover-color, transparent);--label-color: var(--ig-radio-label-color, hsl(from var(--ig-gray-900) h s l/1));--label-color-hover: var(--ig-radio-label-color-hover, hsl(from var(--ig-gray-900) h s l/1));--fill-color: var(--ig-radio-fill-color, hsl(from var(--ig-primary-500) h s l/1));--disabled-color: var(--ig-radio-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-fill-color: var(--ig-radio-disabled-fill-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-label-color: var(--ig-radio-disabled-label-color, hsl(from var(--ig-gray-500) h s l/1));--error-color: var(--ig-radio-error-color, hsl(from var(--ig-error-500) h s l/1));--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, transparent);--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, transparent)}`;\n"]}
+{"version":3,"file":"radio.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/light/radio.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2xBAA2xB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--empty-fill-color: var(--ig-radio-empty-fill-color, transparent);--hover-color: var(--ig-radio-hover-color, transparent);--label-color: var(--ig-radio-label-color, var(--ig-gray-900));--label-color-hover: var(--ig-radio-label-color-hover, var(--ig-gray-900));--fill-color: var(--ig-radio-fill-color, var(--ig-primary-500));--disabled-color: var(--ig-radio-disabled-color, var(--ig-gray-400));--disabled-fill-color: var(--ig-radio-disabled-fill-color, var(--ig-gray-400));--disabled-label-color: var(--ig-radio-disabled-label-color, var(--ig-gray-500));--error-color: var(--ig-radio-error-color, var(--ig-error-500));--focus-outline-color-filled: var(--ig-radio-focus-outline-color-filled, transparent);--focus-outline-color-error: var(--ig-radio-focus-outline-color-error, transparent)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host::part(base){transition:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.25rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=base]{gap:.5rem}[part~=control]{--size: 1rem;border-radius:var(--size);width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);transition:rgba(0,0,0,0)}[part~=control]::before,[part~=control]::after{transition:none;border-radius:calc(var(--size)/2)}[part~=control]::before{transform:translate(-50%, -50%) scale(0.4375)}[part~=control]::after{width:inherit;height:inherit;min-width:inherit;border:.0625rem solid var(--empty-color)}[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}[part~=focused] [part=control]::after{border-color:hsl(from var(--ig-primary-200) h s l/1)}[part="control checked"]::after{background:var(--fill-color);border-color:var(--fill-color)}[part="control checked"]::before{border-color:var(--fill-hover-border-color);background:var(--fill-hover-border-color)}:host(:hover) [part=control]::after{border-color:var(--hover-color)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:hover) [part~=focused] [part=control]::after{border-color:hsl(from var(--ig-primary-300) h s l/1)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:not([disabled])[invalid]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled])[invalid]:hover) [part="control checked"]::after{background:var(--error-color-hover)}:host([disabled]) [part=control]::after,:host(:disabled) [part=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-fill-color);border-color:var(--disabled-fill-color)}`;
+export const styles = css `:host::part(base){transition:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.25rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=base]{gap:.5rem}[part~=control]{--size: 1rem;border-radius:var(--size);width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);transition:rgba(0,0,0,0)}[part~=control]::before,[part~=control]::after{transition:none;border-radius:calc(var(--size)/2)}[part~=control]::before{transform:translate(-50%, -50%) scale(0.4375)}[part~=control]::after{width:inherit;height:inherit;min-width:inherit;border:.0625rem solid var(--empty-color)}[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}[part~=focused] [part=control]::after{border-color:var(--ig-primary-200)}[part="control checked"]::after{background:var(--fill-color);border-color:var(--fill-color)}[part="control checked"]::before{border-color:var(--fill-hover-border-color);background:var(--fill-hover-border-color)}:host(:hover) [part=control]::after{border-color:var(--hover-color)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:hover) [part~=focused] [part=control]::after{border-color:var(--ig-primary-300)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:not([disabled])[invalid]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled])[invalid]:hover) [part="control checked"]::after{background:var(--error-color-hover)}:host([disabled]) [part=control]::after,:host(:disabled) [part=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after{background:var(--disabled-fill-color);border-color:var(--disabled-fill-color)}`;
 //# sourceMappingURL=radio.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/shared/radio.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kgGAAkgG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host::part(base){transition:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.25rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=base]{gap:.5rem}[part~=control]{--size: 1rem;border-radius:var(--size);width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);transition:rgba(0,0,0,0)}[part~=control]::before,[part~=control]::after{transition:none;border-radius:calc(var(--size)/2)}[part~=control]::before{transform:translate(-50%, -50%) scale(0.4375)}[part~=control]::after{width:inherit;height:inherit;min-width:inherit;border:.0625rem solid var(--empty-color)}[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}[part~=focused] [part=control]::after{border-color:hsl(from var(--ig-primary-200) h s l/1)}[part=\"control checked\"]::after{background:var(--fill-color);border-color:var(--fill-color)}[part=\"control checked\"]::before{border-color:var(--fill-hover-border-color);background:var(--fill-hover-border-color)}:host(:hover) [part=control]::after{border-color:var(--hover-color)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:hover) [part~=focused] [part=control]::after{border-color:hsl(from var(--ig-primary-300) h s l/1)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:not([disabled])[invalid]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled])[invalid]:hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host([disabled]) [part=control]::after,:host(:disabled) [part=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-fill-color);border-color:var(--disabled-fill-color)}`;\n"]}
+{"version":3,"file":"radio.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/shared/radio.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,89FAA89F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host::part(base){transition:none}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin-block-start:1rem;grid-auto-rows:minmax(1.25rem, auto)}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=base]{gap:.5rem}[part~=control]{--size: 1rem;border-radius:var(--size);width:var(--size);height:var(--size);min-width:var(--size);background:var(--empty-fill-color);transition:rgba(0,0,0,0)}[part~=control]::before,[part~=control]::after{transition:none;border-radius:calc(var(--size)/2)}[part~=control]::before{transform:translate(-50%, -50%) scale(0.4375)}[part~=control]::after{width:inherit;height:inherit;min-width:inherit;border:.0625rem solid var(--empty-color)}[part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color)}[part~=focused] [part=control]::after{border-color:var(--ig-primary-200)}[part=\"control checked\"]::after{background:var(--fill-color);border-color:var(--fill-color)}[part=\"control checked\"]::before{border-color:var(--fill-hover-border-color);background:var(--fill-hover-border-color)}:host(:hover) [part=control]::after{border-color:var(--hover-color)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:hover) [part~=focused] [part=control]::after{border-color:var(--ig-primary-300)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid]) [part~=focused] [part~=control],:host(:not(:disabled)[invalid]) [part~=focused] [part~=control]{box-shadow:0 0 0 .25rem var(--focus-outline-color-error)}:host(:not([disabled])[invalid]:hover) [part~=control]::after{border-color:var(--error-color-hover)}:host(:not([disabled])[invalid]:hover) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host([disabled]) [part=control]::after,:host(:disabled) [part=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after{background:var(--disabled-fill-color);border-color:var(--disabled-fill-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsl(from var(--ig-gray-400) h s l/1));--symbol-full-color: var(--ig-rating-symbol-full-color, hsl(from var(--ig-gray-800) h s l/1));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-warn-900) h s l/1));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-900) h s l/1))}`;
+export const styles = css `:host{--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-400));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-gray-800));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, var(--ig-warn-900));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-900))}`;
 //# sourceMappingURL=rating.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rating.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/rating.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,waAAwa,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsl(from var(--ig-gray-400) h s l/1));--symbol-full-color: var(--ig-rating-symbol-full-color, hsl(from var(--ig-gray-800) h s l/1));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-warn-900) h s l/1));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-900) h s l/1))}`;\n"]}
+{"version":3,"file":"rating.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/rating.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gWAAgW,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-400));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-gray-800));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, var(--ig-warn-900));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-900))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--label-color: var(--ig-rating-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--value-label: var(--ig-rating-value-label, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsl(from var(--ig-gray-300) h s l/1));--symbol-full-color: var(--ig-rating-symbol-full-color, hsl(from var(--ig-warn-300) h s l/1));--disabled-label-color: var(--ig-rating-disabled-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-value-label: var(--ig-rating-disabled-value-label, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4))}`;
+export const styles = css `:host{--label-color: var(--ig-rating-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-300));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4))}`;
 //# sourceMappingURL=rating.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w4BAAw4B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--value-label: var(--ig-rating-value-label, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsl(from var(--ig-gray-300) h s l/1));--symbol-full-color: var(--ig-rating-symbol-full-color, hsl(from var(--ig-warn-300) h s l/1));--disabled-label-color: var(--ig-rating-disabled-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-value-label: var(--ig-rating-disabled-value-label, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4))}`;\n"]}
+{"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4xBAA4xB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-300));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-700) h s l/1))}`;
+export const styles = css `:host{--value-label: var(--ig-rating-value-label, var(--ig-gray-700))}`;
 //# 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,0FAA0F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-700) h s l/1))}`;\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,wEAAwE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--value-label: var(--ig-rating-value-label, var(--ig-gray-700))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsl(from var(--ig-gray-700) h s l/1));--symbol-full-color: var(--ig-rating-symbol-full-color, hsl(from var(--ig-warn-900) h s l/1));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-warn-100) h s l/1));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-100) h s l/1))}`;
+export const styles = css `:host{--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-700));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-900));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, var(--ig-warn-100));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-100))}`;
 //# 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,waAAwa,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsl(from var(--ig-gray-700) h s l/1));--symbol-full-color: var(--ig-rating-symbol-full-color, hsl(from var(--ig-warn-900) h s l/1));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-warn-100) h s l/1));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-100) h s l/1))}`;\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,gWAAgW,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-700));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-900));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, var(--ig-warn-100));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-100))}`;\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, hsl(from var(--ig-gray-800) h s l/1));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-800) h s l/1));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsl(from var(--ig-gray-500) h s l/1));--symbol-full-color: var(--ig-rating-symbol-full-color, hsl(from var(--ig-warn-300) h s l/1));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4))}`;
+export const styles = css `:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-800));--value-label: var(--ig-rating-value-label, var(--ig-gray-800));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-500));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4))}`;
 //# 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,4xBAA4xB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, hsl(from var(--ig-gray-800) h s l/1));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-800) h s l/1));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsl(from var(--ig-gray-500) h s l/1));--symbol-full-color: var(--ig-rating-symbol-full-color, hsl(from var(--ig-warn-300) h s l/1));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4))}`;\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,otBAAotB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-800));--value-label: var(--ig-rating-value-label, var(--ig-gray-800));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-500));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-700) h s l/1))}`;
+export const styles = css `:host{--value-label: var(--ig-rating-value-label, var(--ig-gray-700))}`;
 //# 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,0FAA0F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-700) h s l/1))}`;\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,wEAAwE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--value-label: var(--ig-rating-value-label, var(--ig-gray-700))}`;\n"]}

package/components/rating/themes/light/rating.shared.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, hsl(from var(--ig-gray-900) h s l/1));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-900) h s l/1));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsl(from var(--ig-gray-600) h s l/1));--symbol-full-color: var(--ig-rating-symbol-full-color, hsl(from var(--ig-warn-500) h s l/1));--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, hsl(from var(--ig-gray-400) h s l/1));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-400) h s l/1));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-200) h s l/1));--default-size: var(--ig-rating-default-size, 2)}`;
+export const styles = css `:host{--symbol-size: var(--ig-rating-symbol-size, );--label-color: var(--ig-rating-label-color, var(--ig-gray-900));--value-label: var(--ig-rating-value-label, var(--ig-gray-900));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-600));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-500));--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, var(--ig-gray-400));--disabled-value-label: var(--ig-rating-disabled-value-label, var(--ig-gray-400));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, var(--ig-gray-400));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-200));--default-size: var(--ig-rating-default-size, 2)}`;
 //# sourceMappingURL=rating.shared.css.js.map

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

@@ -1 +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,uhCAAuhC,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, hsl(from var(--ig-gray-900) h s l/1));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-900) h s l/1));--symbol-empty-color: var(--ig-rating-symbol-empty-color, hsl(from var(--ig-gray-600) h s l/1));--symbol-full-color: var(--ig-rating-symbol-full-color, hsl(from var(--ig-warn-500) h s l/1));--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, hsl(from var(--ig-gray-400) h s l/1));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-400) h s l/1));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-400) h s l/1));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-200) h s l/1));--default-size: var(--ig-rating-default-size, 2)}`;\n"]}
+{"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,u4BAAu4B,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, var(--ig-gray-900));--value-label: var(--ig-rating-value-label, var(--ig-gray-900));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-600));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-500));--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, var(--ig-gray-400));--disabled-value-label: var(--ig-rating-disabled-value-label, var(--ig-gray-400));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, var(--ig-gray-400));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, var(--ig-warn-200));--default-size: var(--ig-rating-default-size, 2)}`;\n"]}

package/components/resize-container/default-ghost.js

@@ -0,0 +1,15 @@
+export function createDefaultGhostElement(width, height) {
+    const element = document.createElement('div');
+    Object.assign(element.style, {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        zIndex: 1000,
+        background: 'pink',
+        opacity: 0.85,
+        width: `${width}px`,
+        height: `${height}px`,
+    });
+    return element;
+}
+//# sourceMappingURL=default-ghost.js.map

package/components/resize-container/default-ghost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-ghost.js","sourceRoot":"","sources":["../../../src/components/resize-container/default-ghost.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,yBAAyB,CACvC,KAAa,EACb,MAAc;IAEd,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE;QAC3B,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,GAAG,KAAK,IAAI;QACnB,MAAM,EAAE,GAAG,MAAM,IAAI;KACtB,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["/**\n * Default ghost element factory for the igc-resize implementation.\n */\nexport function createDefaultGhostElement(\n  width: number,\n  height: number\n): HTMLElement {\n  const element = document.createElement('div');\n\n  Object.assign(element.style, {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    zIndex: 1000, // REVIEW: Expose as a CSS variable\n    background: 'pink', // REVIEW: Expose as a CSS variable\n    opacity: 0.85, // REVIEW: Expose as a CSS variable\n    width: `${width}px`,\n    height: `${height}px`,\n  });\n\n  return element;\n}\n"]}

package/components/resize-container/resize-container.js

@@ -0,0 +1,174 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var IgcResizeContainerComponent_1;
+import { LitElement, html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { createRef, ref } from 'lit/directives/ref.js';
+import { themes } from '../../theming/theming-decorator.js';
+import { registerComponent } from '../common/definitions/register.js';
+import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import { partNameMap } from '../common/util.js';
+import IgcIconComponent from '../icon/icon.js';
+import { addResizeController } from './resize-controller.js';
+import { styles } from './themes/resize-container.base.css.js';
+import { styles as shared } from './themes/shared/resize-container.common.css.js';
+import { all } from './themes/themes.js';
+let IgcResizeContainerComponent = IgcResizeContainerComponent_1 = class IgcResizeContainerComponent extends EventEmitterMixin(LitElement) {
+    static register() {
+        registerComponent(IgcResizeContainerComponent_1, IgcIconComponent);
+    }
+    set enabled(value) {
+        this._enabled = value;
+        this._controller.set({ enabled: value });
+    }
+    get enabled() {
+        return this._enabled;
+    }
+    set ghostFactory(value) {
+        this._ghostFactory = value;
+        this._controller.set({ deferredFactory: this._ghostFactory });
+    }
+    get ghostFactory() {
+        return this._ghostFactory;
+    }
+    set mode(value) {
+        this._mode = value;
+        this._controller.set({ mode: this._mode });
+    }
+    get mode() {
+        return this._mode;
+    }
+    setSize(width, height) {
+        this._controller.setSize(width, height);
+    }
+    getSize() {
+        const { width, height } = this._container.value.style;
+        return { width, height };
+    }
+    constructor() {
+        super();
+        this._enabled = true;
+        this._mode = 'immediate';
+        this._container = createRef();
+        this._adorners = {
+            side: createRef(),
+            corner: createRef(),
+            bottom: createRef(),
+        };
+        this._isActive = false;
+        this.active = false;
+        this._controller = addResizeController(this, {
+            ref: [this._adorners.side, this._adorners.corner, this._adorners.bottom],
+            mode: this._mode,
+            deferredFactory: this._ghostFactory,
+            start: this._handleResizeStart,
+            resize: this._handleResize,
+            end: this._handleResizeEnd,
+            cancel: this._handleResizeCancel,
+            resizeTarget: () => this._container.value,
+        });
+    }
+    createRenderRoot() {
+        const root = super.createRenderRoot();
+        root.addEventListener('slotchange', () => this.requestUpdate());
+        return root;
+    }
+    _updateResizingState(params) {
+        const { initial, current, trigger } = params.state;
+        const { side, bottom } = this._adorners;
+        if (trigger === side.value) {
+            current.height = initial.height;
+        }
+        else if (trigger === bottom.value) {
+            current.width = initial.width;
+        }
+    }
+    _handlePointerEnter() {
+        this._isActive = true;
+    }
+    _handlePointerLeave() {
+        this._isActive = false;
+    }
+    _handleResizeStart(params) {
+        params.event.preventDefault();
+        this.emitEvent('igcResizeStart', { bubbles: false, detail: params });
+    }
+    _handleResize(params) {
+        this._updateResizingState(params);
+        this.emitEvent('igcResize', { bubbles: false, detail: params });
+    }
+    _handleResizeEnd(params) {
+        this.emitEvent('igcResizeEnd', { bubbles: false, detail: params });
+    }
+    _handleResizeCancel({ initial }) {
+        this._controller.dispose();
+        if (this.mode !== 'deferred') {
+            Object.assign(this._container.value.style, {
+                width: `${initial.width}px`,
+                height: `${initial.height}px`,
+            });
+        }
+        this.emitEvent('igcResizeCancel', { bubbles: false, cancelable: false });
+    }
+    _renderAdorner(name, part) {
+        return html `
+      <slot ${ref(this._adorners[name])} part=${part} name="${name}-adorner">
+        <div part="adorner-indicator"></div>
+      </slot>
+    `;
+    }
+    _renderAdorners() {
+        if (!this._enabled || (!this._isActive && !this.active)) {
+            return nothing;
+        }
+        return html `
+      ${this._renderAdorner('side', 'trigger-side')}
+      ${this._renderAdorner('corner', 'trigger')}
+      ${this._renderAdorner('bottom', 'trigger-bottom')}
+    `;
+    }
+    render() {
+        const parts = partNameMap({
+            'resize-base': true,
+            active: this._isActive || this.active,
+        });
+        const skipHandlers = this.active || !this._enabled;
+        return html `
+      <div
+        ${ref(this._container)}
+        part=${parts}
+        @pointerenter=${skipHandlers ? nothing : this._handlePointerEnter}
+        @pointerleave=${skipHandlers ? nothing : this._handlePointerLeave}
+      >
+        <slot></slot>
+        ${this._renderAdorners()}
+      </div>
+    `;
+    }
+};
+IgcResizeContainerComponent.tagName = 'igc-resize';
+IgcResizeContainerComponent.styles = [styles, shared];
+__decorate([
+    state()
+], IgcResizeContainerComponent.prototype, "_isActive", void 0);
+__decorate([
+    property({ type: Boolean })
+], IgcResizeContainerComponent.prototype, "enabled", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IgcResizeContainerComponent.prototype, "active", void 0);
+__decorate([
+    property({ attribute: false })
+], IgcResizeContainerComponent.prototype, "ghostFactory", null);
+__decorate([
+    property()
+], IgcResizeContainerComponent.prototype, "mode", null);
+IgcResizeContainerComponent = IgcResizeContainerComponent_1 = __decorate([
+    themes(all)
+], IgcResizeContainerComponent);
+export default IgcResizeContainerComponent;
+//# sourceMappingURL=resize-container.js.map

package/components/resize-container/resize-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-container.js","sourceRoot":"","sources":["../../../src/components/resize-container/resize-container.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { type Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { partNameMap } from '../common/util.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport { addResizeController } from './resize-controller.js';\nimport { styles } from './themes/resize-container.base.css.js';\nimport { styles as shared } from './themes/shared/resize-container.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n  ResizeCallbackParams,\n  ResizeGhostFactory,\n  ResizeMode,\n  ResizeState,\n} from './types.js';\n\nexport interface IgcResizeContainerComponentEventMap {\n  igcResizeStart: CustomEvent<ResizeCallbackParams>;\n  igcResize: CustomEvent<ResizeCallbackParams>;\n  igcResizeEnd: CustomEvent<ResizeCallbackParams>;\n  igcResizeCancel: CustomEvent<unknown>;\n}\n\n/* blazorSuppress */\n/**\n * @element igc-resize\n *\n * @slot - renders the element(s) that should be resized\n * @slot side-adorner - renders the side resize handle.\n * @slot corner-adorner - renders the corner resize handle.\n * @slot bottom-adorner - renders the bottom resize handle.\n *\n */\n@themes(all)\nexport default class IgcResizeContainerComponent extends EventEmitterMixin<\n  IgcResizeContainerComponentEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-resize';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcResizeContainerComponent, IgcIconComponent);\n  }\n\n  private _controller: ReturnType<typeof addResizeController>;\n\n  private _enabled = true;\n  private _mode: ResizeMode = 'immediate';\n  private _ghostFactory?: ResizeGhostFactory;\n\n  /** The DOM container doing the actual resizing */\n  private _container: Ref<HTMLElement> = createRef();\n\n  /** Resize component adorners */\n  private _adorners: Record<'side' | 'corner' | 'bottom', Ref<HTMLElement>> = {\n    side: createRef(),\n    corner: createRef(),\n    bottom: createRef(),\n  };\n\n  @state()\n  private _isActive = false;\n\n  /** Whether the resize behavior is enabled. */\n  @property({ type: Boolean })\n  public set enabled(value: boolean) {\n    this._enabled = value;\n    this._controller.set({ enabled: value });\n  }\n\n  public get enabled(): boolean {\n    return this._enabled;\n  }\n\n  /**\n   * Whether to always show the resize element adorners.\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  @property({ attribute: false })\n  public set ghostFactory(value: ResizeGhostFactory) {\n    this._ghostFactory = value;\n    this._controller.set({ deferredFactory: this._ghostFactory });\n  }\n\n  public get ghostFactory(): ResizeGhostFactory | undefined {\n    return this._ghostFactory;\n  }\n\n  /** Get/Set the mode of the resizing operation. */\n  @property()\n  public set mode(value: ResizeMode) {\n    this._mode = value;\n    this._controller.set({ mode: this._mode });\n  }\n\n  public get mode(): ResizeMode {\n    return this._mode;\n  }\n\n  public setSize(width: number | null, height: number | null): void {\n    this._controller.setSize(width, height);\n  }\n\n  public getSize() {\n    const { width, height } = this._container.value!.style;\n    return { width, height };\n  }\n\n  constructor() {\n    super();\n\n    this._controller = addResizeController(this, {\n      ref: [this._adorners.side, this._adorners.corner, this._adorners.bottom],\n      mode: this._mode,\n      deferredFactory: this._ghostFactory,\n      start: this._handleResizeStart,\n      resize: this._handleResize,\n      end: this._handleResizeEnd,\n      cancel: this._handleResizeCancel,\n      resizeTarget: () => this._container.value!,\n    });\n  }\n\n  protected override createRenderRoot(): HTMLElement | DocumentFragment {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  private _updateResizingState(params: ResizeCallbackParams): void {\n    const { initial, current, trigger } = params.state;\n    const { side, bottom } = this._adorners;\n\n    if (trigger === side.value) {\n      current.height = initial.height;\n    } else if (trigger === bottom.value) {\n      current.width = initial.width;\n    }\n  }\n\n  private _handlePointerEnter(): void {\n    this._isActive = true;\n  }\n\n  private _handlePointerLeave(): void {\n    this._isActive = false;\n  }\n\n  private _handleResizeStart(params: ResizeCallbackParams): void {\n    params.event.preventDefault();\n    this.emitEvent('igcResizeStart', { bubbles: false, detail: params });\n  }\n\n  private _handleResize(params: ResizeCallbackParams): void {\n    this._updateResizingState(params);\n    this.emitEvent('igcResize', { bubbles: false, detail: params });\n  }\n\n  private _handleResizeEnd(params: ResizeCallbackParams): void {\n    this.emitEvent('igcResizeEnd', { bubbles: false, detail: params });\n  }\n\n  private _handleResizeCancel({ initial }: ResizeState): void {\n    this._controller.dispose();\n\n    if (this.mode !== 'deferred') {\n      Object.assign(this._container.value!.style, {\n        width: `${initial.width}px`,\n        height: `${initial.height}px`,\n      });\n    }\n\n    this.emitEvent('igcResizeCancel', { bubbles: false, cancelable: false });\n  }\n\n  protected _renderAdorner(name: 'side' | 'corner' | 'bottom', part: string) {\n    return html`\n      <slot ${ref(this._adorners[name])} part=${part} name=\"${name}-adorner\">\n        <div part=\"adorner-indicator\"></div>\n      </slot>\n    `;\n  }\n\n  protected _renderAdorners() {\n    if (!this._enabled || (!this._isActive && !this.active)) {\n      return nothing;\n    }\n\n    return html`\n      ${this._renderAdorner('side', 'trigger-side')}\n      ${this._renderAdorner('corner', 'trigger')}\n      ${this._renderAdorner('bottom', 'trigger-bottom')}\n    `;\n  }\n\n  protected override render() {\n    const parts = partNameMap({\n      'resize-base': true,\n      active: this._isActive || this.active,\n    });\n\n    const skipHandlers = this.active || !this._enabled;\n\n    return html`\n      <div\n        ${ref(this._container)}\n        part=${parts}\n        @pointerenter=${skipHandlers ? nothing : this._handlePointerEnter}\n        @pointerleave=${skipHandlers ? nothing : this._handlePointerLeave}\n      >\n        <slot></slot>\n        ${this._renderAdorners()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-resize': IgcResizeContainerComponent;\n  }\n}\n"]}