igniteui-webcomponents 5.3.0-beta.2 → 5.3.0-beta.3
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.
- package/components/combo/themes/dark/combo.fluent.css.js +1 -1
- package/components/combo/themes/dark/combo.fluent.css.js.map +1 -1
- package/components/combo/themes/dark/combo.material.css.js +1 -1
- package/components/combo/themes/dark/combo.material.css.js.map +1 -1
- package/components/combo/themes/light/combo.fluent.css.js +1 -1
- package/components/combo/themes/light/combo.fluent.css.js.map +1 -1
- package/components/combo/themes/light/combo.indigo.css.js +1 -1
- package/components/combo/themes/light/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/light/combo.material.css.js +1 -1
- package/components/combo/themes/light/combo.material.css.js.map +1 -1
- package/components/combo/themes/light/combo.shared.css.js +1 -1
- package/components/combo/themes/light/combo.shared.css.js.map +1 -1
- package/components/combo/themes/shared/combo.common.css.js +1 -1
- package/components/combo/themes/shared/combo.common.css.js.map +1 -1
- package/components/combo/themes/shared/combo.fluent.css.js +1 -1
- package/components/combo/themes/shared/combo.fluent.css.js.map +1 -1
- package/components/combo/themes/shared/combo.indigo.css.js +1 -1
- package/components/combo/themes/shared/combo.indigo.css.js.map +1 -1
- package/components/combo/themes/shared/combo.material.css.js +1 -1
- package/components/combo/themes/shared/combo.material.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
- package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
- package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
- package/components/input/themes/dark/input.bootstrap.css.js +1 -1
- package/components/input/themes/dark/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/dark/input.fluent.css.js +1 -1
- package/components/input/themes/dark/input.fluent.css.js.map +1 -1
- package/components/input/themes/dark/input.indigo.css.js +1 -1
- package/components/input/themes/dark/input.indigo.css.js.map +1 -1
- package/components/input/themes/dark/input.material.css.js +1 -1
- package/components/input/themes/dark/input.material.css.js.map +1 -1
- package/components/input/themes/light/input.bootstrap.css.js +1 -1
- package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
- package/components/input/themes/light/input.fluent.css.js +1 -1
- package/components/input/themes/light/input.fluent.css.js.map +1 -1
- package/components/input/themes/light/input.indigo.css.js +1 -1
- package/components/input/themes/light/input.indigo.css.js.map +1 -1
- package/components/input/themes/light/input.material.css.js +1 -1
- package/components/input/themes/light/input.material.css.js.map +1 -1
- package/components/input/themes/light/input.shared.css.js +1 -1
- package/components/input/themes/light/input.shared.css.js.map +1 -1
- package/components/input/themes/shared/input.material.css.js +1 -1
- package/components/input/themes/shared/input.material.css.js.map +1 -1
- package/components/list/themes/dark/container/list.bootstrap.css.js +1 -1
- package/components/list/themes/dark/container/list.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/container/list.fluent.css.js +1 -1
- package/components/list/themes/dark/container/list.fluent.css.js.map +1 -1
- package/components/list/themes/dark/container/list.indigo.css.js +1 -1
- package/components/list/themes/dark/container/list.indigo.css.js.map +1 -1
- package/components/list/themes/dark/container/list.material.css.js +1 -1
- package/components/list/themes/dark/container/list.material.css.js.map +1 -1
- package/components/list/themes/dark/container/list.shared.css.js +1 -1
- package/components/list/themes/dark/container/list.shared.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.bootstrap.css.js +1 -1
- package/components/list/themes/dark/header/list-header.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.fluent.css.js +1 -1
- package/components/list/themes/dark/header/list-header.fluent.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.indigo.css.js +1 -1
- package/components/list/themes/dark/header/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/dark/header/list-header.material.css.js +1 -1
- package/components/list/themes/dark/header/list-header.material.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.bootstrap.css.js +1 -1
- package/components/list/themes/dark/item/list-item.bootstrap.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.fluent.css.js +1 -1
- package/components/list/themes/dark/item/list-item.fluent.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/dark/item/list-item.indigo.css.js.map +1 -1
- package/components/list/themes/dark/item/list-item.material.css.js +1 -1
- package/components/list/themes/dark/item/list-item.material.css.js.map +1 -1
- package/components/list/themes/light/container/list.bootstrap.css.js +1 -1
- package/components/list/themes/light/container/list.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/container/list.indigo.css.js +1 -1
- package/components/list/themes/light/container/list.indigo.css.js.map +1 -1
- package/components/list/themes/light/container/list.shared.css.js +1 -1
- package/components/list/themes/light/container/list.shared.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.bootstrap.css.js +1 -1
- package/components/list/themes/light/header/list-header.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/header/list-header.indigo.css.js +1 -1
- package/components/list/themes/light/header/list-header.indigo.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.bootstrap.css.js +1 -1
- package/components/list/themes/light/item/list-item.bootstrap.css.js.map +1 -1
- package/components/list/themes/light/item/list-item.indigo.css.js +1 -1
- package/components/list/themes/light/item/list-item.indigo.css.js.map +1 -1
- package/components/select/themes/dark/select.fluent.css.js +1 -1
- package/components/select/themes/dark/select.fluent.css.js.map +1 -1
- package/components/select/themes/dark/select.material.css.js +1 -1
- package/components/select/themes/dark/select.material.css.js.map +1 -1
- package/components/select/themes/light/select.fluent.css.js +1 -1
- package/components/select/themes/light/select.fluent.css.js.map +1 -1
- package/components/select/themes/light/select.indigo.css.js +1 -1
- package/components/select/themes/light/select.indigo.css.js.map +1 -1
- package/components/select/themes/light/select.shared.css.js +1 -1
- package/components/select/themes/light/select.shared.css.js.map +1 -1
- package/components/select/themes/shared/select.common.css.js +1 -1
- package/components/select/themes/shared/select.common.css.js.map +1 -1
- package/components/select/themes/shared/select.fluent.css.js +1 -1
- package/components/select/themes/shared/select.fluent.css.js.map +1 -1
- package/components/select/themes/shared/select.indigo.css.js +1 -1
- package/components/select/themes/shared/select.indigo.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/dark/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.fluent.css.js +1 -1
- package/components/textarea/themes/dark/textarea.fluent.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/dark/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/dark/textarea.material.css.js +1 -1
- package/components/textarea/themes/dark/textarea.material.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.bootstrap.css.js +1 -1
- package/components/textarea/themes/light/textarea.bootstrap.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.fluent.css.js +1 -1
- package/components/textarea/themes/light/textarea.fluent.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.indigo.css.js +1 -1
- package/components/textarea/themes/light/textarea.indigo.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.material.css.js +1 -1
- package/components/textarea/themes/light/textarea.material.css.js.map +1 -1
- package/components/textarea/themes/light/textarea.shared.css.js +1 -1
- package/components/textarea/themes/light/textarea.shared.css.js.map +1 -1
- package/components/textarea/themes/shared/textarea.material.css.js +1 -1
- package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
- package/components/tile-manager/serializer.js +2 -0
- package/components/tile-manager/serializer.js.map +1 -1
- package/components/tile-manager/tile.d.ts +1 -1
- package/components/tile-manager/tile.js +2 -2
- package/components/tile-manager/tile.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.common.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"select.common.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,umCAAumC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){color:var(--helper-text-color)}:host igc-popover::part(container){border-radius:var(--border-radius)}[part=base]{background:var(--dd-background-color);border-radius:var(--dd-border-radius);box-shadow:var(--dd-elevation)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host([disabled]) ::part(helper-text),:host(:disabled) ::part(helper-text){color:var(--disabled-text-color)}:host([disabled]) [part~=toggle-icon],:host(:disabled) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host([disabled]) [part~=toggle-icon] igc-icon,:host(:disabled) [part~=toggle-icon] igc-icon{color:inherit}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--error-secondary-color)}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-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);margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}[part=base]{box-shadow:var(--ig-elevation-4)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) igc-input[readonly]:not([disabled])::part(container){border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container){border-color:var(--focused-border-color);border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix){margin-inline-start:-0.0625rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix){margin-inline-end:-0.0625rem}:host([invalid]:not([disabled])) ::part(helper-text),:host([invalid]:not(:disabled)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) igc-validator,:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
|
|
2
|
+
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-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);margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}[part=base]{box-shadow:var(--ig-elevation-4)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host(:focus-within) igc-input[readonly]:not([disabled])::part(container){border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container){border-color:var(--focused-border-color);border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix){margin-inline-start:-0.0625rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix){margin-inline-end:-0.0625rem}:host([invalid]:not([disabled])) ::part(helper-text),:host([invalid]:not(:disabled)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) igc-validator,:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
|
|
3
3
|
//# sourceMappingURL=select.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,05DAA05D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-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);margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}[part=base]{box-shadow:var(--ig-elevation-4)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus)}:host(:focus-within) igc-input[readonly]:not([disabled])::part(container){border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container){border-color:var(--focused-border-color);border-width:0.125rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix){margin-inline-start:-0.0625rem}:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix){margin-inline-end:-0.0625rem}:host([invalid]:not([disabled])) ::part(helper-text),:host([invalid]:not(:disabled)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) igc-validator,:host([disabled]) igc-validator{color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-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);margin-block-start:.25rem;grid-auto-rows:minmax(0.9375rem, auto)}:host igc-input::part(input){color:var(--filled-text-color)}:host igc-input::part(container){padding-inline:0}[part=base]{outline:var(--border-width) solid var(--border-color);padding:.1875rem}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) igc-input::part(container){background:var(--box-background-hover)}:host(:focus-within) igc-input::part(container)::after{transform:scaleY(1)}:host([invalid]:focus-within) igc-input::part(label){color:var(--error-secondary-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}:host(:not([disabled])[invalid]) ::part(validation-icon),:host(:not(:disabled)[invalid]) ::part(validation-icon){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input),:host([disabled]) igc-input::part(input){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
|
|
2
|
+
export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-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);margin-block-start:.25rem;grid-auto-rows:minmax(0.9375rem, auto)}:host igc-input::part(input){color:var(--filled-text-color)}:host igc-input::part(container){padding-inline:0}[part=base]{outline:var(--border-width) solid var(--border-color);padding:.1875rem}:host(:hover) [part~=toggle-icon]{color:var(--toggle-button-foreground-focus)}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) igc-input::part(container){background:var(--box-background-hover)}:host(:focus-within) igc-input::part(container)::after{transform:scaleY(1)}:host([invalid]:focus-within) igc-input::part(label){color:var(--error-secondary-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}:host(:not([disabled])[invalid]) ::part(validation-icon),:host(:not(:disabled)[invalid]) ::part(validation-icon){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input),:host([disabled]) igc-input::part(input){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
|
|
3
3
|
//# sourceMappingURL=select.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/shared/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+3DAA+3D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--select-size: var(--component-size);--dropdown-size: var(--component-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);margin-block-start:.25rem;grid-auto-rows:minmax(0.9375rem, auto)}:host igc-input::part(input){color:var(--filled-text-color)}:host igc-input::part(container){padding-inline:0}[part=base]{outline:var(--border-width) solid var(--border-color);padding:.1875rem}:host(:hover) [part~=toggle-icon]{color:var(--toggle-button-foreground-focus)}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) igc-input::part(container){background:var(--box-background-hover)}:host(:focus-within) igc-input::part(container)::after{transform:scaleY(1)}:host([invalid]:focus-within) igc-input::part(label){color:var(--error-secondary-color)}:host(:not([disabled])[invalid]) ::part(helper-text),:host(:not(:disabled)[invalid]) ::part(helper-text){color:var(--helper-text-color)}:host(:not([disabled])[invalid]) ::part(validation-icon),:host(:not(:disabled)[invalid]) ::part(validation-icon){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input),:host([disabled]) igc-input::part(input){color:var(--disabled-text-color)}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-textarea-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)))}`;
|
|
2
|
+
export const styles = css `:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-textarea-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0))}`;
|
|
3
3
|
//# sourceMappingURL=textarea.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/dark/textarea.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"textarea.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/dark/textarea.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,isDAAisD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-textarea-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--
|
|
2
|
+
export const styles = css `:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-100));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-100));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-textarea-idle-text-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, var(--ig-gray-900));--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-textarea-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-700));--focused-border-color: var(--ig-textarea-focused-border-color, var(--ig-gray-500));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--box-background: var(--ig-textarea-box-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))}`;
|
|
3
3
|
//# sourceMappingURL=textarea.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/dark/textarea.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"textarea.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/dark/textarea.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,47EAA47E,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));--focused-border-color: var(--ig-textarea-focused-border-color, var(--ig-gray-500));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--box-background: var(--ig-textarea-box-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))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--
|
|
2
|
+
export const styles = css `:host{--helper-text-color: var(--ig-textarea-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-color: var(--ig-textarea-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color: var(--ig-textarea-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-textarea-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-textarea-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-textarea-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-textarea-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--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-50-contrast) h s l/0.15));--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, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-textarea-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) 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-50-contrast) h s l/0.1));--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))}`;
|
|
3
3
|
//# sourceMappingURL=textarea.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/dark/textarea.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"textarea.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/dark/textarea.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kpHAAkpH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--helper-text-color: var(--ig-textarea-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--input-prefix-color: var(--ig-textarea-input-prefix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color: var(--ig-textarea-input-suffix-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-text-color: var(--ig-textarea-idle-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-color: var(--ig-textarea-filled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--filled-text-hover-color: var(--ig-textarea-filled-text-hover-color, var(--ig-gray-50-contrast));--focused-text-color: var(--ig-textarea-focused-text-color, var(--ig-gray-50-contrast));--disabled-text-color: var(--ig-textarea-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--idle-bottom-line-color: var(--ig-textarea-idle-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.4));--hover-bottom-line-color: var(--ig-textarea-hover-bottom-line-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--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-50-contrast) h s l/0.15));--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, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-placeholder-color: var(--ig-textarea-hover-placeholder-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, hsl(from var(--ig-gray-50-contrast) 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-50-contrast) h s l/0.1));--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))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
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-
|
|
2
|
+
export const styles = css `:host{--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-textarea-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-800));--search-background: var(--ig-textarea-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-textarea-search-disabled-background, var(--ig-surface-500));--box-background: var(--ig-textarea-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-textarea-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-textarea-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-1))}`;
|
|
3
3
|
//# sourceMappingURL=textarea.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/dark/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"textarea.material.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/dark/textarea.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g/BAAg/B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-500));--border-color: var(--ig-textarea-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-800));--search-background: var(--ig-textarea-search-background, var(--ig-surface-500));--search-disabled-background: var(--ig-textarea-search-disabled-background, var(--ig-surface-500));--box-background: var(--ig-textarea-box-background, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-hover: var(--ig-textarea-box-background-hover, hsl(from var(--ig-gray-200) h s l/0.38));--box-background-focus: var(--ig-textarea-box-background-focus, hsl(from var(--ig-gray-300) h s l/0.38));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-1));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-2));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-1))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-textarea-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)))}`;
|
|
2
|
+
export const styles = css `:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-textarea-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0))}`;
|
|
3
3
|
//# sourceMappingURL=textarea.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"textarea.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/textarea/themes/light/textarea.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,isDAAisD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-textarea-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-textarea-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-textarea-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-textarea-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--interim-bottom-line-color: var(--ig-textarea-interim-bottom-line-color, var(--ig-primary-500));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-textarea-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--
|
|
2
|
+
export const styles = css `:host{--input-prefix-background: var(--ig-textarea-input-prefix-background, var(--ig-gray-100));--input-prefix-background--filled: var(--ig-textarea-input-prefix-background--filled, var(--ig-gray-100));--input-prefix-color--filled: var(--ig-textarea-input-prefix-color--filled, var(--ig-gray-700));--input-prefix-background--focused: var(--ig-textarea-input-prefix-background--focused, var(--ig-gray-100));--input-prefix-color--focused: var(--ig-textarea-input-prefix-color--focused, var(--ig-gray-700));--input-suffix-background: var(--ig-textarea-input-suffix-background, var(--ig-gray-100));--input-suffix-background--filled: var(--ig-textarea-input-suffix-background--filled, var(--ig-gray-100));--input-suffix-color--filled: var(--ig-textarea-input-suffix-color--filled, var(--ig-gray-700));--input-suffix-background--focused: var(--ig-textarea-input-suffix-background--focused, var(--ig-gray-100));--input-suffix-color--focused: var(--ig-textarea-input-suffix-color--focused, var(--ig-gray-700));--idle-text-color: var(--ig-textarea-idle-text-color, var(--ig-gray-900));--idle-secondary-color: var(--ig-textarea-idle-secondary-color, var(--ig-gray-900));--disabled-border-color: var(--ig-textarea-disabled-border-color, var(--ig-gray-100));--border-color: var(--ig-textarea-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-textarea-hover-border-color, var(--ig-gray-700));--border-disabled-background: var(--ig-textarea-border-disabled-background, var(--ig-gray-100));--box-border-radius: var(--ig-textarea-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--border-border-radius: var(--ig-textarea-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--search-border-radius: var(--ig-textarea-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-textarea-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-textarea-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-textarea-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-textarea-search-disabled-elevation, var(--ig-elevation-0))}`;
|
|
3
3
|
//# sourceMappingURL=textarea.fluent.css.js.map
|
|
@@ -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
|
|
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,gyEAAgyE,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))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--
|
|
2
|
+
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))}`;
|
|
3
3
|
//# sourceMappingURL=textarea.indigo.css.js.map
|
|
@@ -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,
|
|
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,62FAA62F,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))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
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-
|
|
2
|
+
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))}`;
|
|
3
3
|
//# sourceMappingURL=textarea.material.css.js.map
|
|
@@ -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,
|
|
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,isBAAisB,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))}`;\n"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--
|
|
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)}`;
|
|
3
3
|
//# sourceMappingURL=textarea.shared.css.js.map
|
|
@@ -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,
|
|
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"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
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)}`;
|
|
2
|
+
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)}`;
|
|
3
3
|
//# sourceMappingURL=textarea.material.css.js.map
|
|
@@ -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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"serializer.js","sourceRoot":"","sources":["../../../src/components/tile-manager/serializer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAqBzD,MAAM,qBAAqB;IAGzB,YAAY,WAAoC;QAC9C,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;IAEO,mBAAmB,CAAC,IAAsB;QAEhD,OAAO,IAAI,CAAC,kBAAkB,CAAE,CAAC;IACnC,CAAC;IAEM,IAAI;QACT,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACzC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;YAEnE,OAAO;gBACL,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gBACzC,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU;gBACV,OAAO;gBACP,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI;gBAC9B,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI;aACjC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,UAAU;QACf,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC;IAEM,IAAI,CAAC,KAAuB;QACjC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QACjE,MAAM,IAAI,GAA6B;YACrC,YAAY;YACZ,SAAS;YACT,OAAO;YACP,QAAQ;SACT,CAAC;QAEF,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC7B,SAAS;YACX,CAAC;YAED,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAE,CAAC;YAC5C,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,CAAC;YAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;YACzD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;YAE9D,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YAChC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAClC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAEM,YAAY,CAAC,IAAY;QAC9B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9B,CAAC;CACF;AAED,MAAM,UAAU,gBAAgB,CAAC,IAA6B;IAC5D,OAAO,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC","sourcesContent":["import { asNumber, omit, pick } from '../common/util.js';\nimport type IgcTileManagerComponent from './tile-manager.js';\nimport type IgcTileComponent from './tile.js';\n\nexport interface SerializedTile {\n colSpan: number;\n colStart: number | null;\n disableFullscreen: boolean;\n disableMaximize: boolean;\n disableResize: boolean;\n gridColumn: string;\n gridRow: string;\n maximized: boolean;\n position: number;\n rowSpan: number;\n rowStart: number | null;\n tileId: string | null;\n width: number | null;\n height: number | null;\n}\n\nclass TileManagerSerializer {\n public tileManager: IgcTileManagerComponent;\n\n constructor(tileManager: IgcTileManagerComponent) {\n this.tileManager = tileManager;\n }\n\n private _getResizeContainer(tile: IgcTileComponent) {\n // biome-ignore lint/complexity/useLiteralKeys: Until we migrate to a symbol\n return tile['_resizeContainer']!;\n }\n\n public save(): SerializedTile[] {\n return this.tileManager.tiles.map((tile) => {\n const { gridColumn, gridRow } = getComputedStyle(tile);\n const { width, height } = this._getResizeContainer(tile).getSize();\n\n return {\n colSpan: tile.colSpan,\n colStart: tile.colStart,\n disableFullscreen: tile.disableFullscreen,\n disableMaximize: tile.disableMaximize,\n disableResize: tile.disableResize,\n gridColumn,\n gridRow,\n maximized: tile.maximized,\n position: tile.position,\n rowSpan: tile.rowSpan,\n rowStart: tile.rowStart,\n tileId: tile.tileId,\n width: asNumber(width) || null,\n height: asNumber(height) || null,\n };\n });\n }\n\n public saveAsJSON(): string {\n return JSON.stringify(this.save());\n }\n\n public load(tiles: SerializedTile[]): void {\n const mapped = new Map(tiles.map((tile) => [tile.tileId, tile]));\n const keys: (keyof SerializedTile)[] = [\n 'gridColumn',\n 'gridRow',\n 'width',\n 'height',\n ];\n\n for (const tile of this.tileManager.tiles) {\n if (!mapped.has(tile.tileId)) {\n continue;\n }\n\n const serialized = mapped.get(tile.tileId)!;\n const properties = omit(serialized, ...keys);\n const styles = pick(serialized, 'gridColumn', 'gridRow');\n const { width, height } = pick(serialized, 'width', 'height');\n\n Object.assign(tile, properties);\n Object.assign(tile.style, styles);\n this._getResizeContainer(tile).setSize(width, height);\n }\n }\n\n public loadFromJSON(data: string): void {\n this.load(JSON.parse(data));\n }\n}\n\nexport function createSerializer(host: IgcTileManagerComponent) {\n return new TileManagerSerializer(host);\n}\n"]}
|
|
1
|
+
{"version":3,"file":"serializer.js","sourceRoot":"","sources":["../../../src/components/tile-manager/serializer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAqBzD,MAAM,qBAAqB;IAGzB,YAAY,WAAoC;QAC9C,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;IAEO,mBAAmB,CAAC,IAAsB;QAEhD,OAAO,IAAI,CAAC,kBAAkB,CAAE,CAAC;IACnC,CAAC;IAEM,IAAI;QACT,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACzC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;YAEnE,OAAO;gBACL,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gBACzC,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU;gBACV,OAAO;gBACP,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI;gBAC9B,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI;aACjC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,UAAU;QACf,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC;IAEM,IAAI,CAAC,KAAuB;QACjC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QACjE,MAAM,IAAI,GAA6B;YACrC,YAAY;YACZ,SAAS;YACT,OAAO;YACP,QAAQ;SACT,CAAC;QAEF,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC7B,SAAS;YACX,CAAC;YAED,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAE,CAAC;YAC5C,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,CAAC;YAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;YACzD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;YAE9D,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YAChC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAClC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAEM,YAAY,CAAC,IAAY;QAC9B,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9B,CAAC;CACF;AAED,MAAM,UAAU,gBAAgB,CAAC,IAA6B;IAC5D,OAAO,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC","sourcesContent":["import { asNumber, omit, pick } from '../common/util.js';\nimport type IgcTileManagerComponent from './tile-manager.js';\nimport type IgcTileComponent from './tile.js';\n\nexport interface SerializedTile {\n colSpan: number;\n colStart: number | null;\n disableFullscreen: boolean;\n disableMaximize: boolean;\n disableResize: boolean;\n gridColumn: string;\n gridRow: string;\n maximized: boolean;\n position: number;\n rowSpan: number;\n rowStart: number | null;\n tileId: string | null;\n width: number | null;\n height: number | null;\n}\n\nclass TileManagerSerializer {\n public tileManager: IgcTileManagerComponent;\n\n constructor(tileManager: IgcTileManagerComponent) {\n this.tileManager = tileManager;\n }\n\n private _getResizeContainer(tile: IgcTileComponent) {\n // biome-ignore lint/complexity/useLiteralKeys: Until we migrate to a symbol\n return tile['_resizeContainer']!;\n }\n\n public save(): SerializedTile[] {\n return this.tileManager.tiles.map((tile) => {\n const { gridColumn, gridRow } = getComputedStyle(tile);\n const { width, height } = this._getResizeContainer(tile).getSize();\n\n return {\n colSpan: tile.colSpan,\n colStart: tile.colStart,\n disableFullscreen: tile.disableFullscreen,\n disableMaximize: tile.disableMaximize,\n disableResize: tile.disableResize,\n gridColumn,\n gridRow,\n maximized: tile.maximized,\n position: tile.position,\n rowSpan: tile.rowSpan,\n rowStart: tile.rowStart,\n tileId: tile.tileId,\n width: asNumber(width) || null,\n height: asNumber(height) || null,\n };\n });\n }\n\n public saveAsJSON(): string {\n return JSON.stringify(this.save());\n }\n\n public load(tiles: SerializedTile[]): void {\n const mapped = new Map(tiles.map((tile) => [tile.tileId, tile]));\n const keys: (keyof SerializedTile)[] = [\n 'gridColumn',\n 'gridRow',\n 'width',\n 'height',\n ];\n\n for (const tile of this.tileManager.tiles) {\n if (!mapped.has(tile.tileId)) {\n continue;\n }\n\n const serialized = mapped.get(tile.tileId)!;\n const properties = omit(serialized, ...keys);\n const styles = pick(serialized, 'gridColumn', 'gridRow');\n const { width, height } = pick(serialized, 'width', 'height');\n\n Object.assign(tile, properties);\n Object.assign(tile.style, styles);\n this._getResizeContainer(tile).setSize(width, height);\n }\n }\n\n public loadFromJSON(data: string): void {\n if (!data) return;\n\n this.load(JSON.parse(data));\n }\n}\n\nexport function createSerializer(host: IgcTileManagerComponent) {\n return new TileManagerSerializer(host);\n}\n"]}
|
|
@@ -73,7 +73,7 @@ export default class IgcTileComponent extends IgcTileComponent_base {
|
|
|
73
73
|
private get _cssContainer();
|
|
74
74
|
/** Returns the tile manager current resize mode. */
|
|
75
75
|
private get _resizeMode();
|
|
76
|
-
protected _headerRef: import("lit-html/directives/ref.js").Ref<
|
|
76
|
+
protected _headerRef: import("lit-html/directives/ref.js").Ref<HTMLElement>;
|
|
77
77
|
private _titleElements;
|
|
78
78
|
private _actionsElements;
|
|
79
79
|
protected _resizeContainer?: IgcResizeContainerComponent;
|
|
@@ -298,8 +298,8 @@ let IgcTileComponent = IgcTileComponent_1 = class IgcTileComponent extends Event
|
|
|
298
298
|
this.disableMaximize &&
|
|
299
299
|
this.disableFullscreen;
|
|
300
300
|
return html `
|
|
301
|
-
<section part="header" ?hidden=${hideHeader}>
|
|
302
|
-
<header part="title"
|
|
301
|
+
<section part="header" ?hidden=${hideHeader} ${ref(this._headerRef)}>
|
|
302
|
+
<header part="title">
|
|
303
303
|
<slot name="title"></slot>
|
|
304
304
|
</header>
|
|
305
305
|
<section id="tile-actions" part="actions">
|