igniteui-webcomponents 5.2.4 → 5.3.0-RC.0

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));--ig-theme: material}`;
 //# 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,4dAA4d,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));--ig-theme: material}`;\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.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: bootstrap}`;
 //# sourceMappingURL=rating.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rating.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/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"]}
+{"version":3,"file":"rating.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/rating.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8BAA8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: bootstrap}`;\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));--ig-theme: fluent}`;
 //# 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,mXAAmX,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));--ig-theme: fluent}`;\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));--ig-theme: indigo}`;
 //# 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,+yBAA+yB,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));--ig-theme: indigo}`;\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));--ig-theme: material}`;
 //# 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,6FAA6F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--value-label: var(--ig-rating-value-label, var(--ig-gray-700));--ig-theme: material}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: bootstrap}`;
 //# 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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\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,8BAA8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: bootstrap}`;\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));--ig-theme: fluent}`;
 //# 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,mXAAmX,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));--ig-theme: fluent}`;\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));--ig-theme: indigo}`;
 //# 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,uuBAAuuB,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));--ig-theme: indigo}`;\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));--ig-theme: material}`;
 //# 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,6FAA6F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--value-label: var(--ig-rating-value-label, var(--ig-gray-700));--ig-theme: material}`;\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.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Default ghost element factory for the igc-resize implementation.
+ */
+export declare function createDefaultGhostElement({ x, y, width, height, }: DOMRect): HTMLElement;
+export declare function getDefaultLayer(): HTMLElement;

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

@@ -0,0 +1,19 @@
+export function createDefaultGhostElement({ x, y, width, height, }) {
+    const element = document.createElement('div');
+    const { scrollX, scrollY } = window;
+    Object.assign(element.style, {
+        position: 'absolute',
+        top: `${y + scrollY}px`,
+        left: `${x + scrollX}px`,
+        zIndex: 1000,
+        background: 'pink',
+        opacity: 0.85,
+        width: `${width}px`,
+        height: `${height}px`,
+    });
+    return element;
+}
+export function getDefaultLayer() {
+    return document.body;
+}
+//# 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,CAAC,EACxC,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,GACE;IACR,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAEpC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE;QAC3B,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,GAAG,CAAC,GAAG,OAAO,IAAI;QACvB,IAAI,EAAE,GAAG,CAAC,GAAG,OAAO,IAAI;QACxB,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;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,QAAQ,CAAC,IAAI,CAAC;AACvB,CAAC","sourcesContent":["/**\n * Default ghost element factory for the igc-resize implementation.\n */\nexport function createDefaultGhostElement({\n  x,\n  y,\n  width,\n  height,\n}: DOMRect): HTMLElement {\n  const element = document.createElement('div');\n  const { scrollX, scrollY } = window;\n\n  Object.assign(element.style, {\n    position: 'absolute',\n    top: `${y + scrollY}px`,\n    left: `${x + scrollX}px`,\n    zIndex: 1000,\n    background: 'pink',\n    opacity: 0.85,\n    width: `${width}px`,\n    height: `${height}px`,\n  });\n\n  return element;\n}\n\nexport function getDefaultLayer(): HTMLElement {\n  return document.body;\n}\n"]}

package/components/resize-container/resize-container.d.ts

