npm - igniteui-webcomponents - Versions diffs - 5.2.4 → 5.3.0-RC.0 - Mend

igniteui-webcomponents 5.2.4 → 5.3.0-RC.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (967) hide show

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

	@@ -1 +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"]}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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,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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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,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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 {};

package/components/tile-manager/resize-state.js ADDED Viewed

@@ -0,0 +1,196 @@
+import { asNumber, first } from '../common/util.js';
+import { ResizeUtil } from './resize-util.js';
+const CssValues = new RegExp(/(?<start>\d+)?\s*\/?\s*span\s*(?<span>\d+)?/gi);
+function parseTileGridRect(tile) {
+    const computed = getComputedStyle(tile);
+    const { gridColumn, gridRow } = computed;
+    const [column, row] = [
+        first(Array.from(gridColumn.matchAll(CssValues))).groups,
+        first(Array.from(gridRow.matchAll(CssValues))).groups,
+    ];
+    return {
+        column: {
+            start: asNumber(column.start, -1),
+            span: asNumber(column.span, -1),
+        },
+        row: { start: asNumber(row.start, -1), span: asNumber(row.span, -1) },
+    };
+}
+function parseTileParentGrid(gridContainer) {
+    const computed = getComputedStyle(gridContainer);
+    const { gap, gridTemplateColumns, gridTemplateRows } = computed;
+    const columns = gridTemplateColumns.split(' ').map(asNumber);
+    const rows = gridTemplateRows.split(' ').map(asNumber);
+    return {
+        gap: asNumber(gap),
+        columns: {
+            count: columns.length,
+            entries: columns,
+            minSize: asNumber(computed.getPropertyValue('--min-col-width')),
+        },
+        rows: {
+            count: rows.length,
+            entries: rows,
+            minSize: asNumber(computed.getPropertyValue('--min-row-height')),
+        },
+    };
+}
+class TileResizeState {
+    constructor() {
+        this._gap = 0;
+        this._prevDeltaX = 0;
+        this._prevDeltaY = 0;
+        this._prevSnappedWidth = 0;
+        this._prevSnappedHeight = 0;
+        this._position = {
+            column: { start: 0, span: 0 },
+            row: { start: 0, span: 0 },
+        };
+        this._columns = {
+            count: 0,
+            entries: [],
+            minSize: 0,
+        };
+        this._rows = {
+            count: 0,
+            entries: [],
+            minSize: 0,
+        };
+        this.resizedDimensions = {
+            width: null,
+            height: null,
+        };
+    }
+    get emptyResizeDimensions() {
+        return { width: null, height: null };
+    }
+    get gap() {
+        return this._gap;
+    }
+    get position() {
+        return structuredClone(this._position);
+    }
+    get columns() {
+        return structuredClone(this._columns);
+    }
+    get rows() {
+        return structuredClone(this._rows);
+    }
+    calculateSnappedWidth(state) {
+        const resizeProps = this.getResizeProps(state);
+        const snappedDimension = this._resizeUtil.calculateSnappedDimension(resizeProps);
+        this._prevDeltaX = snappedDimension.newDelta;
+        this._prevSnappedWidth = snappedDimension.snappedSize;
+        return snappedDimension.snappedSize;
+    }
+    calculateSnappedHeight(state) {
+        const resizeProps = this.getResizeProps(state, true);
+        const snappedDimension = this._resizeUtil.calculateSnappedDimension(resizeProps);
+        this._prevDeltaY = snappedDimension.newDelta;
+        this._prevSnappedHeight = snappedDimension.snappedSize;
+        return snappedDimension.snappedSize;
+    }
+    updateState(tileRect, tile, grid) {
+        this.initState(grid, tile);
+        this.calculateTileStartPosition(grid, tileRect);
+    }
+    calculateResizedGridPosition(rect) {
+        const colProps = this.getResizeSpanProps(rect);
+        const rowProps = this.getResizeSpanProps(rect, true);
+        this._position.column.span =
+            this._resizeUtil.calculateResizedSpan(colProps);
+        this._position.row.span = this._resizeUtil.calculateResizedSpan(rowProps);
+        return {
+            colSpan: this._position.column.span,
+            rowSpan: this._position.row.span,
+        };
+    }
+    adjustTileGridPosition(tiles) {
+        const columnCount = this.columns.count;
+        for (const tile of tiles) {
+            const colStart = tile.colStart || 0;
+            const colSpan = tile.colSpan || 0;
+            if (colStart > columnCount) {
+                tile.colSpan = 1;
+                tile.colStart = columnCount;
+                continue;
+            }
+            if (colStart + colSpan - 1 > columnCount) {
+                tile.colSpan = columnCount - colStart + 1;
+            }
+        }
+    }
+    initState(grid, tile) {
+        const { gap, columns, rows } = parseTileParentGrid(grid);
+        this._resizeUtil = new ResizeUtil(gap);
+        this._initialPosition = parseTileGridRect(tile);
+        this._position = structuredClone(this._initialPosition);
+        this._gap = gap;
+        this._columns = columns;
+        this._rows = rows;
+        this._prevDeltaX = 0;
+        this._prevDeltaY = 0;
+        this._prevSnappedWidth = 0;
+        this._prevSnappedHeight = 0;
+    }
+    calculateTileStartPosition(grid, tileRect) {
+        if (this._position.column.start < 0) {
+            const offsetX = this.getGridOffset(grid, 'horizontal');
+            this._position.column.start = this._resizeUtil.calculatePosition(tileRect.left + window.scrollX + grid.scrollLeft - offsetX, this._columns.entries);
+        }
+        if (this._position.row.start < 0) {
+            const offsetY = this.getGridOffset(grid, 'vertical');
+            this._position.row.start = this._resizeUtil.calculatePosition(tileRect.top + window.scrollY - offsetY, this._rows.entries);
+        }
+    }
+    getGridOffset(grid, axis) {
+        const gridRect = grid.getBoundingClientRect();
+        const computed = getComputedStyle(grid);
+        return axis === 'horizontal'
+            ? gridRect.left +
+                window.scrollX +
+                grid.scrollLeft +
+                Number.parseFloat(computed.paddingLeft)
+            : gridRect.top + window.scrollY + Number.parseFloat(computed.paddingTop);
+    }
+    getResizeProps(state, isRow = false) {
+        return isRow
+            ? {
+                currentDelta: state.deltaY,
+                currentSize: state.current.height,
+                prevDelta: this._prevDeltaY,
+                gridEntries: this._rows.entries,
+                startIndex: this._position.row.start,
+                prevSnapped: this._prevSnappedHeight,
+            }
+            : {
+                currentDelta: state.deltaX,
+                currentSize: state.current.width,
+                prevDelta: this._prevDeltaX,
+                gridEntries: this._columns.entries,
+                startIndex: this._position.column.start,
+                prevSnapped: this._prevSnappedWidth,
+            };
+    }
+    getResizeSpanProps(rect, isRow = false) {
+        return isRow
+            ? {
+                targetSize: rect.height,
+                tilePosition: this.position.row,
+                tileGridDimension: this.rows,
+                gap: this._gap,
+                isRow,
+            }
+            : {
+                targetSize: rect.width,
+                tilePosition: this.position.column,
+                tileGridDimension: this.columns,
+                gap: this._gap,
+                isRow,
+            };
+    }
+}
+export function createTileResizeState() {
+    return new TileResizeState();
+}
+//# sourceMappingURL=resize-state.js.map