npm - igniteui-webcomponents - Versions diffs - 4.1.1 → 4.2.0 - Mend

igniteui-webcomponents 4.1.1 → 4.2.0

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

Files changed (108) hide show

package/components/radio-group/radio-group.js CHANGED Viewed

@@ -10,8 +10,11 @@ import { defineComponents } from '../common/definitions/defineComponents.js';
 import { isLTR } from '../common/util.js';
 import IgcRadioComponent from '../radio/radio.js';
 import { styles } from './radio-group.base.css.js';
+import { styles as material } from './radio-group.material.css.js';
+import { styles as fluent } from './radio-group.fluent.css.js';
+import { themes } from '../../theming/theming-decorator.js';
 defineComponents(IgcRadioComponent);
-export default class IgcRadioGroupComponent extends LitElement {
+let IgcRadioGroupComponent = class IgcRadioGroupComponent extends LitElement {
     constructor() {
         super();
         this.alignment = 'vertical';
@@ -63,7 +66,7 @@ export default class IgcRadioGroupComponent extends LitElement {
     render() {
         return html `<slot @slotchange=${this.updateRequiredState}></slot>`;
     }
-}
+};
 IgcRadioGroupComponent.tagName = 'igc-radio-group';
 IgcRadioGroupComponent.styles = styles;
 __decorate([
@@ -75,4 +78,8 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], IgcRadioGroupComponent.prototype, "alignment", void 0);
+IgcRadioGroupComponent = __decorate([
+    themes({ material, fluent })
+], IgcRadioGroupComponent);
+export default IgcRadioGroupComponent;
 //# sourceMappingURL=radio-group.js.map

package/components/radio-group/radio-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;~~AAEnD~~,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;~~AAEpC~~,~~MAAM~~,~~CAAC~~,~~OAAO~~,~~OAAO~~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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport { isLTR } from '../common/util.js';\nimport IgcRadioComponent from '../radio/radio.js';\nimport { styles } from './radio-group.base.css.js';\n\ndefineComponents(IgcRadioComponent);\n\nexport default class IgcRadioGroupComponent extends LitElement {\n public static readonly tagName = 'igc-radio-group';\n\n public static override styles = styles;\n\n @queryAssignedElements({\n flatten: true,\n selector: 'igc-radio:not([disabled])',\n })\n private radios!: Array<IgcRadioComponent>;\n\n constructor() {\n super();\n this.addEventListener('keydown', this.handleKeydown);\n this.addEventListener('igcChange', this.updateRequiredState);\n }\n\n /*\n Alignment of the radio controls inside this group.\n * @attr\n */\n @property({ reflect: true })\n public alignment: 'vertical' \| 'horizontal' = 'vertical';\n\n private updateRequiredState() {\n const hasRequired = this.radios.some((r) => r.required);\n\n if (hasRequired) {\n this.radios.forEach((r) => (r.required = false));\n\n const hasChecked = this.radios.some((r) => r.checked);\n\n if (hasChecked) {\n this.radios.filter((r) => r.checked)[0].required = true;\n } else {\n this.radios[0].required = true;\n }\n }\n }\n\n private handleKeydown = (event: KeyboardEvent) => {\n const { key } = event;\n\n if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) {\n const checked = this.radios.find((radio) => radio.checked);\n let index = this.radios.indexOf(checked!);\n const ltr = isLTR(this);\n\n switch (key) {\n case 'ArrowUp':\n index += -1;\n break;\n case 'ArrowLeft':\n index += ltr ? -1 : 1;\n break;\n case 'ArrowRight':\n index += ltr ? 1 : -1;\n break;\n default:\n index += 1;\n }\n\n if (index < 0) index = this.radios.length - 1;\n if (index > this.radios.length - 1) index = 0;\n\n this.radios.forEach((radio) => (radio.checked = false));\n this.radios[index].focus();\n this.radios[index].checked = true;\n\n event.preventDefault();\n }\n };\n\n protected override render() {\n return html`<slot @slotchange=${this.updateRequiredState}></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-radio-group': IgcRadioGroupComponent;\n }\n}\n"]}
1	+ {"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport { isLTR } from '../common/util.js';\nimport IgcRadioComponent from '../radio/radio.js';\nimport { styles } from './radio-group.base.css.js';\nimport { styles as material } from './radio-group.material.css.js';\nimport { styles as fluent } from './radio-group.fluent.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\n\ndefineComponents(IgcRadioComponent);\n\n@themes({ material, fluent })\nexport default class IgcRadioGroupComponent extends LitElement {\n public static readonly tagName = 'igc-radio-group';\n\n public static override styles = styles;\n\n @queryAssignedElements({\n flatten: true,\n selector: 'igc-radio:not([disabled])',\n })\n private radios!: Array<IgcRadioComponent>;\n\n constructor() {\n super();\n this.addEventListener('keydown', this.handleKeydown);\n this.addEventListener('igcChange', this.updateRequiredState);\n }\n\n /*\n Alignment of the radio controls inside this group.\n * @attr\n */\n @property({ reflect: true })\n public alignment: 'vertical' \| 'horizontal' = 'vertical';\n\n private updateRequiredState() {\n const hasRequired = this.radios.some((r) => r.required);\n\n if (hasRequired) {\n this.radios.forEach((r) => (r.required = false));\n\n const hasChecked = this.radios.some((r) => r.checked);\n\n if (hasChecked) {\n this.radios.filter((r) => r.checked)[0].required = true;\n } else {\n this.radios[0].required = true;\n }\n }\n }\n\n private handleKeydown = (event: KeyboardEvent) => {\n const { key } = event;\n\n if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(key)) {\n const checked = this.radios.find((radio) => radio.checked);\n let index = this.radios.indexOf(checked!);\n const ltr = isLTR(this);\n\n switch (key) {\n case 'ArrowUp':\n index += -1;\n break;\n case 'ArrowLeft':\n index += ltr ? -1 : 1;\n break;\n case 'ArrowRight':\n index += ltr ? 1 : -1;\n break;\n default:\n index += 1;\n }\n\n if (index < 0) index = this.radios.length - 1;\n if (index > this.radios.length - 1) index = 0;\n\n this.radios.forEach((radio) => (radio.checked = false));\n this.radios[index].focus();\n this.radios[index].checked = true;\n\n event.preventDefault();\n }\n };\n\n protected override render() {\n return html`<slot @slotchange=${this.updateRequiredState}></slot>`;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-radio-group': IgcRadioGroupComponent;\n }\n}\n"]}

package/components/radio-group/radio-group.material.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const styles: import("lit").CSSResult;

package/components/radio-group/radio-group.material.css.js ADDED Viewed

@@ -0,0 +1,10 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host([alignment=vertical]) {
+  gap: 0;
+}
+:host([alignment=horizontal]) {
+  gap: 1rem;
+}`;
+//# sourceMappingURL=radio-group.material.css.js.map

package/components/radio-group/radio-group.material.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"radio-group.material.css.js","sourceRoot":"","sources":["../../../src/components/radio-group/radio-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;EAOvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host([alignment=vertical]) {\n gap: 0;\n}\n\n:host([alignment=horizontal]) {\n gap: 1rem;\n}`;\n"]}

package/components/select/themes/light/select.base.css.js CHANGED Viewed

@@ -67,18 +67,6 @@ export const styles = css `:host {
 :host {
   display: block;
 }
-:host ::slotted([slot=helper-text]) {
-  font-family: var(--ig-caption-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: hsla(var(--ig-gray-600), var(--ig-gray-a));
-}
 [role=combobox] {
   outline-style: none;
@@ -88,9 +76,6 @@ export const styles = css `:host {
   color: hsla(var(--ig-error-500), var(--ig-error-a));
 }
-:host([disabled]) ::slotted([slot=helper-text]) {
-  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
-}
 :host([disabled]) [role=combobox] {
   pointer-events: none;
 }
@@ -109,6 +94,22 @@ igc-input::part(input)::selection {
   background: transparent;
 }
+[part=helper-text] {
+  line-height: 1;
+}
+[part=helper-text] ::slotted([slot=helper-text]) {
+  font-family: var(--ig-caption-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);
+  line-height: inherit;
+}
 [name=prefix]::slotted(*),
 [name=suffix]::slotted(*) {
   display: -webkit-box;

package/components/select/themes/light/select.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.base.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmHvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-family: var(--ig-font-family);\n}\n\n[part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) 0.25rem), 0.25rem);\n overflow-y: auto;\n overflow-x: hidden;\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n -webkit-box-shadow: var(--ig-elevation-8);\n box-shadow: var(--ig-elevation-8);\n min-width: 7rem;\n padding: 0.5rem 0;\n z-index: 10005;\n}\n\n:host([size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n:host([size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host([size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host {\n display: block;\n}\n~~:host ::slotted([slot=helper-text]) {~~\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n[role=combobox] {\n outline-style: none;\n}\n\n:host([invalid]) ::slotted([slot=helper-text]) {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) ~~::slotted(~~[~~slot=helper-text]) {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n:host([disabled]) [~~role=combobox] {\n pointer-events: none;\n}\n\nigc-input {\n cursor: pointer;\n}\n\nigc-input::part(input) {\n cursor: pointer;\n}\nigc-input::part(input)::-moz-selection {\n background: transparent;\n}\nigc-input::part(input)::selection {\n background: transparent;\n}\n\n[name=prefix]::slotted(),\n[name=suffix]::slotted() {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}`;\n"]}
1	+ {"version":3,"file":"select.base.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoHvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n font-family: var(--ig-font-family);\n}\n\n[part=base] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) 0.25rem), 0.25rem);\n overflow-y: auto;\n overflow-x: hidden;\n background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n -webkit-box-shadow: var(--ig-elevation-8);\n box-shadow: var(--ig-elevation-8);\n min-width: 7rem;\n padding: 0.5rem 0;\n z-index: 10005;\n}\n\n:host([size=small]) {\n --component-size: var(--ig-size, var(--ig-size-small));\n}\n\n:host([size=medium]) {\n --component-size: var(--ig-size, var(--ig-size-medium));\n}\n\n:host([size=large]) {\n --component-size: var(--ig-size, var(--ig-size-large));\n}\n\n:host {\n display: block;\n}\n\n[role=combobox] {\n outline-style: none;\n}\n\n:host([invalid]) ::slotted([slot=helper-text]) {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) [role=combobox] {\n pointer-events: none;\n}\n\nigc-input {\n cursor: pointer;\n}\n\nigc-input::part(input) {\n cursor: pointer;\n}\nigc-input::part(input)::-moz-selection {\n background: transparent;\n}\nigc-input::part(input)::selection {\n background: transparent;\n}\n\n[part=helper-text] {\n line-height: 1;\n}\n[part=helper-text] ::slotted([slot=helper-text]) {\n font-family: var(--ig-caption-font-family);\n font-size: var(--ig-caption-font-size);\n font-weight: var(--ig-caption-font-weight);\n font-style: var(--ig-caption-font-style);\n line-height: var(--ig-caption-line-height);\n letter-spacing: var(--ig-caption-letter-spacing);\n text-transform: var(--ig-caption-text-transform);\n margin-top: var(--ig-caption-margin-top);\n margin-bottom: var(--ig-caption-margin-bottom);\n line-height: inherit;\n}\n\n[name=prefix]::slotted(),\n[name=suffix]::slotted() {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}`;\n"]}

package/components/select/themes/light/select.bootstrap.css.js CHANGED Viewed

@@ -1,5 +1,8 @@
 import { css } from 'lit';
 export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host [part=helper-text] {
+  margin-top: 0.25rem;
+}
 :host ::slotted([slot=helper-text]) {
   font-family: var(--ig-body-2-font-family);
   font-size: var(--ig-body-2-font-size);
@@ -26,6 +29,10 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
   border-color: hsla(var(--ig-error-500), var(--ig-error-a));
 }
+:host([disabled]) ::slotted([slot=helper-text]) {
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}
 igc-input[readonly]:not([disabled])::part(prefix),
 igc-input[readonly]:not([disabled])::part(suffix) {
   color: hsla(var(--ig-gray-800), var(--ig-gray-a));

package/components/select/themes/light/select.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length */\n:host ::slotted([slot=helper-text]) {\n font-family: var(--ig-body-2-font-family);\n font-size: var(--ig-body-2-font-size);\n font-weight: var(--ig-body-2-font-weight);\n font-style: var(--ig-body-2-font-style);\n line-height: var(--ig-body-2-line-height);\n letter-spacing: var(--ig-body-2-letter-spacing);\n text-transform: var(--ig-body-2-text-transform);\n margin-top: var(--ig-body-2-margin-top);\n margin-bottom: var(--ig-body-2-margin-bottom);\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host(:focus-within) igc-input[readonly]:not([disabled])::part(input) {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([invalid]) igc-input[readonly]:not([disabled])::part(input),\n:host([invalid]:focus-within) igc-input[readonly]:not([disabled])::part(input) {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\nigc-input[readonly]:not([disabled])::part(prefix),\nigc-input[readonly]:not([disabled])::part(suffix) {\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\nigc-input[readonly]:not([disabled])::part(prefix),\nigc-input[readonly]:not([disabled])::part(suffix),\nigc-input[readonly]:not([disabled])::part(container) {\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\nigc-input[readonly]:not([disabled])::part(container) {\n background: var(--input-background, #fff);\n}\n\nigc-input[readonly]:not([disabled])::part(prefix),\nigc-input[readonly]:not([disabled])::part(suffix),\nigc-input[readonly]:not([disabled])::part(input) {\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\nigc-input[disabled] {\n pointer-events: none;\n}\n\nigc-input[disabled]::part(prefix),\nigc-input[disabled]::part(suffix),\nigc-input[disabled]::part(container) {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\nigc-input[disabled]::part(prefix),\nigc-input[disabled]::part(suffix),\nigc-input[disabled]::part(input) {\n border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}
1	+ {"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuEvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length */\n:host [part=helper-text] {\n margin-top: 0.25rem;\n}\n:host ::slotted([slot=helper-text]) {\n font-family: var(--ig-body-2-font-family);\n font-size: var(--ig-body-2-font-size);\n font-weight: var(--ig-body-2-font-weight);\n font-style: var(--ig-body-2-font-style);\n line-height: var(--ig-body-2-line-height);\n letter-spacing: var(--ig-body-2-letter-spacing);\n text-transform: var(--ig-body-2-text-transform);\n margin-top: var(--ig-body-2-margin-top);\n margin-bottom: var(--ig-body-2-margin-bottom);\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host(:focus-within) igc-input[readonly]:not([disabled])::part(input) {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-500), 0.38);\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([invalid]) igc-input[readonly]:not([disabled])::part(input),\n:host([invalid]:focus-within) igc-input[readonly]:not([disabled])::part(input) {\n -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n box-shadow: 0 0 0 0.25rem hsla(var(--ig-error-500), 0.38);\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([disabled]) ::slotted([slot=helper-text]) {\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\nigc-input[readonly]:not([disabled])::part(prefix),\nigc-input[readonly]:not([disabled])::part(suffix) {\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\nigc-input[readonly]:not([disabled])::part(prefix),\nigc-input[readonly]:not([disabled])::part(suffix),\nigc-input[readonly]:not([disabled])::part(container) {\n color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\nigc-input[readonly]:not([disabled])::part(container) {\n background: var(--input-background, #fff);\n}\n\nigc-input[readonly]:not([disabled])::part(prefix),\nigc-input[readonly]:not([disabled])::part(suffix),\nigc-input[readonly]:not([disabled])::part(input) {\n border-color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\nigc-input[disabled] {\n pointer-events: none;\n}\n\nigc-input[disabled]::part(prefix),\nigc-input[disabled]::part(suffix),\nigc-input[disabled]::part(container) {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\nigc-input[disabled]::part(prefix),\nigc-input[disabled]::part(suffix),\nigc-input[disabled]::part(input) {\n border-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}

package/components/select/themes/light/select.fluent.css.js CHANGED Viewed

@@ -1,5 +1,12 @@
 import { css } from 'lit';
 export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+[part=helper-text] {
+  margin-top: 0.3125rem;
+}
+[part=helper-text] ::slotted([slot=helper-text]) {
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+}
 :host {
   --size: max(var(--is-large, 1) * 3rem, var(--is-medium, 1) * 2.5rem, var(--is-small, 1) * 2rem);
 }
@@ -22,5 +29,9 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
 }
 :host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(input) {
   height: calc(var(--size) - 0.25rem);
+}
+:host([disabled]) [part=helper-text] ::slotted([slot=helper-text]) {
+  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
 }`;
 //# sourceMappingURL=select.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;EAuBvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host {\n --size: max(var(--is-large, 1) 3rem, var(--is-medium, 1) * 2.5rem, var(--is-small, 1) * 2rem);\n}\n\n:host(:focus-within) igc-input[readonly]:not([disabled])::part(container) {\n border-width: 0.125rem;\n}\n\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container) {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-width: 0.125rem;\n}\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix) {\n -webkit-margin-start: -0.0625rem;\n margin-inline-start: -0.0625rem;\n}\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix) {\n -webkit-margin-end: -0.0625rem;\n margin-inline-end: -0.0625rem;\n}\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(input) {\n height: calc(var(--size) - 0.25rem);\n}`;\n"]}
1	+ {"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n[part=helper-text] {\n margin-top: 0.3125rem;\n}\n[part=helper-text] ::slotted([slot=helper-text]) {\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host {\n --size: max(var(--is-large, 1) 3rem, var(--is-medium, 1) * 2.5rem, var(--is-small, 1) * 2rem);\n}\n\n:host(:focus-within) igc-input[readonly]:not([disabled])::part(container) {\n border-width: 0.125rem;\n}\n\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container) {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-width: 0.125rem;\n}\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(prefix) {\n -webkit-margin-start: -0.0625rem;\n margin-inline-start: -0.0625rem;\n}\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(suffix) {\n -webkit-margin-end: -0.0625rem;\n margin-inline-end: -0.0625rem;\n}\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(input) {\n height: calc(var(--size) - 0.25rem);\n}\n\n:host([disabled]) [part=helper-text] ::slotted([slot=helper-text]) {\n color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}`;\n"]}

package/components/select/themes/light/select.indigo.css.js CHANGED Viewed

@@ -4,13 +4,22 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
   background: hsla(var(--ig-gray-300), var(--ig-gray-a));
 }
+[part=helper-text] {
+  margin-top: 0.375rem;
+  padding-inline: max(var(--is-large, 1) * 1rem * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * 0.75rem * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * 0.5rem * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
+  color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+}
 :host ::slotted([slot=helper-text]) {
   color: hsla(var(--ig-gray-600), var(--ig-gray-a));
 }
-:host([disabled]) ::slotted([slot=helper-text]) {
+:host([disabled]) [part=helper-text] ::slotted([slot=helper-text]) {
   color: hsla(var(--ig-gray-300), var(--ig-gray-a));
 }
+:host([disabled]) [part=toggle-icon] {
+  background: transparent;
+}
 :host(:focus-within) igc-input[readonly]:not([disabled])::part(container)::after {
   -webkit-transform: scaleY(1);

package/components/select/themes/light/select.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;EAwBvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length */\n[part~=toggle-icon] {\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host ::slotted([slot=helper-text]) {\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host([disabled]) ::slotted([slot=helper-text]) {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host(:focus-within) igc-input[readonly]:not([disabled])::part(container)::after {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n}\n\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container) {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(label) {\n color: var(--label-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}`;\n"]}
1	+ {"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n[part~=toggle-icon] {\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part=helper-text] {\n margin-top: 0.375rem;\n padding-inline: max(var(--is-large, 1) 1rem * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * 0.75rem * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * 0.5rem * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host ::slotted([slot=helper-text]) {\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n:host([disabled]) [part=helper-text] ::slotted([slot=helper-text]) {\n color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n:host([disabled]) [part=toggle-icon] {\n background: transparent;\n}\n\n:host(:focus-within) igc-input[readonly]:not([disabled])::part(container)::after {\n -webkit-transform: scaleY(1);\n -ms-transform: scaleY(1);\n transform: scaleY(1);\n}\n\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(container) {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host(:not([invalid]):focus-within) igc-input[readonly]:not([disabled])::part(label) {\n color: var(--label-focus-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}`;\n"]}

package/components/select/themes/light/select.material.css.js CHANGED Viewed

@@ -54,6 +54,20 @@ export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-
   background: hsla(var(--ig-gray-300), var(--ig-gray-a));
 }
+[part=helper-text] {
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  margin-top: 0.3125rem;
+  padding-inline: max(var(--is-large, 1) * 1.125rem * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * 1rem * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * 0.875rem * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));
+}
+:host([disabled]) [part~=toggle-icon],
+:host([disabled]) ::slotted([slot=helper-text]) {
+  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+:host([disabled]) [part~=toggle-icon] {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
 igc-input:not([outlined]):focus-within [part~=toggle-icon] {
   background: hsla(var(--ig-gray-400), 0.3);
 }`;

package/components/select/themes/light/select.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length */\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start) {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-inline-start-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(notch) {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-top: 0.0625rem solid transparent;\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler) {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end) {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-inline-end-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label) {\n color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(start) {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n border-inline-start-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(notch) {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n border-top: 0.0625rem solid transparent;\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(filler) {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(end) {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n border-inline-end-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(label) {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=toggle-icon] {\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\nigc-input:not([outlined]):focus-within [part~=toggle-icon] {\n background: hsla(var(--ig-gray-400), 0.3);\n}`;\n"]}
1	+ {"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/light/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuEvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length / / stylelint-disable max-line-length /\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(start) {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-inline-start-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(notch) {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-top: 0.0625rem solid transparent;\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(filler) {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(end) {\n border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n border-inline-end-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host([outlined]:focus-within) igc-input[readonly]:not([disabled])::part(label) {\n color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(start) {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n border-inline-start-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(notch) {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n border-top: 0.0625rem solid transparent;\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(filler) {\n border-width: 0.125rem;\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(end) {\n border-color: hsla(var(--ig-error-500), var(--ig-error-a));\n border-inline-end-width: 0.125rem;\n border-block-start-width: 0.125rem;\n border-block-end-width: 0.125rem;\n}\n:host([outlined][invalid]:focus-within) igc-input[readonly]:not([disabled])::part(label) {\n color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=toggle-icon] {\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part=helper-text] {\n color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n margin-top: 0.3125rem;\n padding-inline: max(var(--is-large, 1) 1.125rem * var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)), var(--is-medium, 1) * 1rem * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)), var(--is-small, 1) * 0.875rem * var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));\n}\n\n:host([disabled]) [part~=toggle-icon],\n:host([disabled]) ::slotted([slot=helper-text]) {\n color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n:host([disabled]) [part~=toggle-icon] {\n background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\nigc-input:not([outlined]):focus-within [part~=toggle-icon] {\n background: hsla(var(--ig-gray-400), 0.3);\n}`;\n"]}

package/components/toggle/toggle.controller.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toggle.controller.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAsB,MAAM,uBAAuB,CAAC;~~AAsBtE~~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","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\nimport { igcToggle, IgcToggleDirective } from './toggle.directive.js';\nimport type { DirectiveResult } from 'lit/directive';\nimport type { IgcToggleComponent } from './types.js';\n\ntype ToggleHost = ReactiveControllerHost & IgcToggleComponent & HTMLElement;\n\n/*\n Toggle controller configuration\n /\ninterface ToggleControllerConfig {\n /* The element, relative to which, the toggle will be positioned. /\n target?: HTMLElement;\n /\n The function to call when closing the toggle element from an user interaction (scroll, click).\n /\n closeCallback?: Function;\n}\n\n/\n Controller, bundling the creation of a toggle directive and handling global events,\n * related to the configuration of togglable components.\n /\nexport class IgcToggleController implements ReactiveController {\n private host: IgcToggleComponent & HTMLElement;\n private sourceElement?: Element;\n private initialScrollTop = 0;\n private initialScrollLeft = 0;\n private _target!: HTMLElement;\n private _hide?: Function;\n private _abortController = new AbortController();\n\n /\n Abort controller used to clean up document level event listeners\n * See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#add_an_abortable_listener\n /\n protected get abortController() {\n if (this._abortController.signal.aborted) {\n this._abortController = new AbortController();\n }\n return this._abortController;\n }\n\n /* The directive that marks the toggle. /\n public toggleDirective!: DirectiveResult<typeof IgcToggleDirective>;\n public rendered!: Promise<void>;\n\n public set target(value: HTMLElement) {\n this._target = value;\n this.update();\n }\n\n /* The element, relative to which, the toggle will be positioned. /\n public get target() {\n return this._target;\n }\n\n constructor(host: ToggleHost, config?: ToggleControllerConfig) {\n (this.host = host).addController(this);\n\n if (config?.target) {\n this._target = config.target;\n }\n\n if (config?.closeCallback) {\n this._hide = config.closeCallback;\n }\n\n this.update();\n }\n\n public hostDisconnected() {\n this.abortController.abort();\n }\n\n public update() {\n this.toggleDirective = igcToggle(this.target, this.host, this);\n this.configureListeners();\n }\n\n protected hide() {\n this._hide ? this._hide() : this.host.hide();\n }\n\n private addEventListeners() {\n const options: AddEventListenerOptions = {\n capture: true,\n signal: this.abortController.signal,\n };\n\n if (!this.host.keepOpenOnOutsideClick) {\n document.addEventListener('click', this.documentClicked, options);\n }\n\n document.addEventListener('scroll', this.handleScroll, options);\n }\n\n private configureListeners() {\n this.host.open ? this.addEventListeners() : this.abortController.abort();\n }\n\n private blockScroll = (event: Event) => {\n event.preventDefault();\n if (!this.sourceElement \|\| this.sourceElement !== event.target) {\n this.sourceElement = event.target as Element;\n this.initialScrollTop =\n this.sourceElement.scrollTop ??\n this.sourceElement.firstElementChild?.scrollTop;\n this.initialScrollLeft =\n this.sourceElement.scrollLeft ??\n this.sourceElement.firstElementChild?.scrollLeft;\n }\n\n this.sourceElement.scrollTop = this.initialScrollTop;\n this.sourceElement.scrollLeft = this.initialScrollLeft;\n if (this.sourceElement.firstElementChild) {\n this.sourceElement.firstElementChild.scrollTop = this.initialScrollTop;\n this.sourceElement.firstElementChild.scrollLeft = this.initialScrollLeft;\n }\n };\n\n /* The document's click event handler to override in the host component if necessary. /\n private documentClicked = (event: MouseEvent) => {\n if (!this.host.keepOpenOnOutsideClick) {\n const tree = event.composed ? event.composedPath() : [event.target];\n\n if (tree.includes(this.host) \|\| tree.includes(this.target)) {\n return;\n }\n\n this.hide();\n }\n };\n\n /* The document's scroll event handler to override in the host component if necessary. */\n private handleScroll = (event: Event) => {\n switch (this.host.scrollStrategy) {\n case 'scroll':\n break;\n case 'block':\n this.blockScroll(event);\n break;\n case 'close':\n this.hide();\n break;\n }\n };\n}\n"]}
1	+ {"version":3,"file":"toggle.controller.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\nimport { igcToggle, IgcToggleDirective } from './toggle.directive.js';\nimport type { DirectiveResult } from 'lit/directive';\nimport type { IgcToggleComponent } from './types.js';\n\ntype ToggleHost = ReactiveControllerHost & IgcToggleComponent & HTMLElement;\n\n/*\n Toggle controller configuration\n /\ninterface ToggleControllerConfig {\n /* The element, relative to which, the toggle will be positioned. /\n target?: HTMLElement;\n /\n The function to call when closing the toggle element from an user interaction (scroll, click).\n /\n closeCallback?: Function;\n}\n\n/ blazorSuppress /\n/\n Controller, bundling the creation of a toggle directive and handling global events,\n * related to the configuration of togglable components.\n /\nexport class IgcToggleController implements ReactiveController {\n private host: IgcToggleComponent & HTMLElement;\n private sourceElement?: Element;\n private initialScrollTop = 0;\n private initialScrollLeft = 0;\n private _target!: HTMLElement;\n private _hide?: Function;\n private _abortController = new AbortController();\n\n /\n Abort controller used to clean up document level event listeners\n * See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#add_an_abortable_listener\n /\n protected get abortController() {\n if (this._abortController.signal.aborted) {\n this._abortController = new AbortController();\n }\n return this._abortController;\n }\n\n /* The directive that marks the toggle. /\n public toggleDirective!: DirectiveResult<typeof IgcToggleDirective>;\n public rendered!: Promise<void>;\n\n public set target(value: HTMLElement) {\n this._target = value;\n this.update();\n }\n\n /* The element, relative to which, the toggle will be positioned. /\n public get target() {\n return this._target;\n }\n\n constructor(host: ToggleHost, config?: ToggleControllerConfig) {\n (this.host = host).addController(this);\n\n if (config?.target) {\n this._target = config.target;\n }\n\n if (config?.closeCallback) {\n this._hide = config.closeCallback;\n }\n\n this.update();\n }\n\n public hostDisconnected() {\n this.abortController.abort();\n }\n\n public update() {\n this.toggleDirective = igcToggle(this.target, this.host, this);\n this.configureListeners();\n }\n\n protected hide() {\n this._hide ? this._hide() : this.host.hide();\n }\n\n private addEventListeners() {\n const options: AddEventListenerOptions = {\n capture: true,\n signal: this.abortController.signal,\n };\n\n if (!this.host.keepOpenOnOutsideClick) {\n document.addEventListener('click', this.documentClicked, options);\n }\n\n document.addEventListener('scroll', this.handleScroll, options);\n }\n\n private configureListeners() {\n this.host.open ? this.addEventListeners() : this.abortController.abort();\n }\n\n private blockScroll = (event: Event) => {\n event.preventDefault();\n if (!this.sourceElement \|\| this.sourceElement !== event.target) {\n this.sourceElement = event.target as Element;\n this.initialScrollTop =\n this.sourceElement.scrollTop ??\n this.sourceElement.firstElementChild?.scrollTop;\n this.initialScrollLeft =\n this.sourceElement.scrollLeft ??\n this.sourceElement.firstElementChild?.scrollLeft;\n }\n\n this.sourceElement.scrollTop = this.initialScrollTop;\n this.sourceElement.scrollLeft = this.initialScrollLeft;\n if (this.sourceElement.firstElementChild) {\n this.sourceElement.firstElementChild.scrollTop = this.initialScrollTop;\n this.sourceElement.firstElementChild.scrollLeft = this.initialScrollLeft;\n }\n };\n\n /* The document's click event handler to override in the host component if necessary. /\n private documentClicked = (event: MouseEvent) => {\n if (!this.host.keepOpenOnOutsideClick) {\n const tree = event.composed ? event.composedPath() : [event.target];\n\n if (tree.includes(this.host) \|\| tree.includes(this.target)) {\n return;\n }\n\n this.hide();\n }\n };\n\n /* The document's scroll event handler to override in the host component if necessary. */\n private handleScroll = (event: Event) => {\n switch (this.host.scrollStrategy) {\n case 'scroll':\n break;\n case 'block':\n this.blockScroll(event);\n break;\n case 'close':\n this.hide();\n break;\n }\n };\n}\n"]}

package/components/toggle/toggle.directive.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toggle.directive.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,GAEL,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,SAAS,EACT,SAAS,EAGT,QAAQ,GACT,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;~~AAI~~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","sourcesContent":["import {\n computePosition,\n flip,\n offset,\n shift,\n size,\n Middleware,\n} from '@floating-ui/dom';\nimport {\n directive,\n Directive,\n PartInfo,\n ElementPart,\n PartType,\n} from 'lit/directive.js';\nimport { noChange } from 'lit';\nimport type { IgcToggleOptions } from './types.js';\nimport type { IgcToggleController } from './toggle.controller.js';\n\nexport class IgcToggleDirective extends Directive {\n private part: PartInfo;\n private shiftOptions? = {\n mainAxis: true,\n };\n\n private floatingElement!: HTMLElement;\n\n private updatePosition(\n target: HTMLElement,\n options: IgcToggleOptions,\n controller?: IgcToggleController\n ) {\n this.floatingElement = this.createFloatingElement(options.open);\n\n if (!target) {\n if (controller) {\n controller.rendered = Promise.resolve();\n }\n return noChange;\n }\n\n const promise = computePosition(target, this.floatingElement, {\n placement: options.placement ?? 'bottom-start',\n strategy: options.positionStrategy ?? 'absolute',\n middleware: this.createMiddleware(options),\n }).then(({ x, y }) => {\n Object.assign(this.floatingElement.style, {\n left: 0,\n top: 0,\n transform: `translate(${x}px,${y}px)`,\n });\n });\n\n if (controller) {\n controller.rendered = promise;\n }\n\n return noChange;\n }\n\n private createFloatingElement(open = false) {\n if (!this.floatingElement) {\n this.floatingElement = (this.part as ElementPart).element as HTMLElement;\n }\n\n this.floatingElement.style.display = open ? '' : 'none';\n\n return this.floatingElement;\n }\n\n private createMiddleware(options: IgcToggleOptions) {\n const middleware: Middleware[] = [];\n\n if (options.distance) {\n middleware.push(\n offset({\n mainAxis: options.distance,\n })\n );\n }\n\n if (options.flip) {\n middleware.push(flip());\n }\n\n if (this.shiftOptions) {\n middleware.push(shift(this.shiftOptions));\n }\n\n // Toggling `sameWidth` does not reset the applied style on the floater element\n Object.assign(this.floatingElement.style, { width: '' });\n\n if (options.sameWidth) {\n const floatingElement = this.floatingElement;\n middleware.push(\n size({\n apply({ rects }) {\n Object.assign(floatingElement.style, {\n width: `${rects.reference.width}px`,\n });\n },\n })\n );\n }\n\n return middleware;\n }\n\n constructor(partInfo: PartInfo) {\n super(partInfo);\n this.part = partInfo;\n if (partInfo.type !== PartType.ELEMENT) {\n throw new Error(\n 'The `igcToggle` directive must be attached to an element tag.'\n );\n }\n }\n\n public render(\n target: HTMLElement,\n options: IgcToggleOptions,\n controller?: IgcToggleController\n ) {\n return this.updatePosition(target, options, controller);\n }\n}\n\nexport const igcToggle = directive(IgcToggleDirective);\n"]}
1	+ {"version":3,"file":"toggle.directive.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,GAEL,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,SAAS,EACT,SAAS,EAGT,QAAQ,GACT,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAK/B,MAAM,OAAO,kBAAmB,SAAQ,SAAS;IAQvC,cAAc,CACpB,MAAmB,EACnB,OAAyB,EACzB,UAAgC;;QAEhC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAEhE,IAAI,CAAC,MAAM,EAAE;YACX,IAAI,UAAU,EAAE;gBACd,UAAU,CAAC,QAAQ,GAAG,OAAO,CAAC,OAAO,EAAE,CAAC;aACzC;YACD,OAAO,QAAQ,CAAC;SACjB;QAED,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE;YAC5D,SAAS,EAAE,MAAA,OAAO,CAAC,SAAS,mCAAI,cAAc;YAC9C,QAAQ,EAAE,MAAA,OAAO,CAAC,gBAAgB,mCAAI,UAAU;YAChD,UAAU,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC;SAC3C,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;YACnB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE;gBACxC,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,CAAC;gBACN,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,KAAK;aACtC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,UAAU,EAAE;YACd,UAAU,CAAC,QAAQ,GAAG,OAAO,CAAC;SAC/B;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IAEO,qBAAqB,CAAC,IAAI,GAAG,KAAK;QACxC,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACzB,IAAI,CAAC,eAAe,GAAI,IAAI,CAAC,IAAoB,CAAC,OAAsB,CAAC;SAC1E;QAED,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;QAExD,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IAEO,gBAAgB,CAAC,OAAyB;QAChD,MAAM,UAAU,GAAiB,EAAE,CAAC;QAEpC,IAAI,OAAO,CAAC,QAAQ,EAAE;YACpB,UAAU,CAAC,IAAI,CACb,MAAM,CAAC;gBACL,QAAQ,EAAE,OAAO,CAAC,QAAQ;aAC3B,CAAC,CACH,CAAC;SACH;QAED,IAAI,OAAO,CAAC,IAAI,EAAE;YAChB,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;SACzB;QAED,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;SAC3C;QAGD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAEzD,IAAI,OAAO,CAAC,SAAS,EAAE;YACrB,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;YAC7C,UAAU,CAAC,IAAI,CACb,IAAI,CAAC;gBACH,KAAK,CAAC,EAAE,KAAK,EAAE;oBACb,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,EAAE;wBACnC,KAAK,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI;qBACpC,CAAC,CAAC;gBACL,CAAC;aACF,CAAC,CACH,CAAC;SACH;QAED,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,YAAY,QAAkB;QAC5B,KAAK,CAAC,QAAQ,CAAC,CAAC;QAxFV,iBAAY,GAAI;YACtB,QAAQ,EAAE,IAAI;SACf,CAAC;QAuFA,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;QACrB,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,OAAO,EAAE;YACtC,MAAM,IAAI,KAAK,CACb,+DAA+D,CAChE,CAAC;SACH;IACH,CAAC;IAEM,MAAM,CACX,MAAmB,EACnB,OAAyB,EACzB,UAAgC;QAEhC,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;IAC1D,CAAC;CACF;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC","sourcesContent":["import {\n computePosition,\n flip,\n offset,\n shift,\n size,\n Middleware,\n} from '@floating-ui/dom';\nimport {\n directive,\n Directive,\n PartInfo,\n ElementPart,\n PartType,\n} from 'lit/directive.js';\nimport { noChange } from 'lit';\nimport type { IgcToggleOptions } from './types.js';\nimport type { IgcToggleController } from './toggle.controller.js';\n\n/* blazorSuppressComponent */\nexport class IgcToggleDirective extends Directive {\n private part: PartInfo;\n private shiftOptions? = {\n mainAxis: true,\n };\n\n private floatingElement!: HTMLElement;\n\n private updatePosition(\n target: HTMLElement,\n options: IgcToggleOptions,\n controller?: IgcToggleController\n ) {\n this.floatingElement = this.createFloatingElement(options.open);\n\n if (!target) {\n if (controller) {\n controller.rendered = Promise.resolve();\n }\n return noChange;\n }\n\n const promise = computePosition(target, this.floatingElement, {\n placement: options.placement ?? 'bottom-start',\n strategy: options.positionStrategy ?? 'absolute',\n middleware: this.createMiddleware(options),\n }).then(({ x, y }) => {\n Object.assign(this.floatingElement.style, {\n left: 0,\n top: 0,\n transform: `translate(${x}px,${y}px)`,\n });\n });\n\n if (controller) {\n controller.rendered = promise;\n }\n\n return noChange;\n }\n\n private createFloatingElement(open = false) {\n if (!this.floatingElement) {\n this.floatingElement = (this.part as ElementPart).element as HTMLElement;\n }\n\n this.floatingElement.style.display = open ? '' : 'none';\n\n return this.floatingElement;\n }\n\n private createMiddleware(options: IgcToggleOptions) {\n const middleware: Middleware[] = [];\n\n if (options.distance) {\n middleware.push(\n offset({\n mainAxis: options.distance,\n })\n );\n }\n\n if (options.flip) {\n middleware.push(flip());\n }\n\n if (this.shiftOptions) {\n middleware.push(shift(this.shiftOptions));\n }\n\n // Toggling `sameWidth` does not reset the applied style on the floater element\n Object.assign(this.floatingElement.style, { width: '' });\n\n if (options.sameWidth) {\n const floatingElement = this.floatingElement;\n middleware.push(\n size({\n apply({ rects }) {\n Object.assign(floatingElement.style, {\n width: `${rects.reference.width}px`,\n });\n },\n })\n );\n }\n\n return middleware;\n }\n\n constructor(partInfo: PartInfo) {\n super(partInfo);\n this.part = partInfo;\n if (partInfo.type !== PartType.ELEMENT) {\n throw new Error(\n 'The `igcToggle` directive must be attached to an element tag.'\n );\n }\n }\n\n public render(\n target: HTMLElement,\n options: IgcToggleOptions,\n controller?: IgcToggleController\n ) {\n return this.updatePosition(target, options, controller);\n }\n}\n\nexport const igcToggle = directive(IgcToggleDirective);\n"]}

package/custom-elements.json CHANGED Viewed

@@ -1806,6 +1806,11 @@
           "description": "Determines whether the item is active.",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "hide-checkbox",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
@@ -1836,6 +1841,12 @@
           "description": "Determines whether the item is active.",
           "type": "boolean",
           "default": "false"
+        },
+        {
+          "name": "hideCheckbox",
+          "attribute": "hide-checkbox",
+          "type": "boolean",
+          "default": "false"
         }
       ]
     },
@@ -1908,6 +1919,12 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "single-select",
+          "description": "Enables single selection mode and moves item filtering to the main input.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "autofocus",
           "description": "The autofocus attribute of the control.",
@@ -2045,6 +2062,13 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "singleSelect",
+          "attribute": "single-select",
+          "description": "Enables single selection mode and moves item filtering to the main input.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "autofocus",
           "attribute": "autofocus",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-webcomponents",
-  "version": "4.1.1",
+  "version": "4.2.0",
   "description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -59,6 +59,6 @@
   "dependencies": {
     "@floating-ui/dom": "^1.1.0",
     "@lit-labs/virtualizer": "^1.0.1",
-    "lit": "^2.6.0"
+    "lit": "^2.6.1"
   }
 }

package/themes/dark/bootstrap.css CHANGED Viewed

@@ -721,7 +721,9 @@ igc-dropdown-item {
   --hover-item-color: var(--ig-surface-500-contrast);
 }
-igc-input {
+igc-input,
+igc-mask-input,
+igc-date-time-input {
   --input-background: transparent;
 }

package/themes/dark/fluent.css CHANGED Viewed

@@ -741,15 +741,16 @@ igc-switch {
   --disabled-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
 }
-igc-input {
+igc-input,
+igc-mask-input,
+igc-date-time-input {
   --container-background: transparent;
 }
 igc-radio {
   --hover-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
   --checked-hover-color: hsla(var(--ig-primary-200), var(--ig-primary-a));
-  --invalid-color: hsla(var(--ig-error-200), var(--ig-error-a));
-  --invalid-hover-color: hsla(var(--ig-error-100), var(--ig-error-a));
+  --invalid-hover-color: hsla(var(--ig-error-200), var(--ig-error-a));
   --disabled-color: hsla(var(--ig-gray-200), var(--ig-gray-a));
 }

package/themes/dark/indigo.css CHANGED Viewed

@@ -492,7 +492,9 @@ igc-switch {
   --disabled-color: hsla(var(--ig-gray-400), var(--ig-gray-a));
 }
-igc-input {
+igc-input,
+igc-mask-input,
+igc-date-time-input {
   --label-focus-color: hsla(var(--ig-gray-800), var(--ig-gray-a));
 }

package/themes/dark/material.css CHANGED Viewed

@@ -703,7 +703,18 @@
   margin-bottom: var(--ig-overline-margin-bottom);
 }
-igc-input {
+igc-radio {
+  --hover-background: hsla(var(--ig-gray-600), 0.12);
+  --focus-background: hsla(var(--ig-gray-600), 0.24);
+  --hover-invalid-background: hsla(var(--ig-error-500), 0.12);
+  --focus-invalid-background: hsla(var(--ig-error-500), 0.24);
+  --hover-selected-background: hsla(var(--ig-secondary-500), 0.12);
+  --focus-selected-background: hsla(var(--ig-secondary-500), 0.24);
+}
+igc-input,
+igc-mask-input,
+igc-date-time-input {
   --focus-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
 }

package/vscode-html-custom-data.json CHANGED Viewed

@@ -818,7 +818,7 @@
     },
     {
       "name": "igc-combo-item",
-      "description": "Attributes:\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `index` {`number`} - \n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.",
+      "description": "Attributes:\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `hide-checkbox` {`boolean`} - \n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `index` {`number`} - \n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `hideCheckbox` {`boolean`} - ",
       "attributes": [
         {
           "name": "selected",
@@ -829,6 +829,11 @@
           "name": "active",
           "description": "`active` {`boolean`} - Determines whether the item is active.\n\nProperty: active\n\nDefault: false",
           "valueSet": "v"
+        },
+        {
+          "name": "hide-checkbox",
+          "description": "`hide-checkbox` {`boolean`} - \n\nProperty: hideCheckbox\n\nDefault: false",
+          "valueSet": "v"
         }
       ]
     },
@@ -839,7 +844,7 @@
     },
     {
       "name": "igc-combo",
-      "description": "Events:\n\n  * `igcFocus` {} - Emitted when the select gains focus.\n\n  * `igcBlur` {} - Emitted when the select loses focus.\n\n  * `igcChange` {} - Emitted when the control's selection has changed.\n\n  * `igcOpening` {} - Emitted just before the list of options is opened.\n\n  * `igcOpened` {} - Emitted after the list of options is opened.\n\n  * `igcClosing` {} - Emitter just before the list of options is closed.\n\n  * `igcClosed` {} - Emitted after the list of options is closed.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `header` {} - Renders a container before the list of options.\n\n  * `footer` {} - Renders a container after the list of options.\n\n  * `helper-text` {} - Renders content below the input.\n\n  * `toggle-icon` {} - Renders content inside the suffix container.\n\n  * `clear-icon` {} - Renders content inside the suffix container.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocus-list` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholder-search` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `value-key` - The key in the data source used when selecting items.\n\n  * `display-key` - The key in the data source used to display items in the list.\n\n  * `group-key` - The key in the data source used to group items in the list.\n\n  * `group-sorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `case-sensitive-icon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disable-filtering` {`boolean`} - Disables the filtering of the list of options.\n\nProperties:\n\n  * `tagName` {`\"igc-combo\"`} - \n\n  * `styles` - \n\n  * `navigationController` - \n\n  * `selectionController` - \n\n  * `dataController` - \n\n  * `themeController` {`ThemeController`} - \n\n  * `theme` {`Theme`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `input` - \n\n  * `target` - \n\n  * `list` - \n\n  * `data` {`T[]`} - The data source used to generate the list of options.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocusList` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholderSearch` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `valueKey` - The key in the data source used when selecting items.\n\n  * `displayKey` - The key in the data source used to display items in the list.\n\n  * `groupKey` - The key in the data source used to group items in the list.\n\n  * `groupSorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filteringOptions` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `caseSensitiveIcon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disableFiltering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `itemTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo item.\n\n  * `groupHeaderTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo group header.\n\n  * `dataState` {`ComboRecord<T>[]`} - \n\n  * `value` {`string`} - Returns the current selection as a list of commma separated values,\nrepresented by the display key, when provided.\n\n  * `itemRenderer` - \n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `toggleController` - ",
+      "description": "Events:\n\n  * `igcFocus` {} - Emitted when the select gains focus.\n\n  * `igcBlur` {} - Emitted when the select loses focus.\n\n  * `igcChange` {} - Emitted when the control's selection has changed.\n\n  * `igcOpening` {} - Emitted just before the list of options is opened.\n\n  * `igcOpened` {} - Emitted after the list of options is opened.\n\n  * `igcClosing` {} - Emitter just before the list of options is closed.\n\n  * `igcClosed` {} - Emitted after the list of options is closed.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `header` {} - Renders a container before the list of options.\n\n  * `footer` {} - Renders a container after the list of options.\n\n  * `helper-text` {} - Renders content below the input.\n\n  * `toggle-icon` {} - Renders content inside the suffix container.\n\n  * `clear-icon` {} - Renders content inside the suffix container.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `single-select` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocus-list` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholder-search` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `value-key` - The key in the data source used when selecting items.\n\n  * `display-key` - The key in the data source used to display items in the list.\n\n  * `group-key` - The key in the data source used to group items in the list.\n\n  * `group-sorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `case-sensitive-icon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disable-filtering` {`boolean`} - Disables the filtering of the list of options.\n\nProperties:\n\n  * `tagName` {`\"igc-combo\"`} - \n\n  * `styles` - \n\n  * `_value` {`string`} - \n\n  * `navigationController` - \n\n  * `selectionController` - \n\n  * `dataController` - \n\n  * `themeController` {`ThemeController`} - \n\n  * `theme` {`Theme`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `input` - \n\n  * `target` - \n\n  * `list` - \n\n  * `data` {`T[]`} - The data source used to generate the list of options.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `singleSelect` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocusList` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholderSearch` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `valueKey` - The key in the data source used when selecting items.\n\n  * `displayKey` - The key in the data source used to display items in the list.\n\n  * `groupKey` - The key in the data source used to group items in the list.\n\n  * `groupSorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filteringOptions` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `caseSensitiveIcon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disableFiltering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `itemTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo item.\n\n  * `groupHeaderTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo group header.\n\n  * `dataState` {`ComboRecord<T>[]`} - \n\n  * `value` {`string`} - Returns the current selection as a list of commma separated values,\nrepresented by the display key, when provided.\n\n  * `itemRenderer` - \n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `toggleController` - ",
       "attributes": [
         {
           "name": "name",
@@ -865,6 +870,11 @@
           "description": "`outlined` {`boolean`} - The outlined attribute of the control.\n\nProperty: outlined\n\nDefault: false",
           "valueSet": "v"
         },
+        {
+          "name": "single-select",
+          "description": "`single-select` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\nProperty: singleSelect\n\nDefault: false",
+          "valueSet": "v"
+        },
         {
           "name": "autofocus",
           "description": "`autofocus` {`boolean`} - The autofocus attribute of the control.\n\nProperty: autofocus",
@@ -1311,7 +1321,7 @@
     },
     {
       "name": "igc-expansion-panel",
-      "description": "The Expansion Panel Component provides a way to display information in a toggleable way -\ncompact summary view containing title and description and expanded detail view containing\nadditional content to the summary header.\n\nEvents:\n\n  * `igcOpening` {} - Emitted before opening the expansion panel.\n\n  * `igcOpened` {} - Emitted after the expansion panel is opened.\n\n  * `igcClosing` {} - Emitted before closing the expansion panel.\n\n  * `igcClosed` {} - Emitted after the expansion panel is closed.\n\nSlots:\n\n  * `title` {} - renders the title of the panel's header\n\n  * `subtitle` {} - renders the subtitle of the panel's header\n\n  * `indicator` {} - renders the expand/collapsed indicator\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicator-position` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\nProperties:\n\n  * `tagName` {`\"igc-expansion-panel\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicatorPosition` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\n  * `panelHeader` {`HTMLElement`} - \n\n  * `panelId` {`string`} - ",
+      "description": "The Expansion Panel Component provides a way to display information in a toggleable way -\ncompact summary view containing title and description and expanded detail view containing\nadditional content to the summary header.\n\nEvents:\n\n  * `igcOpening` {} - Emitted before opening the expansion panel.\n\n  * `igcOpened` {} - Emitted after the expansion panel is opened.\n\n  * `igcClosing` {} - Emitted before closing the expansion panel.\n\n  * `igcClosed` {} - Emitted after the expansion panel is closed.\n\nSlots:\n\n  * `title` {} - renders the title of the panel's header\n\n  * `subtitle` {} - renders the subtitle of the panel's header\n\n  * `indicator` {} - renders the expand/collapsed indicator\n\nAttributes:\n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicator-position` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\nProperties:\n\n  * `tagName` {`\"igc-expansion-panel\"`} - \n\n  * `styles` - \n\n  * `increment` - \n\n  * `animationPlayer` - \n\n  * `open` {`boolean`} - Indicates whether the contents of the control should be visible.\n\n  * `disabled` {`boolean`} - Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.\n\n  * `indicatorPosition` {`\"none\" | \"start\" | \"end\"`} - The indicator position of the expansion panel.\n\n  * `panelHeader` {`HTMLElement`} - \n\n  * `panelContent` {`HTMLElement`} - \n\n  * `panelId` {`string`} - ",
       "attributes": [
         {
           "name": "open",