@@ -0,0 +1,59 @@
+import { LitElement, nothing } from 'lit';
+import type { Constructor } from '../common/mixins/constructor.js';
+import type { ResizeCallbackParams, ResizeGhostFactory, ResizeMode } from './types.js';
+export interface IgcResizeContainerComponentEventMap {
+    igcResizeStart: CustomEvent<ResizeCallbackParams>;
+    igcResize: CustomEvent<ResizeCallbackParams>;
+    igcResizeEnd: CustomEvent<ResizeCallbackParams>;
+    igcResizeCancel: CustomEvent<unknown>;
+}
+declare const IgcResizeContainerComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcResizeContainerComponentEventMap>> & Constructor<LitElement>;
+/**
+ * @element igc-resize
+ *
+ * @slot - renders the element(s) that should be resized
+ * @slot side-adorner - renders the side resize handle.
+ * @slot corner-adorner - renders the corner resize handle.
+ * @slot bottom-adorner - renders the bottom resize handle.
+ *
+ */
+export default class IgcResizeContainerComponent extends IgcResizeContainerComponent_base {
+    static readonly tagName = "igc-resize";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private _controller;
+    private _mode;
+    private _ghostFactory?;
+    /** The DOM container doing the actual resizing */
+    private _container;
+    /** Resize component adorners */
+    private _adorners;
+    private _isActive;
+    /**
+     * Whether to always show the resize element adorners.
+     */
+    active: boolean;
+    set ghostFactory(value: ResizeGhostFactory);
+    get ghostFactory(): ResizeGhostFactory | undefined;
+    /** Get/Set the mode of the resizing operation. */
+    set mode(value: ResizeMode);
+    get mode(): ResizeMode;
+    constructor();
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private _updateResizingState;
+    private _handlePointerEnter;
+    private _handlePointerLeave;
+    private _handleResizeStart;
+    private _handleResize;
+    private _handleResizeEnd;
+    private _handleResizeCancel;
+    protected _renderAdorner(name: 'side' | 'corner' | 'bottom', part: string): import("lit-html").TemplateResult<1>;
+    protected _renderAdorners(): import("lit-html").TemplateResult<1> | typeof nothing;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-resize': IgcResizeContainerComponent;
+    }
+}
+export {};

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

@@ -0,0 +1,154 @@
+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 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;
+    }
+    constructor() {
+        super();
+        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">
+      </slot>
+    `;
+    }
+    _renderAdorners() {
+        if (!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,
+        });
+        return html `
+      <div
+        ${ref(this._container)}
+        part=${parts}
+        @pointerenter=${this.active ? nothing : this._handlePointerEnter}
+        @pointerleave=${this.active ? 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, 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":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAY,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AA0B1B,IAAM,2BAA2B,mCAAjC,MAAM,2BAA4B,SAAQ,iBAAiB,CAGxE,UAAU,CAAC;IAKJ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,6BAA2B,EAAE,gBAAgB,CAAC,CAAC;IACnE,CAAC;IA2BD,IAAW,YAAY,CAAC,KAAyB;QAC/C,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAChE,CAAC;IAED,IAAW,YAAY;QACrB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAID,IAAW,IAAI,CAAC,KAAiB;QAC/B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QA5CF,UAAK,GAAe,WAAW,CAAC;QAIhC,eAAU,GAAqB,SAAS,EAAE,CAAC;QAG3C,cAAS,GAA2D;YAC1E,IAAI,EAAE,SAAS,EAAE;YACjB,MAAM,EAAE,SAAS,EAAE;YACnB,MAAM,EAAE,SAAS,EAAE;SACpB,CAAC;QAGM,cAAS,GAAG,KAAK,CAAC;QAMnB,WAAM,GAAG,KAAK,CAAC;QA0BpB,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC,IAAI,EAAE;YAC3C,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;YACxE,IAAI,EAAE,IAAI,CAAC,KAAK;YAChB,eAAe,EAAE,IAAI,CAAC,aAAa;YACnC,KAAK,EAAE,IAAI,CAAC,kBAAkB;YAC9B,MAAM,EAAE,IAAI,CAAC,aAAa;YAC1B,GAAG,EAAE,IAAI,CAAC,gBAAgB;YAC1B,MAAM,EAAE,IAAI,CAAC,mBAAmB;YAChC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAM;SAC3C,CAAC,CAAC;IACL,CAAC;IAEkB,gBAAgB;QACjC,MAAM,IAAI,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,oBAAoB,CAAC,MAA4B;QACvD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC;QACnD,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAExC,IAAI,OAAO,KAAK,IAAI,CAAC,KAAK,EAAE,CAAC;YAC3B,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAClC,CAAC;aAAM,IAAI,OAAO,KAAK,MAAM,CAAC,KAAK,EAAE,CAAC;YACpC,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;QAChC,CAAC;IACH,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;IAEO,mBAAmB;QACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAEO,kBAAkB,CAAC,MAA4B;QACrD,MAAM,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAC9B,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACvE,CAAC;IAEO,aAAa,CAAC,MAA4B;QAChD,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IAClE,CAAC;IAEO,gBAAgB,CAAC,MAA4B;QACnD,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACrE,CAAC;IAEO,mBAAmB,CAAC,EAAE,OAAO,EAAe;QAClD,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;QAE3B,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAC7B,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,KAAM,CAAC,KAAK,EAAE;gBAC1C,KAAK,EAAE,GAAG,OAAO,CAAC,KAAK,IAAI;gBAC3B,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,IAAI;aAC9B,CAAC,CAAC;QACL,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,iBAAiB,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3E,CAAC;IAES,cAAc,CAAC,IAAkC,EAAE,IAAY;QACvE,OAAO,IAAI,CAAA;cACD,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,SAAS,IAAI,UAAU,IAAI;;KAE7D,CAAC;IACJ,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACpC,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,cAAc,CAAC;QAC3C,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,SAAS,CAAC;QACxC,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,gBAAgB,CAAC;KAClD,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,KAAK,GAAG,WAAW,CAAC;YACxB,aAAa,EAAE,IAAI;YACnB,MAAM,EAAE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM;SACtC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAA;;UAEL,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;eACf,KAAK;wBACI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB;wBAChD,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB;;;UAG9D,IAAI,CAAC,eAAe,EAAE;;KAE3B,CAAC;IACJ,CAAC;;AA5JsB,mCAAO,GAAG,YAAY,AAAf,CAAgB;AAChC,kCAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAuBhC;IADP,KAAK,EAAE;8DACkB;AAMnB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2DACrB;AAGtB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;+DAI9B;AAQD;IADC,QAAQ,EAAE;uDAIV;AAnDkB,2BAA2B;IAD/C,MAAM,CAAC,GAAG,CAAC;GACS,2BAA2B,CAiK/C;eAjKoB,2BAA2B","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 _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  /**\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  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      </slot>\n    `;\n  }\n\n  protected _renderAdorners() {\n    if (!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    return html`\n      <div\n        ${ref(this._container)}\n        part=${parts}\n        @pointerenter=${this.active ? nothing : this._handlePointerEnter}\n        @pointerleave=${this.active ? 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"]}

