igniteui-webcomponents 5.2.3 → 5.3.0-RC.0

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--disabled-border-color: var(--ig-textarea-disabled-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-color: var(--ig-textarea-border-color, hsl(from var(--ig-gray-600) h s l/1));--box-background-focus: var(--ig-textarea-box-background-focus, hsl(from var(--ig-gray-100) h s l/1))}`;
+export const styles = css `:host{--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-textarea-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-800));--search-background: var(--ig-textarea-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-textarea-search-disabled-background, var(--ig-surface-500));--box-background: var(--ig-textarea-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-textarea-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-textarea-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;
 //# sourceMappingURL=textarea.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/dark/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4SAA4S,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-border-color: var(--ig-textarea-disabled-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-color: var(--ig-textarea-border-color, hsl(from var(--ig-gray-600) h s l/1));--box-background-focus: var(--ig-textarea-box-background-focus, hsl(from var(--ig-gray-100) h s l/1))}`;\n"]}
+{"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/dark/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qgCAAqgC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-textarea-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-800));--search-background: var(--ig-textarea-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-textarea-search-disabled-background, var(--ig-surface-500));--box-background: var(--ig-textarea-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-textarea-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-textarea-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-color: var(--ig-textarea-input-prefix-color, hsl(from var(--ig-gray-800) h s l/1));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background: var(--ig-textarea-input-suffix-background, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-color: var(--ig-textarea-input-suffix-color, hsl(from var(--ig-gray-800) h s l/1));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsl(from var(--ig-gray-400) h s l/1));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsl(from var(--ig-primary-500) h s l/1));--border-disabled-background: var(--ig-textarea-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsl(from var(--ig-gray-400) h s l/1));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)))}`;
+export const styles = css `:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-textarea-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;
 //# sourceMappingURL=textarea.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8nDAA8nD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-color: var(--ig-textarea-input-prefix-color, hsl(from var(--ig-gray-800) h s l/1));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background: var(--ig-textarea-input-suffix-background, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-color: var(--ig-textarea-input-suffix-color, hsl(from var(--ig-gray-800) h s l/1));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, hsl(from var(--ig-gray-300) h s l/1));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, hsl(from var(--ig-gray-300) h s l/1));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsl(from var(--ig-gray-400) h s l/1));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsl(from var(--ig-primary-500) h s l/1));--border-disabled-background: var(--ig-textarea-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsl(from var(--ig-gray-400) h s l/1));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)))}`;\n"]}
+{"version":3,"file":"textarea.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,utDAAutD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-textarea-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--input-prefix-background: var(--ig-textarea-input-prefix-background, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background: var(--ig-textarea-input-suffix-background, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--idle-text-color: var(--ig-textarea-idle-text-color, hsl(from var(--ig-gray-900) h s l/1));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsl(from var(--ig-gray-900) h s l/1));--disabled-border-color: var(--ig-textarea-disabled-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-textarea-border-color, hsl(from var(--ig-gray-500) h s l/1));--hover-border-color: var(--ig-textarea-hover-border-color, hsl(from var(--ig-gray-700) h s l/1));--border-disabled-background: var(--ig-textarea-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)))}`;
+export const styles = css `:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-100));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-100));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-textarea-idle-text-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, var(--ig-gray-900));--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-textarea-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-700));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;
 //# sourceMappingURL=textarea.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+9EAA+9E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--input-prefix-background: var(--ig-textarea-input-prefix-background, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background: var(--ig-textarea-input-suffix-background, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, hsl(from var(--ig-gray-100) h s l/1));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsl(from var(--ig-gray-700) h s l/1));--idle-text-color: var(--ig-textarea-idle-text-color, hsl(from var(--ig-gray-900) h s l/1));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsl(from var(--ig-gray-900) h s l/1));--disabled-border-color: var(--ig-textarea-disabled-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-textarea-border-color, hsl(from var(--ig-gray-500) h s l/1));--hover-border-color: var(--ig-textarea-hover-border-color, hsl(from var(--ig-gray-700) h s l/1));--border-disabled-background: var(--ig-textarea-border-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)))}`;\n"]}
+{"version":3,"file":"textarea.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mzEAAmzE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-100));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-100));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-textarea-idle-text-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, var(--ig-gray-900));--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-textarea-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-700));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: fluent}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--input-prefix-color: var(--ig-textarea-input-prefix-color, hsl(from var(--ig-gray-600) h s l/1));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsl(from var(--ig-gray-600) h s l/1));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color: var(--ig-textarea-input-suffix-color, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsl(from var(--ig-gray-600) h s l/1));--idle-text-color: var(--ig-textarea-idle-text-color, hsl(from var(--ig-gray-800) h s l/1));--filled-text-color: var(--ig-textarea-filled-text-color, hsl(from var(--ig-gray-800) h s l/1));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsl(from var(--ig-gray-400) h s l/1));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsl(from var(--ig-gray-600) h s l/1));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsl(from var(--ig-primary-400) h s l/1));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--hover-border-color: var(--ig-textarea-hover-border-color, hsl(from var(--ig-gray-600) h s l/1));--focused-border-color: var(--ig-textarea-focused-border-color, hsl(from var(--ig-primary-400) h s l/1));--search-background: var(--ig-textarea-search-background, transparent);--search-disabled-background: var(--ig-textarea-search-disabled-background, transparent);--placeholder-color: var(--ig-textarea-placeholder-color, hsl(from var(--ig-gray-600) h s l/1));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-textarea-box-background, transparent);--box-background-hover: var(--ig-textarea-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-textarea-box-disabled-background, transparent);--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)))}`;
+export const styles = css `:host{--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-600));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-600));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-textarea-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-textarea-filled-text-color, var(--ig-gray-800));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-textarea-focused-border-color, var(--ig-primary-400));--search-disabled-background: var(--ig-textarea-search-disabled-background, transparent);--placeholder-color: var(--ig-textarea-placeholder-color, var(--ig-gray-600));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-textarea-box-background, transparent);--box-background-hover: var(--ig-textarea-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-textarea-box-disabled-background, transparent);--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}`;
 //# sourceMappingURL=textarea.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mnGAAmnG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--input-prefix-color: var(--ig-textarea-input-prefix-color, hsl(from var(--ig-gray-600) h s l/1));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsl(from var(--ig-gray-600) h s l/1));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color: var(--ig-textarea-input-suffix-color, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsl(from var(--ig-gray-600) h s l/1));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsl(from var(--ig-gray-600) h s l/1));--idle-text-color: var(--ig-textarea-idle-text-color, hsl(from var(--ig-gray-800) h s l/1));--filled-text-color: var(--ig-textarea-filled-text-color, hsl(from var(--ig-gray-800) h s l/1));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsl(from var(--ig-gray-400) h s l/1));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsl(from var(--ig-gray-600) h s l/1));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsl(from var(--ig-primary-400) h s l/1));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--hover-border-color: var(--ig-textarea-hover-border-color, hsl(from var(--ig-gray-600) h s l/1));--focused-border-color: var(--ig-textarea-focused-border-color, hsl(from var(--ig-primary-400) h s l/1));--search-background: var(--ig-textarea-search-background, transparent);--search-disabled-background: var(--ig-textarea-search-disabled-background, transparent);--placeholder-color: var(--ig-textarea-placeholder-color, hsl(from var(--ig-gray-600) h s l/1));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-textarea-box-background, transparent);--box-background-hover: var(--ig-textarea-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-textarea-box-disabled-background, transparent);--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)))}`;\n"]}
+{"version":3,"file":"textarea.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g4FAAg4F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-600));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, var(--ig-gray-600));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, var(--ig-gray-600));--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-600));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, var(--ig-gray-600));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, var(--ig-gray-600));--idle-text-color: var(--ig-textarea-idle-text-color, var(--ig-gray-800));--filled-text-color: var(--ig-textarea-filled-text-color, var(--ig-gray-800));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, var(--ig-gray-600));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, var(--ig-gray-400));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, var(--ig-gray-600));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, var(--ig-primary-400));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsl(from var(--ig-gray-900) h s l/0.05));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-600));--focused-border-color: var(--ig-textarea-focused-border-color, var(--ig-primary-400));--search-disabled-background: var(--ig-textarea-search-disabled-background, transparent);--placeholder-color: var(--ig-textarea-placeholder-color, var(--ig-gray-600));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsl(from var(--ig-gray-900) h s l/0.2));--box-background: var(--ig-textarea-box-background, transparent);--box-background-hover: var(--ig-textarea-box-background-hover, hsl(from var(--ig-gray-900) h s l/0.05));--box-disabled-background: var(--ig-textarea-box-disabled-background, transparent);--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: indigo}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--disabled-border-color: var(--ig-textarea-disabled-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-color: var(--ig-textarea-border-color, hsl(from var(--ig-gray-600) h s l/1))}`;
+export const styles = css `:host{--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-textarea-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-800));--search-background: var(--ig-textarea-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-textarea-search-disabled-background, var(--ig-surface-500));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;
 //# sourceMappingURL=textarea.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sMAAsM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-border-color: var(--ig-textarea-disabled-border-color, hsl(from var(--ig-gray-500) h s l/1));--border-color: var(--ig-textarea-border-color, hsl(from var(--ig-gray-600) h s l/1))}`;\n"]}
+{"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,stBAAstB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-textarea-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-800));--search-background: var(--ig-textarea-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-textarea-search-disabled-background, var(--ig-surface-500));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-1));--ig-theme: material}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-textarea-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);--input-prefix-color: var(--ig-textarea-input-prefix-color, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsl(from var(--ig-gray-900) h s l/1));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsl(from var(--ig-gray-900) h s l/1));--input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);--input-suffix-color: var(--ig-textarea-input-suffix-color, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsl(from var(--ig-gray-900) h s l/1));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsl(from var(--ig-gray-900) h s l/1));--idle-text-color: var(--ig-textarea-idle-text-color, hsl(from var(--ig-gray-700) h s l/1));--filled-text-color: var(--ig-textarea-filled-text-color, hsl(from var(--ig-gray-900) h s l/1));--filled-text-hover-color: var(--ig-textarea-filled-text-hover-color, hsl(from var(--ig-gray-900) h s l/1));--focused-text-color: var(--ig-textarea-focused-text-color, hsl(from var(--ig-gray-900) h s l/1));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsl(from var(--ig-gray-700) h s l/1));--filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/1));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsl(from var(--ig-gray-500) h s l/1));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsl(from var(--ig-gray-800) h s l/1));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsl(from var(--ig-primary-500) h s l/1));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsl(from var(--ig-primary-500) h s l/0.12));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsl(from var(--ig-gray-500) h s l/1));--disabled-border-color: var(--ig-textarea-disabled-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color: var(--ig-textarea-border-color, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-textarea-hover-border-color, hsl(from var(--ig-gray-900) h s l/1));--focused-border-color: var(--ig-textarea-focused-border-color, hsl(from var(--ig-primary-500) h s l/1));--border-background: var(--ig-textarea-border-background, transparent);--border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);--search-background: var(--ig-textarea-search-background, hsl(from var(--ig-gray-50) h s l/1));--search-disabled-background: var(--ig-textarea-search-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--success-secondary-color: var(--ig-textarea-success-secondary-color, hsl(from var(--ig-success-500) h s l/1));--warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsl(from var(--ig-warn-500) h s l/1));--error-secondary-color: var(--ig-textarea-error-secondary-color, hsl(from var(--ig-error-500) h s l/1));--placeholder-color: var(--ig-textarea-placeholder-color, hsl(from var(--ig-gray-700) h s l/1));--hover-placeholder-color: var(--ig-textarea-hover-placeholder-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsl(from var(--ig-gray-500) h s l/1));--box-background: var(--ig-textarea-box-background, hsl(from var(--ig-gray-200) h s l/1));--box-background-hover: var(--ig-textarea-box-background-hover, hsl(from var(--ig-gray-200) h s l/1));--box-background-focus: var(--ig-textarea-box-background-focus, hsl(from var(--ig-gray-300) h s l/1));--box-disabled-background: var(--ig-textarea-box-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-textarea-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-textarea-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-textarea-default-size, 2)}`;
+export const styles = css `:host{--helper-text-color: var(--ig-textarea-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-textarea-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-textarea-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-textarea-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-textarea-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-textarea-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-textarea-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, var(--ig-primary-500));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsl(from var(--ig-primary-500) h s l/0.12));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-textarea-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-textarea-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-textarea-border-background, transparent);--border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);--search-background: var(--ig-textarea-search-background, transparent);--search-disabled-background: var(--ig-textarea-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-textarea-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-textarea-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-textarea-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-textarea-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-textarea-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-textarea-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-textarea-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-textarea-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-textarea-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-textarea-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-textarea-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-textarea-default-size, 2)}`;
 //# sourceMappingURL=textarea.shared.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+9KAA+9K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0));--helper-text-color: var(--ig-textarea-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);--input-prefix-color: var(--ig-textarea-input-prefix-color, hsl(from var(--ig-gray-700) h s l/1));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsl(from var(--ig-gray-900) h s l/1));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsl(from var(--ig-gray-900) h s l/1));--input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);--input-suffix-color: var(--ig-textarea-input-suffix-color, hsl(from var(--ig-gray-700) h s l/1));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsl(from var(--ig-gray-900) h s l/1));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsl(from var(--ig-gray-900) h s l/1));--idle-text-color: var(--ig-textarea-idle-text-color, hsl(from var(--ig-gray-700) h s l/1));--filled-text-color: var(--ig-textarea-filled-text-color, hsl(from var(--ig-gray-900) h s l/1));--filled-text-hover-color: var(--ig-textarea-filled-text-hover-color, hsl(from var(--ig-gray-900) h s l/1));--focused-text-color: var(--ig-textarea-focused-text-color, hsl(from var(--ig-gray-900) h s l/1));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsl(from var(--ig-gray-700) h s l/1));--filled-secondary-color: var(--ig-textarea-filled-secondary-color, hsl(from var(--ig-gray-600) h s l/1));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/1));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsl(from var(--ig-gray-500) h s l/1));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsl(from var(--ig-gray-800) h s l/1));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, hsl(from var(--ig-primary-500) h s l/1));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsl(from var(--ig-primary-500) h s l/0.12));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, hsl(from var(--ig-gray-500) h s l/1));--disabled-border-color: var(--ig-textarea-disabled-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color: var(--ig-textarea-border-color, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-textarea-hover-border-color, hsl(from var(--ig-gray-900) h s l/1));--focused-border-color: var(--ig-textarea-focused-border-color, hsl(from var(--ig-primary-500) h s l/1));--border-background: var(--ig-textarea-border-background, transparent);--border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);--search-background: var(--ig-textarea-search-background, hsl(from var(--ig-gray-50) h s l/1));--search-disabled-background: var(--ig-textarea-search-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--success-secondary-color: var(--ig-textarea-success-secondary-color, hsl(from var(--ig-success-500) h s l/1));--warning-secondary-color: var(--ig-textarea-warning-secondary-color, hsl(from var(--ig-warn-500) h s l/1));--error-secondary-color: var(--ig-textarea-error-secondary-color, hsl(from var(--ig-error-500) h s l/1));--placeholder-color: var(--ig-textarea-placeholder-color, hsl(from var(--ig-gray-700) h s l/1));--hover-placeholder-color: var(--ig-textarea-hover-placeholder-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsl(from var(--ig-gray-500) h s l/1));--box-background: var(--ig-textarea-box-background, hsl(from var(--ig-gray-200) h s l/1));--box-background-hover: var(--ig-textarea-box-background-hover, hsl(from var(--ig-gray-200) h s l/1));--box-background-focus: var(--ig-textarea-box-background-focus, hsl(from var(--ig-gray-300) h s l/1));--box-disabled-background: var(--ig-textarea-box-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-textarea-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-textarea-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-textarea-default-size, 2)}`;\n"]}
+{"version":3,"file":"textarea.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wkJAAwkJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--helper-text-color: var(--ig-textarea-helper-text-color, var(--ig-gray-700));--input-prefix-background: var(--ig-textarea-input-prefix-background, transparent);--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-700));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, inherit);--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, var(--ig-gray-900));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, inherit);--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, var(--ig-gray-900));--input-suffix-background: var(--ig-textarea-input-suffix-background, transparent);--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-700));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, inherit);--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, var(--ig-gray-900));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, inherit);--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, var(--ig-gray-900));--idle-text-color: var(--ig-textarea-idle-text-color, var(--ig-gray-700));--filled-text-color: var(--ig-textarea-filled-text-color, var(--ig-gray-900));--filled-text-hover-color: var(--ig-textarea-filled-text-hover-color, var(--ig-gray-900));--focused-text-color: var(--ig-textarea-focused-text-color, var(--ig-gray-900));--disabled-text-color: var(--ig-textarea-disabled-text-color, var(--ig-gray-500));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, var(--ig-gray-700));--filled-secondary-color: var(--ig-textarea-filled-secondary-color, var(--ig-gray-600));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, var(--ig-primary-500));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, var(--ig-gray-500));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, var(--ig-gray-800));--focused-bottom-line-color: var(--ig-textarea-focused-bottom-line-color, var(--ig-primary-500));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, hsl(from var(--ig-primary-500) h s l/0.12));--disabled-bottom-line-color: var(--ig-textarea-disabled-bottom-line-color, var(--ig-gray-500));--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-300));--border-color: var(--ig-textarea-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-900));--focused-border-color: var(--ig-textarea-focused-border-color, var(--ig-primary-500));--border-background: var(--ig-textarea-border-background, transparent);--border-disabled-background: var(--ig-textarea-border-disabled-background, transparent);--search-background: var(--ig-textarea-search-background, transparent);--search-disabled-background: var(--ig-textarea-search-disabled-background, var(--ig-gray-100));--success-secondary-color: var(--ig-textarea-success-secondary-color, var(--ig-success-500));--warning-secondary-color: var(--ig-textarea-warning-secondary-color, var(--ig-warn-500));--error-secondary-color: var(--ig-textarea-error-secondary-color, var(--ig-error-500));--placeholder-color: var(--ig-textarea-placeholder-color, var(--ig-gray-700));--hover-placeholder-color: var(--ig-textarea-hover-placeholder-color, var(--ig-gray-700));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, var(--ig-gray-500));--box-background: var(--ig-textarea-box-background, var(--ig-gray-200));--box-background-hover: var(--ig-textarea-box-background-hover, var(--ig-gray-200));--box-background-focus: var(--ig-textarea-box-background-focus, var(--ig-gray-300));--box-disabled-background: var(--ig-textarea-box-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--success-shadow-color: var(--ig-textarea-success-shadow-color, hsl(from var(--ig-success-500) h s l/0.38));--error-shadow-color: var(--ig-textarea-error-shadow-color, hsl(from var(--ig-error-500) h s l/0.38));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3.5rem, -1 * 3.5rem), var(--is-medium, 1) * max(3rem, -1 * 3rem), var(--is-small, 1) * max(2.5rem, -1 * 2.5rem)));--default-size: var(--ig-textarea-default-size, 2)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);--component-size: var(--ig-size, var(--default-size))}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}textarea{border:none;padding:0;overflow:auto;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem}[part=label]{position:absolute;transform-origin:top left;inset-block-start:calc(1.25rem - 0.125rem);padding-inline-end:.25rem;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);will-change:transform}:host(:focus-within) [part~=label],:host(:not([outlined])) [part~=placeholder] [part=label],:host(:not([outlined])) [part~=filled] [part=label]{transform:translateY(0);inset-block-start:calc(1.25rem/4);font-size:.75rem}:host([outlined]:focus-within) [part=label],:host([outlined]) [part~=placeholder] [part=label],:host([outlined]) [part~=filled] [part=label]{display:inline-block;position:relative;inset-block:0;transform:translateY(-50%);margin-block-end:auto;padding-inline-end:0;font-size:.75rem}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background);padding-inline-end:.0625rem}:host(:not([outlined])) [part~=container]::after{content:"";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{margin-block-end:.125rem;grid-area:1/2/span 1/span 3}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) [part~=label],:host([invalid]:not([disabled])) [part~=label]{color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) ::part(helper-text),:host([invalid]:not([disabled])) ::part(helper-text){color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([invalid]:not([outlined]):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part=start],[part=end]{display:flex;align-items:center;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=prefixed] [part~=prefix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=suffixed] [part~=suffix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=filled]{color:var(--input-prefix-color--filled)}:host([outlined]){align-items:initial;padding:0;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part~=container]:not([part~=suffixed]) textarea{grid-column:2/-1;max-width:calc(100% - 0.125rem)}:host([outlined]) [part~=container][part~=filled] [part=notch],:host([outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start:.125rem solid rgba(0,0,0,0)}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:flex;justify-content:flex-end;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) textarea{bottom:.125rem}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-start-color:rgba(0,0,0,0);border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{margin-inline-end:-0.0625rem}:host([invalid][outlined]:not(:disabled)) [part=start],:host([invalid][outlined]:not(:disabled)) [part=filler],:host([invalid][outlined]:not(:disabled)) [part=end],:host([invalid][outlined]:not(:disabled)) [part=notch],:host([invalid][outlined]:not(:disabled):focus-within) [part=start],:host([invalid][outlined]:not(:disabled):focus-within) [part=filler],:host([invalid][outlined]:not(:disabled):focus-within) [part=end],:host([invalid][outlined]:not(:disabled):focus-within) [part=notch],:host([invalid][outlined]:not([disabled])) [part=start],:host([invalid][outlined]:not([disabled])) [part=filler],:host([invalid][outlined]:not([disabled])) [part=end],:host([invalid][outlined]:not([disabled])) [part=notch],:host([invalid][outlined]:not([disabled]):focus-within) [part=start],:host([invalid][outlined]:not([disabled]):focus-within) [part=filler],:host([invalid][outlined]:not([disabled]):focus-within) [part=end],:host([invalid][outlined]:not([disabled]):focus-within) [part=notch]{border-color:var(--error-secondary-color)}:host([invalid][outlined]:not([disabled]):focus-within) [part=notch],:host([invalid][outlined]:not([disabled])) [part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;
+export const styles = css `:host{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);--component-size: var(--ig-size, var(--default-size))}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}textarea{border:none;padding:0;overflow:auto;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem}[part=label]{position:absolute;transform-origin:top left;inset-block-start:calc(1.25rem - 0.125rem);padding-inline-end:.25rem;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);will-change:transform}:host(:focus-within) [part~=label],:host(:not([outlined])) [part~=placeholder] [part=label],:host(:not([outlined])) [part~=filled] [part=label]{transform:translateY(0);inset-block-start:calc(1.25rem/4);font-size:.75rem}:host([outlined]:focus-within) [part=label],:host([outlined]) [part~=placeholder] [part=label],:host([outlined]) [part~=filled] [part=label]{display:inline-block;position:relative;inset-block:0;transform:translateY(-50%);margin-block-end:auto;padding-inline-end:0;font-size:.75rem}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background);padding-inline-end:.0625rem}:host(:not([outlined])) [part~=container]::after{content:"";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{margin-block-end:.125rem;grid-area:1/2/span 1/span 3}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) [part~=label],:host([invalid]:not([disabled])) [part~=label]{color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) ::part(helper-text),:host([invalid]:not([disabled])) ::part(helper-text){color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([invalid]:not([outlined]):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part=start],[part=end]{display:flex;align-items:center;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=prefixed] [part~=prefix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=suffixed] [part~=suffix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=filled]{color:var(--input-prefix-color--filled)}:host([outlined]){align-items:initial;padding:0;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part~=container]:not([part~=suffixed]) textarea{grid-column:2/-1;max-width:calc(100% - 0.125rem)}:host([outlined]) [part~=container][part~=filled] [part=notch],:host([outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start:.125rem solid rgba(0,0,0,0)}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:flex;justify-content:flex-end;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) textarea{bottom:.125rem}:host([outlined]:hover) [part=notch],:host([outlined]:hover) [part=start],:host([outlined]:hover) [part=end],:host([outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host([outlined]:hover) [part~=container][part~=filled] [part=notch],:host([outlined]:hover) [part~=container][part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-start-color:rgba(0,0,0,0);border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{margin-inline-end:-0.0625rem}:host([invalid][outlined]:not(:disabled)) [part=start],:host([invalid][outlined]:not(:disabled)) [part=filler],:host([invalid][outlined]:not(:disabled)) [part=end],:host([invalid][outlined]:not(:disabled)) [part=notch],:host([invalid][outlined]:not(:disabled):focus-within) [part=start],:host([invalid][outlined]:not(:disabled):focus-within) [part=filler],:host([invalid][outlined]:not(:disabled):focus-within) [part=end],:host([invalid][outlined]:not(:disabled):focus-within) [part=notch],:host([invalid][outlined]:not([disabled])) [part=start],:host([invalid][outlined]:not([disabled])) [part=filler],:host([invalid][outlined]:not([disabled])) [part=end],:host([invalid][outlined]:not([disabled])) [part=notch],:host([invalid][outlined]:not([disabled]):focus-within) [part=start],:host([invalid][outlined]:not([disabled]):focus-within) [part=filler],:host([invalid][outlined]:not([disabled]):focus-within) [part=end],:host([invalid][outlined]:not([disabled]):focus-within) [part=notch]{border-color:var(--error-secondary-color)}:host([invalid][outlined]:not([disabled]):focus-within) [part=notch],:host([invalid][outlined]:not([disabled])) [part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;
 //# sourceMappingURL=textarea.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,msUAAmsU,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);--component-size: var(--ig-size, var(--default-size))}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}textarea{border:none;padding:0;overflow:auto;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem}[part=label]{position:absolute;transform-origin:top left;inset-block-start:calc(1.25rem - 0.125rem);padding-inline-end:.25rem;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);will-change:transform}:host(:focus-within) [part~=label],:host(:not([outlined])) [part~=placeholder] [part=label],:host(:not([outlined])) [part~=filled] [part=label]{transform:translateY(0);inset-block-start:calc(1.25rem/4);font-size:.75rem}:host([outlined]:focus-within) [part=label],:host([outlined]) [part~=placeholder] [part=label],:host([outlined]) [part~=filled] [part=label]{display:inline-block;position:relative;inset-block:0;transform:translateY(-50%);margin-block-end:auto;padding-inline-end:0;font-size:.75rem}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background);padding-inline-end:.0625rem}:host(:not([outlined])) [part~=container]::after{content:\"\";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{margin-block-end:.125rem;grid-area:1/2/span 1/span 3}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) [part~=label],:host([invalid]:not([disabled])) [part~=label]{color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) ::part(helper-text),:host([invalid]:not([disabled])) ::part(helper-text){color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([invalid]:not([outlined]):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part=start],[part=end]{display:flex;align-items:center;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=prefixed] [part~=prefix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=suffixed] [part~=suffix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=filled]{color:var(--input-prefix-color--filled)}:host([outlined]){align-items:initial;padding:0;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part~=container]:not([part~=suffixed]) textarea{grid-column:2/-1;max-width:calc(100% - 0.125rem)}:host([outlined]) [part~=container][part~=filled] [part=notch],:host([outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start:.125rem solid rgba(0,0,0,0)}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:flex;justify-content:flex-end;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) textarea{bottom:.125rem}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-start-color:rgba(0,0,0,0);border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{margin-inline-end:-0.0625rem}:host([invalid][outlined]:not(:disabled)) [part=start],:host([invalid][outlined]:not(:disabled)) [part=filler],:host([invalid][outlined]:not(:disabled)) [part=end],:host([invalid][outlined]:not(:disabled)) [part=notch],:host([invalid][outlined]:not(:disabled):focus-within) [part=start],:host([invalid][outlined]:not(:disabled):focus-within) [part=filler],:host([invalid][outlined]:not(:disabled):focus-within) [part=end],:host([invalid][outlined]:not(:disabled):focus-within) [part=notch],:host([invalid][outlined]:not([disabled])) [part=start],:host([invalid][outlined]:not([disabled])) [part=filler],:host([invalid][outlined]:not([disabled])) [part=end],:host([invalid][outlined]:not([disabled])) [part=notch],:host([invalid][outlined]:not([disabled]):focus-within) [part=start],:host([invalid][outlined]:not([disabled]):focus-within) [part=filler],:host([invalid][outlined]:not([disabled]):focus-within) [part=end],:host([invalid][outlined]:not([disabled]):focus-within) [part=notch]{border-color:var(--error-secondary-color)}:host([invalid][outlined]:not([disabled]):focus-within) [part=notch],:host([invalid][outlined]:not([disabled])) [part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;\n"]}
+{"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/shared/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mjVAAmjV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);--component-size: var(--ig-size, var(--default-size))}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.125rem, auto);margin-block-start:.25rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}textarea{border:none;padding:0;overflow:auto;margin-block-start:1.25rem;grid-area:1/2/span 1/span 2;flex-grow:1;position:relative;max-width:inherit;padding-inline:.25rem}[part=label]{position:absolute;transform-origin:top left;inset-block-start:calc(1.25rem - 0.125rem);padding-inline-end:.25rem;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);will-change:transform}:host(:focus-within) [part~=label],:host(:not([outlined])) [part~=placeholder] [part=label],:host(:not([outlined])) [part~=filled] [part=label]{transform:translateY(0);inset-block-start:calc(1.25rem/4);font-size:.75rem}:host([outlined]:focus-within) [part=label],:host([outlined]) [part~=placeholder] [part=label],:host([outlined]) [part~=filled] [part=label]{display:inline-block;position:relative;inset-block:0;transform:translateY(-50%);margin-block-end:auto;padding-inline-end:0;font-size:.75rem}:host(:not([outlined])) [part~=container]{overflow:hidden;border-start-start-radius:var(--box-border-radius);border-start-end-radius:var(--box-border-radius);background:var(--box-background);padding-inline-end:.0625rem}:host(:not([outlined])) [part~=container]::after{content:\"\";position:absolute;bottom:0%;width:100%;border-block-end:.0625rem solid var(--idle-bottom-line-color);transition:all .25s cubic-bezier(0.215, 0.61, 0.355, 1)}:host(:not([outlined])) [part~=container]:not([part~=suffixed]) textarea{margin-block-end:.125rem;grid-area:1/2/span 1/span 3}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover)}:host(:not([outlined]):hover) [part~=container]::after{border-block-end-width:.0625rem;border-block-end-color:var(--hover-bottom-line-color)}:host(:disabled:not([outlined])) [part~=container],:host([disabled]:not([outlined])) [part~=container]{background:var(--box-disabled-background)}:host(:disabled:not([outlined])) [part~=container]::after,:host([disabled]:not([outlined])) [part~=container]::after{border-block-end-color:var(--disabled-bottom-line-color);border-block-end-style:dashed}:host([invalid]:not(:disabled)) [part~=container]::after,:host([invalid]:not([disabled])) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) [part~=label],:host([invalid]:not([disabled])) [part~=label]{color:var(--error-secondary-color)}:host([invalid]:not(:disabled)) ::part(helper-text),:host([invalid]:not([disabled])) ::part(helper-text){color:var(--error-secondary-color)}:host(:focus-within) [part~=label]{color:var(--focused-secondary-color)}:host(:not([outlined]):focus-within){color:var(--input-prefix-color--focused)}:host(:not([outlined]):focus-within) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined]):focus-within) [part~=container]::after{border-block-end-width:.125rem;border-block-end-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:not([outlined]):focus-within) [part~=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([invalid]:not([outlined]):focus-within) [part~=container]::after{border-block-end-color:var(--error-secondary-color)}[part=start],[part=end]{display:flex;align-items:center;min-width:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));min-height:100%;overflow:hidden}[part=start]{grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;position:relative;grid-area:1/2;padding-inline:.25rem}[part=filler]{grid-area:1/3}[part=end]{grid-area:1/4}[part~=prefixed] [part~=prefix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=suffixed] [part~=suffix]{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}[part~=filled]{color:var(--input-prefix-color--filled)}:host([outlined]){align-items:initial;padding:0;box-shadow:none;border-radius:var(--border-border-radius);background:var(--border-background);overflow:initial}:host([outlined]) [part~=container]{grid-template-columns:auto auto 1fr auto;display:grid}:host([outlined]) [part~=container]:not([part~=suffixed]) textarea{grid-column:2/-1;max-width:calc(100% - 0.125rem)}:host([outlined]) [part~=container][part~=filled] [part=notch],:host([outlined]) [part~=container][part~=placeholder] [part=notch]{border-block-start:.125rem solid rgba(0,0,0,0)}:host([outlined]) [part=start]{width:auto;border-color:var(--border-color);border-style:solid;border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host([outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part=notch]{border-block:.0625rem solid var(--border-color);padding:0 .25rem}:host([outlined]) [part=notch]:empty{display:none}:host([outlined]) [part=end]{display:flex;justify-content:flex-end;flex-grow:1;height:100%;grid-area:1/4;border-color:var(--border-color);border-style:solid;border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) textarea{bottom:.125rem}:host([outlined]:hover) [part=notch],:host([outlined]:hover) [part=start],:host([outlined]:hover) [part=end],:host([outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host([outlined]:hover) [part~=container][part~=filled] [part=notch],:host([outlined]:hover) [part~=container][part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host([outlined]:focus-within) [part=filler],:host([outlined]:focus-within) [part=notch]{border-block-width:.125rem}:host([outlined]:focus-within) [part=filler]{border-block-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=notch]{border-block-start-color:rgba(0,0,0,0);border-block-end-color:var(--focused-border-color)}:host([outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-inline-end-width:0;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-start-width:0;border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host([outlined]:focus-within) [part~=prefix]{margin-inline-start:-0.0625rem}:host([outlined]:focus-within) [part~=suffix]{margin-inline-end:-0.0625rem}:host([invalid][outlined]:not(:disabled)) [part=start],:host([invalid][outlined]:not(:disabled)) [part=filler],:host([invalid][outlined]:not(:disabled)) [part=end],:host([invalid][outlined]:not(:disabled)) [part=notch],:host([invalid][outlined]:not(:disabled):focus-within) [part=start],:host([invalid][outlined]:not(:disabled):focus-within) [part=filler],:host([invalid][outlined]:not(:disabled):focus-within) [part=end],:host([invalid][outlined]:not(:disabled):focus-within) [part=notch],:host([invalid][outlined]:not([disabled])) [part=start],:host([invalid][outlined]:not([disabled])) [part=filler],:host([invalid][outlined]:not([disabled])) [part=end],:host([invalid][outlined]:not([disabled])) [part=notch],:host([invalid][outlined]:not([disabled]):focus-within) [part=start],:host([invalid][outlined]:not([disabled]):focus-within) [part=filler],:host([invalid][outlined]:not([disabled]):focus-within) [part=end],:host([invalid][outlined]:not([disabled]):focus-within) [part=notch]{border-color:var(--error-secondary-color)}:host([invalid][outlined]:not([disabled]):focus-within) [part=notch],:host([invalid][outlined]:not([disabled])) [part~=placeholder] [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:disabled[outlined]) [part~=container],:host([disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host(:disabled[outlined]) [part=start],:host(:disabled[outlined]) [part=filler],:host(:disabled[outlined]) [part=notch],:host(:disabled[outlined]) [part=end],:host([disabled][outlined]) [part=start],:host([disabled][outlined]) [part=filler],:host([disabled][outlined]) [part=notch],:host([disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}`;\n"]}

package/components/tile-manager/position.d.ts

@@ -0,0 +1,35 @@
+import type IgcTileManagerComponent from './tile-manager.js';
+import type IgcTileComponent from './tile.js';
+declare class TilesState {
+    private _nextEmptyPosition;
+    manager: IgcTileManagerComponent;
+    private get _tiles();
+    /**
+     * Returns the current tiles of the tile manager sorted by their position.
+     */
+    get tiles(): IgcTileComponent[];
+    constructor(manager: IgcTileManagerComponent);
+    assignPositions(): void;
+    /** Updates the default (manual) slot of the tile manager with the current tiles. */
+    assignTiles(): void;
+    add(tile: IgcTileComponent): void;
+    remove(tile: IgcTileComponent): void;
+}
+type TileDragStackEntry = {
+    tile: IgcTileComponent;
+    position: number;
+    column?: number | null;
+    row?: number | null;
+};
+declare class TileDragStack {
+    private _stack;
+    peek(): IgcTileComponent;
+    pop(): TileDragStackEntry | undefined;
+    push(tile: IgcTileComponent): void;
+    restore(): void;
+    reset(): void;
+}
+export declare function createTilesState(manager: IgcTileManagerComponent): TilesState;
+export declare function createTileDragStack(): TileDragStack;
+export declare function swapTiles(a: IgcTileComponent, b: IgcTileComponent): void;
+export {};

package/components/tile-manager/position.js

@@ -0,0 +1,99 @@
+import { last, partition } from '../common/util.js';
+class TilesState {
+    get _tiles() {
+        return Array.from(this.manager.querySelectorAll(':scope > igc-tile'));
+    }
+    get tiles() {
+        return this._tiles.toSorted((a, b) => a.position - b.position);
+    }
+    constructor(manager) {
+        this._nextEmptyPosition = 0;
+        this.manager = manager;
+    }
+    assignPositions() {
+        let nextPosition = 0;
+        const [positionedTiles, nonPositionedTiles] = partition(this._tiles, (tile) => tile.position !== -1);
+        positionedTiles.sort((a, b) => a.position - b.position);
+        for (const tile of positionedTiles) {
+            while (nextPosition < tile.position && nonPositionedTiles.length > 0) {
+                const nonPositionedTile = nonPositionedTiles.shift();
+                nonPositionedTile.position = nextPosition++;
+            }
+            tile.position = nextPosition;
+            nextPosition = tile.position + 1;
+        }
+        for (const tile of nonPositionedTiles) {
+            tile.position = nextPosition++;
+        }
+    }
+    assignTiles() {
+        this.manager.renderRoot.querySelector('slot').assign(...this._tiles);
+    }
+    add(tile) {
+        const tiles = this.tiles;
+        if (tile.position > -1) {
+            for (const each of tiles) {
+                if (each !== tile && each.position >= tile.position) {
+                    each.position++;
+                }
+            }
+        }
+        else {
+            const positionedTiles = this._tiles.filter((tile) => tile.position > -1);
+            tile.position =
+                positionedTiles.length > 1
+                    ? Math.max(...positionedTiles.map((tile) => tile.position)) + 1
+                    : this._nextEmptyPosition++;
+        }
+    }
+    remove(tile) {
+        for (const each of this.tiles) {
+            if (each.position >= tile.position) {
+                each.position--;
+            }
+        }
+    }
+}
+class TileDragStack {
+    constructor() {
+        this._stack = [];
+    }
+    peek() {
+        return last(this._stack).tile;
+    }
+    pop() {
+        return this._stack.pop();
+    }
+    push(tile) {
+        this._stack.push({
+            tile,
+            position: tile.position,
+            column: tile.colStart,
+            row: tile.rowStart,
+        });
+    }
+    restore() {
+        for (const { tile, position, column: colStart, row: rowStart, } of this._stack.toReversed()) {
+            Object.assign(tile, {
+                position,
+                colStart,
+                rowStart,
+            });
+        }
+    }
+    reset() {
+        this._stack = [];
+    }
+}
+export function createTilesState(manager) {
+    return new TilesState(manager);
+}
+export function createTileDragStack() {
+    return new TileDragStack();
+}
+export function swapTiles(a, b) {
+    [a.colStart, b.colStart] = [b.colStart, a.colStart];
+    [a.rowStart, b.rowStart] = [b.rowStart, a.colStart];
+    [a.position, b.position] = [b.position, a.position];
+}
+//# sourceMappingURL=position.js.map

package/components/tile-manager/position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.js","sourceRoot":"","sources":["../../../src/components/tile-manager/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,UAAU;IAKd,IAAY,MAAM;QAChB,OAAO,KAAK,CAAC,IAAI,CACf,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAmB,mBAAmB,CAAC,CACrE,CAAC;IACJ,CAAC;IAKD,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;IACjE,CAAC;IAED,YAAY,OAAgC;QAjBpC,uBAAkB,GAAG,CAAC,CAAC;QAkB7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAEM,eAAe;QACpB,IAAI,YAAY,GAAG,CAAC,CAAC;QACrB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,SAAS,CACrD,IAAI,CAAC,MAAM,EACX,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,CAAC,CAAC,CAC/B,CAAC;QAEF,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;QAExD,KAAK,MAAM,IAAI,IAAI,eAAe,EAAE,CAAC;YAEnC,OAAO,YAAY,GAAG,IAAI,CAAC,QAAQ,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrE,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,KAAK,EAAG,CAAC;gBACtD,iBAAiB,CAAC,QAAQ,GAAG,YAAY,EAAE,CAAC;YAC9C,CAAC;YAED,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC;YAC7B,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QACnC,CAAC;QAED,KAAK,MAAM,IAAI,IAAI,kBAAkB,EAAE,CAAC;YACtC,IAAI,CAAC,QAAQ,GAAG,YAAY,EAAE,CAAC;QACjC,CAAC;IACH,CAAC;IAGM,WAAW;QAChB,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;IACxE,CAAC;IAEM,GAAG,CAAC,IAAsB;QAC/B,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzB,IAAI,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,EAAE,CAAC;YACvB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACpD,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,CAAC;YACH,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC;YACzE,IAAI,CAAC,QAAQ;gBACX,eAAe,CAAC,MAAM,GAAG,CAAC;oBACxB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC;oBAC/D,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAClC,CAAC;IACH,CAAC;IAEM,MAAM,CAAC,IAAsB;QAClC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,CAAC;QACH,CAAC;IACH,CAAC;CACF;AASD,MAAM,aAAa;IAAnB;QACU,WAAM,GAAyB,EAAE,CAAC;IAqC5C,CAAC;IAnCQ,IAAI;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC;IAChC,CAAC;IAEM,GAAG;QACR,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;IAC3B,CAAC;IAEM,IAAI,CAAC,IAAsB;QAChC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;YACf,IAAI;YACJ,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,QAAQ;YACrB,GAAG,EAAE,IAAI,CAAC,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC;IAEM,OAAO;QACZ,KAAK,MAAM,EACT,IAAI,EACJ,QAAQ,EACR,MAAM,EAAE,QAAQ,EAChB,GAAG,EAAE,QAAQ,GACd,IAAI,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC;YAC9B,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;gBAClB,QAAQ;gBACR,QAAQ;gBACR,QAAQ;aACT,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAEM,KAAK;QACV,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;IACnB,CAAC;CACF;AAED,MAAM,UAAU,gBAAgB,CAAC,OAAgC;IAC/D,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,mBAAmB;IACjC,OAAO,IAAI,aAAa,EAAE,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,CAAmB,EAAE,CAAmB;IAChE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;AACtD,CAAC","sourcesContent":["import { last, partition } from '../common/util.js';\nimport type IgcTileManagerComponent from './tile-manager.js';\nimport type IgcTileComponent from './tile.js';\n\nclass TilesState {\n  private _nextEmptyPosition = 0;\n\n  public manager: IgcTileManagerComponent;\n\n  private get _tiles(): IgcTileComponent[] {\n    return Array.from(\n      this.manager.querySelectorAll<IgcTileComponent>(':scope > igc-tile')\n    );\n  }\n\n  /**\n   * Returns the current tiles of the tile manager sorted by their position.\n   */\n  public get tiles(): IgcTileComponent[] {\n    return this._tiles.toSorted((a, b) => a.position - b.position);\n  }\n\n  constructor(manager: IgcTileManagerComponent) {\n    this.manager = manager;\n  }\n\n  public assignPositions(): void {\n    let nextPosition = 0;\n    const [positionedTiles, nonPositionedTiles] = partition(\n      this._tiles,\n      (tile) => tile.position !== -1\n    );\n\n    positionedTiles.sort((a, b) => a.position - b.position);\n\n    for (const tile of positionedTiles) {\n      // Fill any unassigned slots before the next assigned tile's position\n      while (nextPosition < tile.position && nonPositionedTiles.length > 0) {\n        const nonPositionedTile = nonPositionedTiles.shift()!;\n        nonPositionedTile.position = nextPosition++;\n      }\n\n      tile.position = nextPosition;\n      nextPosition = tile.position + 1;\n    }\n\n    for (const tile of nonPositionedTiles) {\n      tile.position = nextPosition++;\n    }\n  }\n\n  /** Updates the default (manual) slot of the tile manager with the current tiles. */\n  public assignTiles(): void {\n    this.manager.renderRoot.querySelector('slot')!.assign(...this._tiles);\n  }\n\n  public add(tile: IgcTileComponent): void {\n    const tiles = this.tiles;\n\n    if (tile.position > -1) {\n      for (const each of tiles) {\n        if (each !== tile && each.position >= tile.position) {\n          each.position++;\n        }\n      }\n    } else {\n      const positionedTiles = this._tiles.filter((tile) => tile.position > -1);\n      tile.position =\n        positionedTiles.length > 1\n          ? Math.max(...positionedTiles.map((tile) => tile.position)) + 1\n          : this._nextEmptyPosition++;\n    }\n  }\n\n  public remove(tile: IgcTileComponent): void {\n    for (const each of this.tiles) {\n      if (each.position >= tile.position) {\n        each.position--;\n      }\n    }\n  }\n}\n\ntype TileDragStackEntry = {\n  tile: IgcTileComponent;\n  position: number;\n  column?: number | null;\n  row?: number | null;\n};\n\nclass TileDragStack {\n  private _stack: TileDragStackEntry[] = [];\n\n  public peek(): IgcTileComponent {\n    return last(this._stack).tile;\n  }\n\n  public pop(): TileDragStackEntry | undefined {\n    return this._stack.pop();\n  }\n\n  public push(tile: IgcTileComponent): void {\n    this._stack.push({\n      tile,\n      position: tile.position,\n      column: tile.colStart,\n      row: tile.rowStart,\n    });\n  }\n\n  public restore(): void {\n    for (const {\n      tile,\n      position,\n      column: colStart,\n      row: rowStart,\n    } of this._stack.toReversed()) {\n      Object.assign(tile, {\n        position,\n        colStart,\n        rowStart,\n      });\n    }\n  }\n\n  public reset(): void {\n    this._stack = [];\n  }\n}\n\nexport function createTilesState(manager: IgcTileManagerComponent) {\n  return new TilesState(manager);\n}\n\nexport function createTileDragStack(): TileDragStack {\n  return new TileDragStack();\n}\n\nexport function swapTiles(a: IgcTileComponent, b: IgcTileComponent): void {\n  [a.colStart, b.colStart] = [b.colStart, a.colStart];\n  [a.rowStart, b.rowStart] = [b.rowStart, a.colStart];\n  [a.position, b.position] = [b.position, a.position];\n}\n"]}

package/components/tile-manager/resize-state.d.ts

@@ -0,0 +1,43 @@
+import type { ResizeState } from '../resize-container/types.js';
+import type IgcTileComponent from './tile.js';
+import type { TileGridDimension, TileGridPosition, TileResizeDimensions } from './types.js';
+declare class TileResizeState {
+    private _initialPosition;
+    private _resizeUtil;
+    protected _gap: number;
+    protected _prevDeltaX: number;
+    protected _prevDeltaY: number;
+    protected _prevSnappedWidth: number;
+    protected _prevSnappedHeight: number;
+    protected _position: TileGridPosition;
+    protected _columns: TileGridDimension;
+    protected _rows: TileGridDimension;
+    resizedDimensions: TileResizeDimensions;
+    get emptyResizeDimensions(): TileResizeDimensions;
+    get gap(): number;
+    get position(): TileGridPosition;
+    get columns(): TileGridDimension;
+    get rows(): TileGridDimension;
+    calculateSnappedWidth(state: ResizeState): number;
+    calculateSnappedHeight(state: ResizeState): number;
+    updateState(tileRect: DOMRect, tile: IgcTileComponent, grid: HTMLElement): void;
+    /**
+     * Calculates and returns the CSS column and row properties of a tile after resizing,
+     * based on its new dimensions and starting position.
+     */
+    calculateResizedGridPosition(rect: DOMRect): {
+        colSpan: number;
+        rowSpan: number;
+    };
+    /**
+     * Checks and adjusts tile spans based on the column count of the tile manager.
+     */
+    adjustTileGridPosition(tiles: IgcTileComponent[]): void;
+    private initState;
+    private calculateTileStartPosition;
+    private getGridOffset;
+    private getResizeProps;
+    private getResizeSpanProps;
+}
+export declare function createTileResizeState(): TileResizeState;
+export {};