package/components/resize-container/resize-controller.d.ts

@@ -0,0 +1,45 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { ResizeControllerConfiguration } from './types.js';
+declare class ResizeController implements ReactiveController {
+    private _host;
+    private _options;
+    private _id;
+    private _hasPointerCapture;
+    private _state;
+    private _activeRef;
+    private _ghost;
+    private get _element();
+    private get _resizeTarget();
+    private get _layer();
+    /** Whether the controller is in deferred mode. */
+    private get _isDeferred();
+    private get _stateParameters();
+    constructor(host: ReactiveControllerHost & HTMLElement, options?: ResizeControllerConfiguration);
+    /** Whether the controller is enabled and will listen for events. */
+    get enabled(): boolean;
+    /** Updates the configuration of the resize controller. */
+    set(options?: ResizeControllerConfiguration): void;
+    /** Stops any resizing operation, cleaning up any additional elements and event listeners. */
+    dispose(): void;
+    /** @internal */
+    hostConnected(): void;
+    /** @internal */
+    hostDisconnected(): void;
+    /** @internal */
+    handleEvent(event: PointerEvent & KeyboardEvent): void;
+    private _handlePointerDown;
+    private _handlePointerMove;
+    private _handlePointerEnd;
+    private _handleCancel;
+    private _shouldSkip;
+    private _setActiveRef;
+    private _setResizeState;
+    private _setResizeCancelListener;
+    private _setInitialState;
+    private _updateState;
+    private _updatePosition;
+    private _createGhostElement;
+    private _removeGhostElement;
+}
+export declare function addResizeController(host: ReactiveControllerHost & HTMLElement, options?: ResizeControllerConfiguration): ResizeController;
+export {};