npm - igniteui-webcomponents - Versions diffs - 4.4.0 → 4.5.0 - Mend

igniteui-webcomponents 4.4.0 → 4.5.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 (831) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsRvB,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: 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:host([hidden]),\n[hidden] {\n display: none !important;\n}\n:host {\n --search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-1));\n --search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-2));\n --search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));\n --helper-text-color: var(--ig-input-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --input-prefix-background: var(--ig-input-input-prefix-background, transparent);\n --input-prefix-color: var(--ig-input-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, inherit);\n --input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, inherit);\n --input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --input-suffix-background: var(--ig-input-input-suffix-background, transparent);\n --input-suffix-color: var(--ig-input-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, inherit);\n --input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, inherit);\n --input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --idle-text-color: var(--ig-input-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --filled-text-color: var(--ig-input-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focused-text-color: var(--ig-input-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --disabled-text-color: var(--ig-input-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --idle-secondary-color: var(--ig-input-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --filled-secondary-color: var(--ig-input-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --focused-secondary-color: var(--ig-input-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));\n --disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --border-color: var(--ig-input-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focused-border-color: var(--ig-input-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --border-background: var(--ig-input-border-background, transparent);\n --border-disabled-background: var(--ig-input-border-disabled-background, transparent);\n --search-background: var(--ig-input-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --search-disabled-background: var(--ig-input-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --success-secondary-color: var(--ig-input-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));\n --warning-secondary-color: var(--ig-input-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));\n --error-secondary-color: var(--ig-input-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --placeholder-color: var(--ig-input-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --box-background: var(--ig-input-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --box-background-hover: var(--ig-input-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --box-background-focus: var(--ig-input-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --box-disabled-background: var(--ig-input-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) 1.25rem), 1.25rem));\n --border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n --search-border-radius: var(--ig-input-search-border-radius, 0.25rem, 0rem, 1.25rem);\n --success-shadow-color: var(--ig-input-success-shadow-color, hsla(var(--ig-success-500), 0.38));\n --error-shadow-color: var(--ig-input-error-shadow-color, hsla(var(--ig-error-500), 0.38));\n --size: var(--ig-input-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)));\n --toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --case-icon-color: var(--ig-combo-case-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --case-icon-color--active: var(--ig-combo-case-icon-color--active, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --empty-list-background: var(--ig-combo-empty-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n --search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --toggle-button-background: var(--ig-combo-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-400), 0.3));\n --toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --clear-button-background: var(--ig-combo-clear-button-background, transparent);\n --clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);\n --clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-100-contrast));\n --clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-100-contrast));\n --toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --elevation: var(--ig-drop-down-elevation, var(--ig-elevation-8));\n --background-color: var(--ig-drop-down-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n --header-text-color: var(--ig-drop-down-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --item-text-color: var(--ig-drop-down-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --hover-item-text-color: var(--ig-drop-down-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --hover-item-background: var(--ig-drop-down-hover-item-background, hsla(var(--ig-gray-100), 0.8));\n --focused-item-background: var(--ig-drop-down-focused-item-background, hsla(var(--ig-gray-100), 0.8));\n --focused-item-text-color: var(--ig-drop-down-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --selected-item-background: var(--ig-drop-down-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));\n --selected-item-text-color: var(--ig-drop-down-selected-item-text-color, var(--ig-secondary-100-contrast));\n --selected-hover-item-background: var(--ig-drop-down-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --selected-hover-item-text-color: var(--ig-drop-down-selected-hover-item-text-color, var(--ig-secondary-200-contrast));\n --selected-focus-item-background: var(--ig-drop-down-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --selected-focus-item-text-color: var(--ig-drop-down-selected-focus-item-text-color, var(--ig-secondary-200-contrast));\n --disabled-item-background: var(--ig-drop-down-disabled-item-background, hsla(var(--ig-gray-50), 0));\n --disabled-item-text-color: var(--ig-drop-down-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --border-color: var(--ig-drop-down-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --border-width: var(--ig-drop-down-border-width, 0);\n --border-radius: var(--ig-drop-down-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n --item-border-radius: var(--ig-drop-down-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));\n --size: var(--ig-drop-down-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));\n}\n:host [part=helper-text] {\n margin-top: 0.3125rem;\n 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)));\n}\n:host ::slotted([slot=helper-text]) {\n font-family: var(--ig-caption-font-family, var(--ig-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: var(--helper-text-color);\n line-height: 1;\n}\n:host ::slotted([slot=prefix]),\n:host ::slotted([slot=suffix]) {\n color: inherit;\n}\n\n[part=empty] {\n color: var(--empty-list-placeholder-color);\n}\n\n:host(:not([single-select])) > igc-input::part(input)::-moz-selection {\n background: transparent;\n}\n\n:host(:not([single-select])) > igc-input::part(input)::selection {\n background: transparent;\n}\n\n[part=list-wrapper] {\n border-radius: var(--border-radius);\n}\n[part=list-wrapper] igc-input::part(container) {\n background: transparent;\n border-inline-end-color: transparent;\n}\n[part=list-wrapper] igc-input::part(input) {\n border-inline-end-color: transparent;\n}\n[part=list-wrapper] igc-input::part(input)::-moz-selection {\n background: hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n[part=list-wrapper] igc-input::part(input)::selection {\n background: hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n[part=list-wrapper] [part=case-icon] {\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n[part=list-wrapper] [part=\"case-icon active\"] {\n color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=toggle-icon] {\n background: var(--toggle-button-background);\n color: var(--toggle-button-foreground);\n}\n[part~=toggle-icon] igc-icon {\n color: inherit;\n}\n\n[part=\"toggle-icon filled\"] {\n color: var(--toggle-button-foreground-filled);\n}\n\n[part~=clear-icon] {\n background: var(--clear-button-background);\n color: var(--clear-button-foreground);\n}\n[part~=clear-icon] igc-icon {\n color: inherit;\n}\n\n:host(:focus-within) [part~=toggle-icon] {\n background: var(--toggle-button-background-focus);\n color: var(--toggle-button-foreground-focus);\n}\n:host(:focus-within) [part~=toggle-icon] igc-icon {\n color: inherit;\n}\n:host(:focus-within) [part~=clear-icon] {\n background: var(--clear-button-background-focus);\n color: var(--clear-button-foreground-focus);\n}\n:host(:focus-within) [part~=clear-icon] igc-icon {\n color: inherit;\n}\n\n:host(:not([outlined]):focus-within) > igc-input::part(container) {\n background: var(--box-background-focus);\n}\n\n:host([outlined]:focus-within) [part~=toggle-icon] {\n background: var(--toggle-button-background-focus--border);\n}\n\n:host([invalid]) ::slotted([slot=helper-text]) {\n color: var(--error-secondary-color);\n}\n\n:host(:disabled) igc-input::part(input)::-webkit-input-placeholder, :host([disabled]) igc-input::part(input)::-webkit-input-placeholder {\n color: var(--disabled-text-color);\n}\n\n:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder {\n color: var(--disabled-text-color);\n}\n\n:host(:disabled) igc-input::part(input):-ms-input-placeholder, :host([disabled]) igc-input::part(input):-ms-input-placeholder {\n color: var(--disabled-text-color);\n}\n\n:host(:disabled) igc-input::part(input)::-ms-input-placeholder, :host([disabled]) igc-input::part(input)::-ms-input-placeholder {\n color: var(--disabled-text-color);\n}\n\n:host(:disabled) ::slotted([slot=prefix]),\n:host(:disabled) ::slotted([slot=suffix]),\n:host(:disabled) igc-input::part(label),\n:host(:disabled) igc-input::part(input)::placeholder,\n:host(:disabled) ::slotted([slot=helper-text]),\n:host([disabled]) ::slotted([slot=prefix]),\n:host([disabled]) ::slotted([slot=suffix]),\n:host([disabled]) igc-input::part(label),\n:host([disabled]) igc-input::part(input)::placeholder,\n:host([disabled]) ::slotted([slot=helper-text]) {\n color: var(--disabled-text-color);\n}\n:host(:disabled) [part~=clear-icon],\n:host([disabled]) [part~=clear-icon] {\n background: inherit;\n color: var(--disabled-text-color);\n}\n:host(:disabled) [part~=clear-icon] igc-icon,\n:host([disabled]) [part~=clear-icon] igc-icon {\n color: inherit;\n}\n:host(:disabled) [part~=toggle-icon],\n:host([disabled]) [part~=toggle-icon] {\n background: var(--toggle-button-background-disabled);\n color: var(--toggle-button-foreground-disabled);\n}\n:host(:disabled) [part~=toggle-icon] igc-icon,\n:host([disabled]) [part~=toggle-icon] igc-icon {\n color: inherit;\n}\n\n:host(:disabled[outlined]) igc-input::part(filled) + igc-input::part(notch),\n:host([outlined][disabled]) igc-input::part(filled) + igc-input::part(notch),\n:host([outlined][invalid]) igc-input::part(filled) + igc-input::part(notch) {\n border-top-color: transparent;\n}`;\n"]}
1	+ {"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsRvB,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: 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:host([hidden]),\n[hidden] {\n display: none !important;\n}\n:host {\n --search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-1));\n --search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-2));\n --search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));\n --helper-text-color: var(--ig-input-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --input-prefix-background: var(--ig-input-input-prefix-background, transparent);\n --input-prefix-color: var(--ig-input-input-prefix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, inherit);\n --input-prefix-color--filled: var(--ig-input-input-prefix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, inherit);\n --input-prefix-color--focused: var(--ig-input-input-prefix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --input-suffix-background: var(--ig-input-input-suffix-background, transparent);\n --input-suffix-color: var(--ig-input-input-suffix-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, inherit);\n --input-suffix-color--filled: var(--ig-input-input-suffix-color--filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, inherit);\n --input-suffix-color--focused: var(--ig-input-input-suffix-color--focused, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --idle-text-color: var(--ig-input-idle-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --filled-text-color: var(--ig-input-filled-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focused-text-color: var(--ig-input-focused-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --disabled-text-color: var(--ig-input-disabled-text-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --idle-secondary-color: var(--ig-input-idle-secondary-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --filled-secondary-color: var(--ig-input-filled-secondary-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --focused-secondary-color: var(--ig-input-focused-secondary-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --idle-bottom-line-color: var(--ig-input-idle-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --hover-bottom-line-color: var(--ig-input-hover-bottom-line-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --focused-bottom-line-color: var(--ig-input-focused-bottom-line-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --interim-bottom-line-color: var(--ig-input-interim-bottom-line-color, hsla(var(--ig-primary-500), 0.12));\n --disabled-bottom-line-color: var(--ig-input-disabled-bottom-line-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --disabled-border-color: var(--ig-input-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --border-color: var(--ig-input-border-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n --hover-border-color: var(--ig-input-hover-border-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --focused-border-color: var(--ig-input-focused-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --border-background: var(--ig-input-border-background, transparent);\n --border-disabled-background: var(--ig-input-border-disabled-background, transparent);\n --search-background: var(--ig-input-search-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));\n --search-disabled-background: var(--ig-input-search-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --success-secondary-color: var(--ig-input-success-secondary-color, hsla(var(--ig-success-500), var(--ig-success-a)));\n --warning-secondary-color: var(--ig-input-warning-secondary-color, hsla(var(--ig-warn-500), var(--ig-warn-a)));\n --error-secondary-color: var(--ig-input-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --placeholder-color: var(--ig-input-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --box-background: var(--ig-input-box-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --box-background-hover: var(--ig-input-box-background-hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --box-background-focus: var(--ig-input-box-background-focus, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --box-disabled-background: var(--ig-input-box-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --box-border-radius: var(--ig-input-box-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) 1.25rem), 1.25rem));\n --border-border-radius: var(--ig-input-border-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n --search-border-radius: var(--ig-input-search-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n --success-shadow-color: var(--ig-input-success-shadow-color, hsla(var(--ig-success-500), 0.38));\n --error-shadow-color: var(--ig-input-error-shadow-color, hsla(var(--ig-error-500), 0.38));\n --size: var(--ig-input-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)));\n --toggle-button-background-focus--border: var(--ig-combo-toggle-button-background-focus--border, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --case-icon-color: var(--ig-combo-case-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --case-icon-color--active: var(--ig-combo-case-icon-color--active, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --empty-list-background: var(--ig-combo-empty-list-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n --search-separator-border-color: var(--ig-combo-search-separator-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --empty-list-placeholder-color: var(--ig-combo-empty-list-placeholder-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --toggle-button-background: var(--ig-combo-toggle-button-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --toggle-button-background-focus: var(--ig-combo-toggle-button-background-focus, hsla(var(--ig-gray-400), 0.3));\n --toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --clear-button-background: var(--ig-combo-clear-button-background, transparent);\n --clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);\n --clear-button-foreground: var(--ig-combo-clear-button-foreground, var(--ig-gray-100-contrast));\n --clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, var(--ig-gray-100-contrast));\n --toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --elevation: var(--ig-drop-down-elevation, var(--ig-elevation-8));\n --background-color: var(--ig-drop-down-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n --header-text-color: var(--ig-drop-down-header-text-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n --item-text-color: var(--ig-drop-down-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --hover-item-text-color: var(--ig-drop-down-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --hover-item-background: var(--ig-drop-down-hover-item-background, hsla(var(--ig-gray-100), 0.8));\n --focused-item-background: var(--ig-drop-down-focused-item-background, hsla(var(--ig-gray-100), 0.8));\n --focused-item-text-color: var(--ig-drop-down-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n --selected-item-background: var(--ig-drop-down-selected-item-background, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));\n --selected-item-text-color: var(--ig-drop-down-selected-item-text-color, var(--ig-secondary-100-contrast));\n --selected-hover-item-background: var(--ig-drop-down-selected-hover-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --selected-hover-item-text-color: var(--ig-drop-down-selected-hover-item-text-color, var(--ig-secondary-200-contrast));\n --selected-focus-item-background: var(--ig-drop-down-selected-focus-item-background, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));\n --selected-focus-item-text-color: var(--ig-drop-down-selected-focus-item-text-color, var(--ig-secondary-200-contrast));\n --disabled-item-background: var(--ig-drop-down-disabled-item-background, hsla(var(--ig-gray-50), 0));\n --disabled-item-text-color: var(--ig-drop-down-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n --border-color: var(--ig-drop-down-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --border-width: var(--ig-drop-down-border-width, 0);\n --border-radius: var(--ig-drop-down-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n --item-border-radius: var(--ig-drop-down-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));\n --size: var(--ig-drop-down-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));\n}\n:host [part=helper-text] {\n margin-top: 0.3125rem;\n 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)));\n}\n:host ::slotted([slot=helper-text]) {\n font-family: var(--ig-caption-font-family, var(--ig-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: var(--helper-text-color);\n line-height: 1;\n}\n:host ::slotted([slot=prefix]),\n:host ::slotted([slot=suffix]) {\n color: inherit;\n}\n\n[part=empty] {\n color: var(--empty-list-placeholder-color);\n}\n\n:host(:not([single-select])) > igc-input::part(input)::-moz-selection {\n background: transparent;\n}\n\n:host(:not([single-select])) > igc-input::part(input)::selection {\n background: transparent;\n}\n\n[part=list-wrapper] {\n border-radius: var(--border-radius);\n}\n[part=list-wrapper] igc-input::part(container) {\n background: transparent;\n border-inline-end-color: transparent;\n}\n[part=list-wrapper] igc-input::part(input) {\n border-inline-end-color: transparent;\n}\n[part=list-wrapper] igc-input::part(input)::-moz-selection {\n background: hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n[part=list-wrapper] igc-input::part(input)::selection {\n background: hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n[part=list-wrapper] [part=case-icon] {\n color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n[part=list-wrapper] [part=\"case-icon active\"] {\n color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=toggle-icon] {\n background: var(--toggle-button-background);\n color: var(--toggle-button-foreground);\n}\n[part~=toggle-icon] igc-icon {\n color: inherit;\n}\n\n[part=\"toggle-icon filled\"] {\n color: var(--toggle-button-foreground-filled);\n}\n\n[part~=clear-icon] {\n background: var(--clear-button-background);\n color: var(--clear-button-foreground);\n}\n[part~=clear-icon] igc-icon {\n color: inherit;\n}\n\n:host(:focus-within) [part~=toggle-icon] {\n background: var(--toggle-button-background-focus);\n color: var(--toggle-button-foreground-focus);\n}\n:host(:focus-within) [part~=toggle-icon] igc-icon {\n color: inherit;\n}\n:host(:focus-within) [part~=clear-icon] {\n background: var(--clear-button-background-focus);\n color: var(--clear-button-foreground-focus);\n}\n:host(:focus-within) [part~=clear-icon] igc-icon {\n color: inherit;\n}\n\n:host(:not([outlined]):focus-within) > igc-input::part(container) {\n background: var(--box-background-focus);\n}\n\n:host([outlined]:focus-within) [part~=toggle-icon] {\n background: var(--toggle-button-background-focus--border);\n}\n\n:host([invalid]) ::slotted([slot=helper-text]) {\n color: var(--error-secondary-color);\n}\n\n:host(:disabled) igc-input::part(input)::-webkit-input-placeholder, :host([disabled]) igc-input::part(input)::-webkit-input-placeholder {\n color: var(--disabled-text-color);\n}\n\n:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder {\n color: var(--disabled-text-color);\n}\n\n:host(:disabled) igc-input::part(input):-ms-input-placeholder, :host([disabled]) igc-input::part(input):-ms-input-placeholder {\n color: var(--disabled-text-color);\n}\n\n:host(:disabled) igc-input::part(input)::-ms-input-placeholder, :host([disabled]) igc-input::part(input)::-ms-input-placeholder {\n color: var(--disabled-text-color);\n}\n\n:host(:disabled) ::slotted([slot=prefix]),\n:host(:disabled) ::slotted([slot=suffix]),\n:host(:disabled) igc-input::part(label),\n:host(:disabled) igc-input::part(input)::placeholder,\n:host(:disabled) ::slotted([slot=helper-text]),\n:host([disabled]) ::slotted([slot=prefix]),\n:host([disabled]) ::slotted([slot=suffix]),\n:host([disabled]) igc-input::part(label),\n:host([disabled]) igc-input::part(input)::placeholder,\n:host([disabled]) ::slotted([slot=helper-text]) {\n color: var(--disabled-text-color);\n}\n:host(:disabled) [part~=clear-icon],\n:host([disabled]) [part~=clear-icon] {\n background: inherit;\n color: var(--disabled-text-color);\n}\n:host(:disabled) [part~=clear-icon] igc-icon,\n:host([disabled]) [part~=clear-icon] igc-icon {\n color: inherit;\n}\n:host(:disabled) [part~=toggle-icon],\n:host([disabled]) [part~=toggle-icon] {\n background: var(--toggle-button-background-disabled);\n color: var(--toggle-button-foreground-disabled);\n}\n:host(:disabled) [part~=toggle-icon] igc-icon,\n:host([disabled]) [part~=toggle-icon] igc-icon {\n color: inherit;\n}\n\n:host(:disabled[outlined]) igc-input::part(filled) + igc-input::part(notch),\n:host([outlined][disabled]) igc-input::part(filled) + igc-input::part(notch),\n:host([outlined][invalid]) igc-input::part(filled) + igc-input::part(notch) {\n border-top-color: transparent;\n}`;\n"]}

package/components/common/definitions/defineAllComponents.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare ~~const~~ defineAllComponents: () => void;
1	+ export declare function defineAllComponents(): void;

package/components/common/definitions/defineAllComponents.js CHANGED Viewed

@@ -3,6 +3,8 @@ import IgcAccordionComponent from '../../accordion/accordion.js';
 import IgcBadgeComponent from '../../badge/badge.js';
 import IgcButtonComponent from '../../button/button.js';
 import IgcIconButtonComponent from '../../button/icon-button.js';
+import IgcToggleButtonComponent from '../../button-group/toggle-button.js';
+import IgcButtonGroupComponent from '../../button-group/button-group.js';
 import IgcCalendarComponent from '../../calendar/calendar.js';
 import IgcCardComponent from '../../card/card.js';
 import IgcCardActionsComponent from '../../card/card.actions.js';
@@ -47,6 +49,7 @@ import IgcCircularGradientComponent from '../../progress/circular-gradient.js';
 import IgcDateTimeInputComponent from '../../date-time-input/date-time-input.js';
 import IgcMaskInputComponent from '../../mask-input/mask-input.js';
 import IgcExpansionPanelComponent from '../../expansion-panel/expansion-panel.js';
+import IgcTextareaComponent from '../../textarea/textarea.js';
 import IgcTreeComponent from '../../tree/tree.js';
 import IgcTreeItemComponent from '../../tree/tree-item.js';
 import IgcStepperComponent from '../../stepper/stepper.js';
@@ -62,6 +65,8 @@ const allComponents = [
     IgcBadgeComponent,
     IgcButtonComponent,
     IgcIconButtonComponent,
+    IgcToggleButtonComponent,
+    IgcButtonGroupComponent,
     IgcCalendarComponent,
     IgcCardActionsComponent,
     IgcCardContentComponent,
@@ -114,8 +119,9 @@ const allComponents = [
     IgcDateTimeInputComponent,
     IgcStepperComponent,
     IgcStepComponent,
+    IgcTextareaComponent,
 ];
-export const defineAllComponents = () => {
+export function defineAllComponents() {
     defineComponents(...allComponents);
-};
+}
 //# sourceMappingURL=defineAllComponents.js.map

package/components/common/definitions/defineAllComponents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defineAllComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineAllComponents.ts"],"names":[],"mappings":"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~~AAEjE~~,MAAM,aAAa,~~GAA+B~~;~~IAChD~~,kBAAkB;IAClB,qBAAqB;IACrB,iBAAiB;IACjB,kBAAkB;IAClB,sBAAsB;IACtB,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,sBAAsB;IACtB,qBAAqB;IACrB,gBAAgB;IAChB,oBAAoB;IACpB,gBAAgB;IAChB,iBAAiB;IACjB,oBAAoB;IACpB,yBAAyB;IACzB,0BAA0B;IAC1B,wBAAwB;IACxB,kBAAkB;IAClB,kBAAkB;IAClB,0BAA0B;IAC1B,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB;IACjB,sBAAsB;IACtB,oBAAoB;IACpB,gBAAgB;IAChB,qBAAqB;IACrB,+BAA+B;IAC/B,yBAAyB;IACzB,qBAAqB;IACrB,kBAAkB;IAClB,iBAAiB;IACjB,sBAAsB;IACtB,kBAAkB;IAClB,wBAAwB;IACxB,kBAAkB;IAClB,uBAAuB;IACvB,wBAAwB;IACxB,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAChB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IACjB,uBAAuB;IACvB,uBAAuB;IACvB,gBAAgB;IAChB,eAAe;IACf,oBAAoB;IACpB,4BAA4B;IAC5B,0BAA0B;IAC1B,4BAA4B;IAC5B,oBAAoB;IACpB,yBAAyB;IACzB,mBAAmB;IACnB,gBAAgB;~~CACjB~~,CAAC;AAEF,MAAM,~~CAAC~~,~~MAAM,~~mBAAmB~~,GAAG,GAAG,EAAE~~;~~IACtC~~,gBAAgB,CAAC,GAAG,aAAa,CAAC,CAAC;AACrC,CAAC~~,CAAC~~","sourcesContent":["import IgcAvatarComponent from '../../avatar/avatar.js';\nimport IgcAccordionComponent from '../../accordion/accordion.js';\nimport IgcBadgeComponent from '../../badge/badge.js';\nimport IgcButtonComponent from '../../button/button.js';\nimport IgcIconButtonComponent from '../../button/icon-button.js';\nimport IgcCalendarComponent from '../../calendar/calendar.js';\nimport IgcCardComponent from '../../card/card.js';\nimport IgcCardActionsComponent from '../../card/card.actions.js';\nimport IgcCardContentComponent from '../../card/card.content.js';\nimport IgcCardHeaderComponent from '../../card/card.header.js';\nimport IgcCardMediaComponent from '../../card/card.media.js';\nimport IgcCheckboxComponent from '../../checkbox/checkbox.js';\nimport IgcChipComponent from '../../chip/chip.js';\nimport IgcCircularProgressComponent from '../../progress/circular-progress.js';\nimport IgcComboComponent from '../../combo/combo.js';\nimport IgcDropdownComponent from '../../dropdown/dropdown.js';\nimport IgcDropdownGroupComponent from '../../dropdown/dropdown-group.js';\nimport IgcDropdownHeaderComponent from '../../dropdown/dropdown-header.js';\nimport IgcDropdownItemComponent from '../../dropdown/dropdown-item.js';\nimport IgcSwitchComponent from '../../checkbox/switch.js';\nimport IgcFormComponent from '../../form/form.js';\nimport IgcIconComponent from '../../icon/icon.js';\nimport IgcInputComponent from '../../input/input.js';\nimport IgcLinearProgressComponent from '../../progress/linear-progress.js';\nimport IgcListComponent from '../../list/list.js';\nimport IgcListHeaderComponent from '../../list/list-header.js';\nimport IgcListItemComponent from '../../list/list-item.js';\nimport IgcNavDrawerComponent from '../../nav-drawer/nav-drawer.js';\nimport IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item.js';\nimport IgcNavbarComponent from '../../navbar/navbar.js';\nimport IgcRadioGroupComponent from '../../radio-group/radio-group.js';\nimport IgcRadioComponent from '../../radio/radio.js';\nimport IgcRatingComponent from '../../rating/rating.js';\nimport IgcRatingSymbolComponent from '../../rating/rating-symbol.js';\nimport IgcRippleComponent from '../../ripple/ripple.js';\nimport IgcRangeSliderComponent from '../../slider/range-slider.js';\nimport IgcSliderComponent from '../../slider/slider.js';\nimport IgcSnackbarComponent from '../../snackbar/snackbar.js';\nimport IgcToastComponent from '../../toast/toast.js';\nimport IgcSliderLabelComponent from '../../slider/slider-label.js';\nimport IgcTabsComponent from '../../tabs/tabs.js';\nimport IgcTabComponent from '../../tabs/tab.js';\nimport IgcTabPanelComponent from '../../tabs/tab-panel.js';\nimport { defineComponents } from './defineComponents.js';\nimport IgcCircularGradientComponent from '../../progress/circular-gradient.js';\nimport IgcDateTimeInputComponent from '../../date-time-input/date-time-input.js';\nimport IgcMaskInputComponent from '../../mask-input/mask-input.js';\nimport IgcExpansionPanelComponent from '../../expansion-panel/expansion-panel.js';\nimport IgcTreeComponent from '../../tree/tree.js';\nimport IgcTreeItemComponent from '../../tree/tree-item.js';\nimport IgcStepperComponent from '../../stepper/stepper.js';\nimport IgcStepComponent from '../../stepper/step.js';\nimport IgcDialogComponent from '../../dialog/dialog.js';\nimport IgcSelectComponent from '../../select/select.js';\nimport IgcSelectGroupComponent from '../../select/select-group.js';\nimport IgcSelectHeaderComponent from '../../select/select-header.js';\nimport IgcSelectItemComponent from '../../select/select-item.js';\n\nconst allComponents: ~~CustomElementConstructor~~[] = [\n IgcAvatarComponent,\n IgcAccordionComponent,\n IgcBadgeComponent,\n IgcButtonComponent,\n IgcIconButtonComponent,\n IgcCalendarComponent,\n IgcCardActionsComponent,\n IgcCardContentComponent,\n IgcCardHeaderComponent,\n IgcCardMediaComponent,\n IgcCardComponent,\n IgcCheckboxComponent,\n IgcChipComponent,\n IgcComboComponent,\n IgcDropdownComponent,\n IgcDropdownGroupComponent,\n IgcDropdownHeaderComponent,\n IgcDropdownItemComponent,\n IgcDialogComponent,\n IgcSwitchComponent,\n IgcExpansionPanelComponent,\n IgcFormComponent,\n IgcIconComponent,\n IgcInputComponent,\n IgcListHeaderComponent,\n IgcListItemComponent,\n IgcListComponent,\n IgcMaskInputComponent,\n IgcNavDrawerHeaderItemComponent,\n IgcNavDrawerItemComponent,\n IgcNavDrawerComponent,\n IgcNavbarComponent,\n IgcRadioComponent,\n IgcRadioGroupComponent,\n IgcRatingComponent,\n IgcRatingSymbolComponent,\n IgcRippleComponent,\n IgcSelectGroupComponent,\n IgcSelectHeaderComponent,\n IgcSelectItemComponent,\n IgcSelectComponent,\n IgcTreeComponent,\n IgcTreeItemComponent,\n IgcSliderComponent,\n IgcToastComponent,\n IgcSliderLabelComponent,\n IgcRangeSliderComponent,\n IgcTabsComponent,\n IgcTabComponent,\n IgcTabPanelComponent,\n IgcCircularProgressComponent,\n IgcLinearProgressComponent,\n IgcCircularGradientComponent,\n IgcSnackbarComponent,\n IgcDateTimeInputComponent,\n IgcStepperComponent,\n IgcStepComponent,\n];\n\nexport ~~const~~ defineAllComponents = () => {\n defineComponents(...allComponents);\n};\n"]}
1	+ {"version":3,"file":"defineAllComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineAllComponents.ts"],"names":[],"mappings":"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","sourcesContent":["import IgcAvatarComponent from '../../avatar/avatar.js';\nimport IgcAccordionComponent from '../../accordion/accordion.js';\nimport IgcBadgeComponent from '../../badge/badge.js';\nimport IgcButtonComponent from '../../button/button.js';\nimport IgcIconButtonComponent from '../../button/icon-button.js';\nimport IgcToggleButtonComponent from '../../button-group/toggle-button.js';\nimport IgcButtonGroupComponent from '../../button-group/button-group.js';\nimport IgcCalendarComponent from '../../calendar/calendar.js';\nimport IgcCardComponent from '../../card/card.js';\nimport IgcCardActionsComponent from '../../card/card.actions.js';\nimport IgcCardContentComponent from '../../card/card.content.js';\nimport IgcCardHeaderComponent from '../../card/card.header.js';\nimport IgcCardMediaComponent from '../../card/card.media.js';\nimport IgcCheckboxComponent from '../../checkbox/checkbox.js';\nimport IgcChipComponent from '../../chip/chip.js';\nimport IgcCircularProgressComponent from '../../progress/circular-progress.js';\nimport IgcComboComponent from '../../combo/combo.js';\nimport IgcDropdownComponent from '../../dropdown/dropdown.js';\nimport IgcDropdownGroupComponent from '../../dropdown/dropdown-group.js';\nimport IgcDropdownHeaderComponent from '../../dropdown/dropdown-header.js';\nimport IgcDropdownItemComponent from '../../dropdown/dropdown-item.js';\nimport IgcSwitchComponent from '../../checkbox/switch.js';\nimport IgcFormComponent from '../../form/form.js';\nimport IgcIconComponent from '../../icon/icon.js';\nimport IgcInputComponent from '../../input/input.js';\nimport IgcLinearProgressComponent from '../../progress/linear-progress.js';\nimport IgcListComponent from '../../list/list.js';\nimport IgcListHeaderComponent from '../../list/list-header.js';\nimport IgcListItemComponent from '../../list/list-item.js';\nimport IgcNavDrawerComponent from '../../nav-drawer/nav-drawer.js';\nimport IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item.js';\nimport IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item.js';\nimport IgcNavbarComponent from '../../navbar/navbar.js';\nimport IgcRadioGroupComponent from '../../radio-group/radio-group.js';\nimport IgcRadioComponent from '../../radio/radio.js';\nimport IgcRatingComponent from '../../rating/rating.js';\nimport IgcRatingSymbolComponent from '../../rating/rating-symbol.js';\nimport IgcRippleComponent from '../../ripple/ripple.js';\nimport IgcRangeSliderComponent from '../../slider/range-slider.js';\nimport IgcSliderComponent from '../../slider/slider.js';\nimport IgcSnackbarComponent from '../../snackbar/snackbar.js';\nimport IgcToastComponent from '../../toast/toast.js';\nimport IgcSliderLabelComponent from '../../slider/slider-label.js';\nimport IgcTabsComponent from '../../tabs/tabs.js';\nimport IgcTabComponent from '../../tabs/tab.js';\nimport IgcTabPanelComponent from '../../tabs/tab-panel.js';\nimport { defineComponents } from './defineComponents.js';\nimport IgcCircularGradientComponent from '../../progress/circular-gradient.js';\nimport IgcDateTimeInputComponent from '../../date-time-input/date-time-input.js';\nimport IgcMaskInputComponent from '../../mask-input/mask-input.js';\nimport IgcExpansionPanelComponent from '../../expansion-panel/expansion-panel.js';\nimport IgcTextareaComponent from '../../textarea/textarea.js';\nimport IgcTreeComponent from '../../tree/tree.js';\nimport IgcTreeItemComponent from '../../tree/tree-item.js';\nimport IgcStepperComponent from '../../stepper/stepper.js';\nimport IgcStepComponent from '../../stepper/step.js';\nimport IgcDialogComponent from '../../dialog/dialog.js';\nimport IgcSelectComponent from '../../select/select.js';\nimport IgcSelectGroupComponent from '../../select/select-group.js';\nimport IgcSelectHeaderComponent from '../../select/select-header.js';\nimport IgcSelectItemComponent from '../../select/select-item.js';\n\nimport type { IgniteComponent } from './register.js';\n\nconst allComponents: IgniteComponent[] = [\n IgcAvatarComponent,\n IgcAccordionComponent,\n IgcBadgeComponent,\n IgcButtonComponent,\n IgcIconButtonComponent,\n IgcToggleButtonComponent,\n IgcButtonGroupComponent,\n IgcCalendarComponent,\n IgcCardActionsComponent,\n IgcCardContentComponent,\n IgcCardHeaderComponent,\n IgcCardMediaComponent,\n IgcCardComponent,\n IgcCheckboxComponent,\n IgcChipComponent,\n IgcComboComponent,\n IgcDropdownComponent,\n IgcDropdownGroupComponent,\n IgcDropdownHeaderComponent,\n IgcDropdownItemComponent,\n IgcDialogComponent,\n IgcSwitchComponent,\n IgcExpansionPanelComponent,\n IgcFormComponent,\n IgcIconComponent,\n IgcInputComponent,\n IgcListHeaderComponent,\n IgcListItemComponent,\n IgcListComponent,\n IgcMaskInputComponent,\n IgcNavDrawerHeaderItemComponent,\n IgcNavDrawerItemComponent,\n IgcNavDrawerComponent,\n IgcNavbarComponent,\n IgcRadioComponent,\n IgcRadioGroupComponent,\n IgcRatingComponent,\n IgcRatingSymbolComponent,\n IgcRippleComponent,\n IgcSelectGroupComponent,\n IgcSelectHeaderComponent,\n IgcSelectItemComponent,\n IgcSelectComponent,\n IgcTreeComponent,\n IgcTreeItemComponent,\n IgcSliderComponent,\n IgcToastComponent,\n IgcSliderLabelComponent,\n IgcRangeSliderComponent,\n IgcTabsComponent,\n IgcTabComponent,\n IgcTabPanelComponent,\n IgcCircularProgressComponent,\n IgcLinearProgressComponent,\n IgcCircularGradientComponent,\n IgcSnackbarComponent,\n IgcDateTimeInputComponent,\n IgcStepperComponent,\n IgcStepComponent,\n IgcTextareaComponent,\n];\n\nexport function defineAllComponents() {\n defineComponents(...allComponents);\n}\n"]}

package/components/common/definitions/defineComponents.d.ts CHANGED Viewed

@@ -1 +1,2 @@
-export declare const defineComponents: (...components: CustomElementConstructor[]) => void;
+import { IgniteComponent } from './register.js';
+export declare function defineComponents(...components: IgniteComponent[]): void;

package/components/common/definitions/defineComponents.js CHANGED Viewed

@@ -1,9 +1,6 @@
-export const defineComponents = (...components) => {
+export function defineComponents(...components) {
     for (const component of components) {
-        const tagName = component.tagName;
-        if (tagName && !window.customElements.get(tagName)) {
-            window.customElements.define(tagName, component);
-        }
+        component.register();
     }
-};
+}
 //# sourceMappingURL=defineComponents.js.map

package/components/common/definitions/defineComponents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defineComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineComponents.ts"],"names":[],"mappings":"~~AAAA~~,MAAM,~~CAAC~~,~~MAAM,~~gBAAgB,~~GAAG,~~CAAC,GAAG,~~UAAsC,EAAE,EAAE~~;~~IAC5E~~,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE;QAClC,~~MAAM~~,~~OAAO,GAAI,SAAiB,~~CAAC,~~OAAO~~,~~CAAC;QAE3C,IAAI,OAAO,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,~~EAAE~~;YAClD~~,~~MAAM,~~CAAC~~,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC~~;~~SAClD~~;~~KACF;~~AACH,CAAC~~,CAAC~~","sourcesContent":["~~export~~ ~~const~~ ~~defineComponents~~ = (...components: ~~CustomElementConstructor~~[]) => {\n for (const component of components) {\n ~~const tagName = (~~component ~~as any)~~.~~tagName;\n\n if~~ (~~tagName && !window.customElements.get(tagName~~)~~) {\n window.customElements.define(tagName, component)~~;\n }\n }\n~~};\n~~"]}
1	+ {"version":3,"file":"defineComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineComponents.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAAC,GAAG,UAA6B;IAC/D,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE;QAClC,SAAS,CAAC,QAAQ,EAAE,CAAC;KACtB;AACH,CAAC","sourcesContent":["import { IgniteComponent } from './register.js';\n\nexport function defineComponents(...components: IgniteComponent[]) {\n for (const component of components) {\n component.register();\n }\n}\n"]}

package/components/common/definitions/register.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export type IgniteComponent = CustomElementConstructor & {
+    tagName: string;
+    register: () => void;
+};
+export declare function registerComponent(component: IgniteComponent, ...dependencies: IgniteComponent[]): void;

package/components/common/definitions/register.js ADDED Viewed

@@ -0,0 +1,9 @@
+export function registerComponent(component, ...dependencies) {
+    for (const dependency of dependencies) {
+        dependency.register();
+    }
+    if (!customElements.get(component.tagName)) {
+        customElements.define(component.tagName, component);
+    }
+}
+//# sourceMappingURL=register.js.map

package/components/common/definitions/register.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/register.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,iBAAiB,CAC/B,SAA0B,EAC1B,GAAG,YAA+B;IAElC,KAAK,MAAM,UAAU,IAAI,YAAY,EAAE;QACrC,UAAU,CAAC,QAAQ,EAAE,CAAC;KACvB;IAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;QAC1C,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;KACrD;AACH,CAAC","sourcesContent":["export type IgniteComponent = CustomElementConstructor & {\n tagName: string;\n register: () => void;\n};\n\nexport function registerComponent(\n component: IgniteComponent,\n ...dependencies: IgniteComponent[]\n) {\n for (const dependency of dependencies) {\n dependency.register();\n }\n\n if (!customElements.get(component.tagName)) {\n customElements.define(component.tagName, component);\n }\n}\n"]}

package/components/common/mixins/form-associated.d.ts CHANGED Viewed

@@ -2,8 +2,8 @@ import { LitElement } from 'lit';
 import type { Constructor } from './constructor';
 import type { Validator } from '../validators.js';
 export declare class FormAssociatedElementInterface {
-    #private;
     static readonly formAssociated: boolean;
+    private __internals;
     protected validators: Validator[];
     protected _disabled: boolean;
     protected _invalid: boolean;

package/components/common/mixins/form-associated.js CHANGED Viewed

@@ -4,32 +4,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
 import { property } from 'lit/decorators.js';
 export function FormAssociatedMixin(superClass) {
-    var _FormAssociatedElement_internals;
     class FormAssociatedElement extends superClass {
         get form() {
-            return __classPrivateFieldGet(this, _FormAssociatedElement_internals, "f").form;
+            return this.__internals.form;
         }
         get validity() {
-            return __classPrivateFieldGet(this, _FormAssociatedElement_internals, "f").validity;
+            return this.__internals.validity;
         }
         get validationMessage() {
-            return __classPrivateFieldGet(this, _FormAssociatedElement_internals, "f").validationMessage;
+            return this.__internals.validationMessage;
         }
         get willValidate() {
-            return __classPrivateFieldGet(this, _FormAssociatedElement_internals, "f").willValidate;
+            return this.__internals.willValidate;
         }
         get disabled() {
             return this._disabled;
@@ -51,7 +39,6 @@ export function FormAssociatedMixin(superClass) {
         }
         constructor(...args) {
             super(args);
-            _FormAssociatedElement_internals.set(this, void 0);
             this.validators = [];
             this._disabled = false;
             this._invalid = false;
@@ -60,7 +47,7 @@ export function FormAssociatedMixin(superClass) {
                 event.preventDefault();
                 this.invalid = true;
             };
-            __classPrivateFieldSet(this, _FormAssociatedElement_internals, this.attachInternals(), "f");
+            this.__internals = this.attachInternals();
             this.addEventListener('invalid', this.handleInvalid);
         }
         connectedCallback() {
@@ -85,10 +72,10 @@ export function FormAssociatedMixin(superClass) {
             }
         }
         setFormValue(value, state) {
-            __classPrivateFieldGet(this, _FormAssociatedElement_internals, "f").setFormValue(value, state || value);
+            this.__internals.setFormValue(value, state || value);
         }
         setValidity(flags, message, anchor) {
-            __classPrivateFieldGet(this, _FormAssociatedElement_internals, "f").setValidity(flags, message, anchor);
+            this.__internals.setValidity(flags, message, anchor);
         }
         formResetCallback() {
             this.restoreDefaultValue();
@@ -117,7 +104,7 @@ export function FormAssociatedMixin(superClass) {
                 validity.customError = true;
                 validationMessage = message;
             }
-            __classPrivateFieldGet(this, _FormAssociatedElement_internals, "f").setValidity(validity, validationMessage);
+            this.__internals.setValidity(validity, validationMessage);
         }
         setInvalidState() {
             if (this.hasUpdated || this._dirty) {
@@ -125,17 +112,16 @@ export function FormAssociatedMixin(superClass) {
             }
         }
         reportValidity() {
-            return __classPrivateFieldGet(this, _FormAssociatedElement_internals, "f").reportValidity();
+            return this.__internals.reportValidity();
         }
         checkValidity() {
-            return __classPrivateFieldGet(this, _FormAssociatedElement_internals, "f").checkValidity();
+            return this.__internals.checkValidity();
         }
         setCustomValidity(message) {
             this.updateValidity(message);
             this.invalid = !this.checkValidity();
         }
     }
-    _FormAssociatedElement_internals = new WeakMap();
     FormAssociatedElement.formAssociated = true;
     __decorate([
         property({ reflect: true })

package/components/common/mixins/form-associated.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form-associated.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/form-associated.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { Constructor } from './constructor';\nimport type { Validator } from '../validators.js';\n\nexport declare class FormAssociatedElementInterface {\n public static readonly formAssociated: boolean;\n\n #internals: ElementInternals;\n protected validators: Validator[];\n protected _disabled: boolean;\n protected _invalid: boolean;\n protected _dirty: boolean;\n\n /*\n The default value of the control at \"creation\" time.\n \n @remarks\n * This is set by default on `connectedCallback` through the `setDefaultValue` call.\n * It expects the component to have either a `checked` or a `value` property and binds it to the initial value of the\n * respective property.\n \n In use-cases where additional customization is required, make sure to override the `setDefaultValue` method.\n /\n protected _defaultValue: unknown;\n\n /\n Applies the {@link FormAssociatedElementInterface.invalid \| `invalid`} attribute on the control and the associated styles\n * if the element has completed the first update cycle or it has been interacted with by the user.\n \n Usually, it should be called after {@link FormAssociatedElementInterface.updateValidity \| `updateValidity()`}\n /\n protected setInvalidState(): void;\n\n /\n Executes the component validators and updates the internal validity state.\n /\n protected updateValidity(message?: string): void;\n\n /\n Saves the initial value/checked state of the control.\n \n Called on connectedCallback.\n /\n protected setDefaultValue(): void;\n\n /\n Called when the parent form is reset.\n \n Restores the initially bound value/checked state of the control.\n /\n protected restoreDefaultValue(): void;\n\n protected setFormValue(\n value: string \| File \| FormData \| null,\n state?: string \| File \| FormData \| null \| undefined\n ): void;\n protected setValidity(\n flags?: ValidityStateFlags \| undefined,\n message?: string \| undefined,\n anchor?: HTMLElement \| undefined\n ): void;\n\n protected formResetCallback(): void;\n protected formDisabledCallback(state: boolean): void;\n protected formStateRestoreCallback(\n state: string \| FormData \| File,\n mode: 'autocomplete' \| 'restore'\n ): void;\n\n /\n The disabled state of the component\n * @attr [disabled=false]\n /\n public disabled: boolean;\n\n /\n Control the validity of the control.\n * @attr\n /\n public invalid: boolean;\n\n /\n The name attribute of the control.\n * @attr\n /\n public name: string;\n\n /* Returns the HTMLFormElement associated with this element. /\n public get form(): HTMLFormElement \| null;\n\n /\n Returns a ValidityState object which represents the different validity states\n * the element can be in, with respect to constraint validation.\n /\n public get validity(): ValidityState;\n\n /* A string containing the validation message of this element. /\n public get validationMessage(): string;\n\n /\n A boolean value which returns true if the element is a submittable element\n * that is a candidate for constraint validation.\n /\n public get willValidate(): boolean;\n\n /* Checks for validity of the control and emits the invalid event if it invalid. /\n public checkValidity(): boolean;\n\n /* Checks for validity of the control and shows the browser message if it invalid. /\n public reportValidity(): boolean;\n\n /\n Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n /\n public setCustomValidity(message: string): void;\n}\n\n/\n Turns the passed class element into a Form Associated Custom Element.\n /\nexport function FormAssociatedMixin<T extends Constructor<LitElement>>(\n superClass: T\n) {\n class FormAssociatedElement extends superClass {\n public static readonly formAssociated = true;\n\n #internals: ElementInternals;\n protected validators: Validator[] = [];\n protected _disabled = false;\n protected _invalid = false;\n protected _dirty = false;\n\n /\n The default value of the control at \"creation\" time.\n \n @remarks\n * This is set by default on `connectedCallback` through the `setDefaultValue` call.\n * It expects the component to have either a `checked` or a `value` property and binds it to the initial value of the\n * respective property.\n \n In use-cases where additional customization is required, make sure to override the `setDefaultValue` method.\n /\n protected _defaultValue: unknown;\n\n /\n The name attribute of the control.\n * @attr\n /\n @property({ reflect: true })\n public name!: string;\n\n /* Returns the HTMLFormElement associated with this element. /\n public get form() {\n return this.#internals.form;\n }\n\n /\n Returns a ValidityState object which represents the different validity states\n * the element can be in, with respect to constraint validation.\n /\n public get validity() {\n return this.#internals.validity;\n }\n\n /* A string containing the validation message of this element. /\n public get validationMessage() {\n return this.#internals.validationMessage;\n }\n\n /\n A boolean value which returns true if the element is a submittable element\n * that is a candidate for constraint validation.\n /\n public get willValidate() {\n return this.#internals.willValidate;\n }\n\n /\n The disabled state of the component\n * @attr [disabled=false]\n /\n @property({ type: Boolean, reflect: true })\n public get disabled() {\n return this._disabled;\n }\n\n public set disabled(value: boolean) {\n const prev = this._disabled;\n this._disabled = value;\n this.toggleAttribute('disabled', Boolean(this._disabled));\n this.requestUpdate('disabled', prev);\n }\n\n /\n Control the validity of the control.\n * @attr [invalid=false]\n /\n @property({ type: Boolean, reflect: true })\n public get invalid() {\n return this._invalid;\n }\n\n public set invalid(value: boolean) {\n const prev = this._invalid;\n this._invalid = value;\n this.toggleAttribute('invalid', Boolean(this._invalid));\n this.requestUpdate('invalid', prev);\n }\n\n constructor(...args: any[]) {\n super(args);\n this.#internals = this.attachInternals();\n this.addEventListener('invalid', this.handleInvalid);\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n this._dirty = false;\n this.setDefaultValue();\n }\n\n /\n Saves the initial value/checked state of the control.\n \n Called on connectedCallback.\n /\n protected setDefaultValue() {\n if ('checked' in this) {\n this._defaultValue = this.checked;\n } else if ('value' in this) {\n this._defaultValue = this.value;\n }\n }\n\n /\n Called when the parent form is reset.\n \n Restores the initially bound value/checked state of the control.\n /\n protected restoreDefaultValue() {\n if ('checked' in this) {\n this.checked = this._defaultValue;\n } else if ('value' in this) {\n this.value = this._defaultValue;\n }\n }\n\n protected handleInvalid = (event: Event) => {\n event.preventDefault();\n this.invalid = true;\n };\n\n protected setFormValue(\n value: string \| File \| FormData \| null,\n state?: string \| File \| FormData \| null \| undefined\n ) {\n this.#internals.setFormValue(value, state \|\| value);\n }\n\n protected setValidity(\n flags?: ValidityStateFlags \| undefined,\n message?: string \| undefined,\n anchor?: HTMLElement \| undefined\n ) {\n this.#internals.setValidity(flags, message, anchor);\n }\n\n protected formResetCallback() {\n this.restoreDefaultValue();\n this._dirty = false;\n\n // Apply any changes happening during form reset synchronously\n this.performUpdate();\n\n this.invalid = false;\n }\n\n protected formDisabledCallback(state: boolean) {\n this._disabled = state;\n this.requestUpdate();\n }\n\n /\n Executes the component validators and updates the internal validity state.\n /\n protected updateValidity(message?: string) {\n const validity: ValidityStateFlags = {};\n let validationMessage = '';\n\n for (const validator of this.validators) {\n const isValid = validator.isValid(this);\n\n validity[validator.key] = !isValid;\n\n if (!isValid) {\n validationMessage =\n typeof validator.message === 'function'\n ? validator.message(this)\n : validator.message;\n }\n }\n\n if (message) {\n validity.customError = true;\n validationMessage = message;\n }\n\n this.#internals.setValidity(validity, validationMessage);\n }\n\n /\n Applies the {@link FormAssociatedElementInterface.invalid \| `invalid`} attribute on the control and the associated styles\n * if the element has completed the first update cycle or it has been interacted with by the user.\n \n Usually, it should be called after {@link FormAssociatedElementInterface.updateValidity \| `updateValidity()`}\n /\n protected setInvalidState() {\n if (this.hasUpdated \|\| this._dirty) {\n this.invalid = !this.checkValidity();\n }\n }\n\n /* Checks for validity of the control and shows the browser message if it invalid. /\n public reportValidity() {\n return this.#internals.reportValidity();\n }\n\n /* Checks for validity of the control and emits the invalid event if it invalid. /\n public checkValidity() {\n return this.#internals.checkValidity();\n }\n\n /\n Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n */\n public setCustomValidity(message: string) {\n this.updateValidity(message);\n this.invalid = !this.checkValidity();\n }\n }\n\n return FormAssociatedElement as unknown as Constructor<FormAssociatedElementInterface> &\n T;\n}\n"]}
1	+ {"version":3,"file":"form-associated.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/form-associated.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAyH7C,MAAM,UAAU,mBAAmB,CACjC,UAAa;IAEb,MAAM,qBAAsB,SAAQ,UAAU;QA6B5C,IAAW,IAAI;YACb,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;QAC/B,CAAC;QAMD,IAAW,QAAQ;YACjB,OAAO,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;QACnC,CAAC;QAGD,IAAW,iBAAiB;YAC1B,OAAO,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC;QAC5C,CAAC;QAMD,IAAW,YAAY;YACrB,OAAO,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC;QACvC,CAAC;QAOD,IAAW,QAAQ;YACjB,OAAO,IAAI,CAAC,SAAS,CAAC;QACxB,CAAC;QAED,IAAW,QAAQ,CAAC,KAAc;YAChC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;YAC5B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;YAC1D,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QACvC,CAAC;QAOD,IAAW,OAAO;YAChB,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;QAED,IAAW,OAAO,CAAC,KAAc;YAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC3B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;YACxD,IAAI,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACtC,CAAC;QAED,YAAY,GAAG,IAAW;YACxB,KAAK,CAAC,IAAI,CAAC,CAAC;YAnFJ,eAAU,GAAgB,EAAE,CAAC;YAC7B,cAAS,GAAG,KAAK,CAAC;YAClB,aAAQ,GAAG,KAAK,CAAC;YACjB,WAAM,GAAG,KAAK,CAAC;YAqHf,kBAAa,GAAG,CAAC,KAAY,EAAE,EAAE;gBACzC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACtB,CAAC,CAAC;YAvCA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1C,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACvD,CAAC;QAEe,iBAAiB;YAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC1B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;QAOS,eAAe;YACvB,IAAI,SAAS,IAAI,IAAI,EAAE;gBACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC;aACnC;iBAAM,IAAI,OAAO,IAAI,IAAI,EAAE;gBAC1B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;aACjC;QACH,CAAC;QAOS,mBAAmB;YAC3B,IAAI,SAAS,IAAI,IAAI,EAAE;gBACrB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC;aACnC;iBAAM,IAAI,OAAO,IAAI,IAAI,EAAE;gBAC1B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;aACjC;QACH,CAAC;QAOS,YAAY,CACpB,KAAsC,EACtC,KAAmD;YAEnD,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;QACvD,CAAC;QAES,WAAW,CACnB,KAAsC,EACtC,OAA4B,EAC5B,MAAgC;YAEhC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACvD,CAAC;QAES,iBAAiB;YACzB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YAGpB,IAAI,CAAC,aAAa,EAAE,CAAC;YAErB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC;QAES,oBAAoB,CAAC,KAAc;YAC3C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,EAAE,CAAC;QACvB,CAAC;QAKS,cAAc,CAAC,OAAgB;YACvC,MAAM,QAAQ,GAAuB,EAAE,CAAC;YACxC,IAAI,iBAAiB,GAAG,EAAE,CAAC;YAE3B,KAAK,MAAM,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE;gBACvC,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAExC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC;gBAEnC,IAAI,CAAC,OAAO,EAAE;oBACZ,iBAAiB;wBACf,OAAO,SAAS,CAAC,OAAO,KAAK,UAAU;4BACrC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC;4BACzB,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;iBACzB;aACF;YAED,IAAI,OAAO,EAAE;gBACX,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;gBAC5B,iBAAiB,GAAG,OAAO,CAAC;aAC7B;YAED,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;QAC5D,CAAC;QAQS,eAAe;YACvB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,EAAE;gBAClC,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;aACtC;QACH,CAAC;QAGM,cAAc;YACnB,OAAO,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC;QAC3C,CAAC;QAGM,aAAa;YAClB,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;QAC1C,CAAC;QAMM,iBAAiB,CAAC,OAAe;YACtC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;YAC7B,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QACvC,CAAC;;IAvNsB,oCAAc,GAAG,IAAI,AAAP,CAAQ;IAyBtC;QADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACP;IAiCrB;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAG1C;IAcD;QADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDAG1C;IA8IH,OAAO,qBACJ,CAAC;AACN,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { Constructor } from './constructor';\nimport type { Validator } from '../validators.js';\n\nexport declare class FormAssociatedElementInterface {\n public static readonly formAssociated: boolean;\n\n private __internals: ElementInternals;\n protected validators: Validator[];\n protected _disabled: boolean;\n protected _invalid: boolean;\n protected _dirty: boolean;\n\n /*\n The default value of the control at \"creation\" time.\n \n @remarks\n * This is set by default on `connectedCallback` through the `setDefaultValue` call.\n * It expects the component to have either a `checked` or a `value` property and binds it to the initial value of the\n * respective property.\n \n In use-cases where additional customization is required, make sure to override the `setDefaultValue` method.\n /\n protected _defaultValue: unknown;\n\n /\n Applies the {@link FormAssociatedElementInterface.invalid \| `invalid`} attribute on the control and the associated styles\n * if the element has completed the first update cycle or it has been interacted with by the user.\n \n Usually, it should be called after {@link FormAssociatedElementInterface.updateValidity \| `updateValidity()`}\n /\n protected setInvalidState(): void;\n\n /\n Executes the component validators and updates the internal validity state.\n /\n protected updateValidity(message?: string): void;\n\n /\n Saves the initial value/checked state of the control.\n \n Called on connectedCallback.\n /\n protected setDefaultValue(): void;\n\n /\n Called when the parent form is reset.\n \n Restores the initially bound value/checked state of the control.\n /\n protected restoreDefaultValue(): void;\n\n protected setFormValue(\n value: string \| File \| FormData \| null,\n state?: string \| File \| FormData \| null \| undefined\n ): void;\n protected setValidity(\n flags?: ValidityStateFlags \| undefined,\n message?: string \| undefined,\n anchor?: HTMLElement \| undefined\n ): void;\n\n protected formResetCallback(): void;\n protected formDisabledCallback(state: boolean): void;\n protected formStateRestoreCallback(\n state: string \| FormData \| File,\n mode: 'autocomplete' \| 'restore'\n ): void;\n\n /\n The disabled state of the component\n * @attr [disabled=false]\n /\n public disabled: boolean;\n\n /\n Control the validity of the control.\n * @attr\n /\n public invalid: boolean;\n\n /\n The name attribute of the control.\n * @attr\n /\n public name: string;\n\n /* Returns the HTMLFormElement associated with this element. /\n public get form(): HTMLFormElement \| null;\n\n /\n Returns a ValidityState object which represents the different validity states\n * the element can be in, with respect to constraint validation.\n /\n public get validity(): ValidityState;\n\n /* A string containing the validation message of this element. /\n public get validationMessage(): string;\n\n /\n A boolean value which returns true if the element is a submittable element\n * that is a candidate for constraint validation.\n /\n public get willValidate(): boolean;\n\n /* Checks for validity of the control and emits the invalid event if it invalid. /\n public checkValidity(): boolean;\n\n /* Checks for validity of the control and shows the browser message if it invalid. /\n public reportValidity(): boolean;\n\n /\n Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n /\n public setCustomValidity(message: string): void;\n}\n\n/\n Turns the passed class element into a Form Associated Custom Element.\n /\nexport function FormAssociatedMixin<T extends Constructor<LitElement>>(\n superClass: T\n) {\n class FormAssociatedElement extends superClass {\n public static readonly formAssociated = true;\n\n private __internals: ElementInternals;\n protected validators: Validator[] = [];\n protected _disabled = false;\n protected _invalid = false;\n protected _dirty = false;\n\n /\n The default value of the control at \"creation\" time.\n \n @remarks\n * This is set by default on `connectedCallback` through the `setDefaultValue` call.\n * It expects the component to have either a `checked` or a `value` property and binds it to the initial value of the\n * respective property.\n \n In use-cases where additional customization is required, make sure to override the `setDefaultValue` method.\n /\n protected _defaultValue: unknown;\n\n /\n The name attribute of the control.\n * @attr\n /\n @property({ reflect: true })\n public name!: string;\n\n /* Returns the HTMLFormElement associated with this element. /\n public get form() {\n return this.__internals.form;\n }\n\n /\n Returns a ValidityState object which represents the different validity states\n * the element can be in, with respect to constraint validation.\n /\n public get validity() {\n return this.__internals.validity;\n }\n\n /* A string containing the validation message of this element. /\n public get validationMessage() {\n return this.__internals.validationMessage;\n }\n\n /\n A boolean value which returns true if the element is a submittable element\n * that is a candidate for constraint validation.\n /\n public get willValidate() {\n return this.__internals.willValidate;\n }\n\n /\n The disabled state of the component\n * @attr [disabled=false]\n /\n @property({ type: Boolean, reflect: true })\n public get disabled() {\n return this._disabled;\n }\n\n public set disabled(value: boolean) {\n const prev = this._disabled;\n this._disabled = value;\n this.toggleAttribute('disabled', Boolean(this._disabled));\n this.requestUpdate('disabled', prev);\n }\n\n /\n Control the validity of the control.\n * @attr [invalid=false]\n /\n @property({ type: Boolean, reflect: true })\n public get invalid() {\n return this._invalid;\n }\n\n public set invalid(value: boolean) {\n const prev = this._invalid;\n this._invalid = value;\n this.toggleAttribute('invalid', Boolean(this._invalid));\n this.requestUpdate('invalid', prev);\n }\n\n constructor(...args: any[]) {\n super(args);\n this.__internals = this.attachInternals();\n this.addEventListener('invalid', this.handleInvalid);\n }\n\n public override connectedCallback(): void {\n super.connectedCallback();\n this._dirty = false;\n this.setDefaultValue();\n }\n\n /\n Saves the initial value/checked state of the control.\n \n Called on connectedCallback.\n /\n protected setDefaultValue() {\n if ('checked' in this) {\n this._defaultValue = this.checked;\n } else if ('value' in this) {\n this._defaultValue = this.value;\n }\n }\n\n /\n Called when the parent form is reset.\n \n Restores the initially bound value/checked state of the control.\n /\n protected restoreDefaultValue() {\n if ('checked' in this) {\n this.checked = this._defaultValue;\n } else if ('value' in this) {\n this.value = this._defaultValue;\n }\n }\n\n protected handleInvalid = (event: Event) => {\n event.preventDefault();\n this.invalid = true;\n };\n\n protected setFormValue(\n value: string \| File \| FormData \| null,\n state?: string \| File \| FormData \| null \| undefined\n ) {\n this.__internals.setFormValue(value, state \|\| value);\n }\n\n protected setValidity(\n flags?: ValidityStateFlags \| undefined,\n message?: string \| undefined,\n anchor?: HTMLElement \| undefined\n ) {\n this.__internals.setValidity(flags, message, anchor);\n }\n\n protected formResetCallback() {\n this.restoreDefaultValue();\n this._dirty = false;\n\n // Apply any changes happening during form reset synchronously\n this.performUpdate();\n\n this.invalid = false;\n }\n\n protected formDisabledCallback(state: boolean) {\n this._disabled = state;\n this.requestUpdate();\n }\n\n /\n Executes the component validators and updates the internal validity state.\n /\n protected updateValidity(message?: string) {\n const validity: ValidityStateFlags = {};\n let validationMessage = '';\n\n for (const validator of this.validators) {\n const isValid = validator.isValid(this);\n\n validity[validator.key] = !isValid;\n\n if (!isValid) {\n validationMessage =\n typeof validator.message === 'function'\n ? validator.message(this)\n : validator.message;\n }\n }\n\n if (message) {\n validity.customError = true;\n validationMessage = message;\n }\n\n this.__internals.setValidity(validity, validationMessage);\n }\n\n /\n Applies the {@link FormAssociatedElementInterface.invalid \| `invalid`} attribute on the control and the associated styles\n * if the element has completed the first update cycle or it has been interacted with by the user.\n \n Usually, it should be called after {@link FormAssociatedElementInterface.updateValidity \| `updateValidity()`}\n /\n protected setInvalidState() {\n if (this.hasUpdated \|\| this._dirty) {\n this.invalid = !this.checkValidity();\n }\n }\n\n /* Checks for validity of the control and shows the browser message if it invalid. /\n public reportValidity() {\n return this.__internals.reportValidity();\n }\n\n /* Checks for validity of the control and emits the invalid event if it invalid. /\n public checkValidity() {\n return this.__internals.checkValidity();\n }\n\n /\n Sets a custom validation message for the control.\n * As long as `message` is not empty, the control is considered invalid.\n */\n public setCustomValidity(message: string) {\n this.updateValidity(message);\n this.invalid = !this.checkValidity();\n }\n }\n\n return FormAssociatedElement as unknown as Constructor<FormAssociatedElementInterface> &\n T;\n}\n"]}

package/components/common/mixins/sizable.d.ts CHANGED Viewed

@@ -3,7 +3,10 @@ import type { Constructor } from './constructor';
 export declare class SizableInterface {
     /**
      * Determines the size of the component.
+     * @attr
      * @type {"small" | "medium" | "large"}
+     *
+     * @deprecated - since v4.5.0. Use the `--ig-size` CSS custom property instead.
      */
     size: 'small' | 'medium' | 'large';
 }

package/components/common/mixins/sizable.js CHANGED Viewed

@@ -5,16 +5,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { property } from 'lit/decorators.js';
+import { watch } from '../decorators/watch.js';
 export const SizableMixin = (superClass) => {
     class SizableElement extends superClass {
         constructor() {
             super(...arguments);
             this.size = 'large';
         }
+        updateSize() {
+            this.style.setProperty('--component-size', `var(--ig-size, var(--ig-size-${this.size}))`);
+        }
     }
     __decorate([
         property({ reflect: true })
     ], SizableElement.prototype, "size", void 0);
+    __decorate([
+        watch('size')
+    ], SizableElement.prototype, "updateSize", null);
     return SizableElement;
 };
 //# sourceMappingURL=sizable.js.map

package/components/common/mixins/sizable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sizable.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/sizable.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;~~AAW7C~~,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,UAAa,EACb,EAAE;IACF,MAAM,cAAe,SAAQ,UAAU;QAAvC;;~~YAOS~~,SAAI,GAAiC,OAAO,CAAC;~~QACtD~~,CAAC;~~KAAA~~;~~IADQ~~;QADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACwB;~~IAEtD~~,OAAO,cAAmD,CAAC;AAC7D,CAAC,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { Constructor } from './constructor';\n\nexport declare class SizableInterface {\n /*\n Determines the size of the component.\n * @type {\"small\" \| \"medium\" \| \"large\"}\n /\n public size: 'small' \| 'medium' \| 'large';\n}\n\nexport const SizableMixin = <T extends Constructor<LitElement>>(\n superClass: T\n) => {\n class SizableElement extends superClass {\n /\n Determines the size of the component.\n * @attr\n * @type {\"small\" \| \"medium\" \| \"large\"}\n */\n @property({ reflect: true })\n public size: 'small' \| 'medium' \| 'large' = 'large';\n }\n return SizableElement as Constructor<SizableInterface> & T;\n};\n"]}
1	+ {"version":3,"file":"sizable.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/sizable.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAa/C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,UAAa,EACb,EAAE;IACF,MAAM,cAAe,SAAQ,UAAU;QAAvC;;YASS,SAAI,GAAiC,OAAO,CAAC;QAStD,CAAC;QANW,UAAU;YAClB,IAAI,CAAC,KAAK,CAAC,WAAW,CACpB,kBAAkB,EAClB,gCAAgC,IAAI,CAAC,IAAI,IAAI,CAC9C,CAAC;QACJ,CAAC;KACF;IATQ;QADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACwB;IAG1C;QADT,KAAK,CAAC,MAAM,CAAC;oDAMb;IAEH,OAAO,cAAmD,CAAC;AAC7D,CAAC,CAAC","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { Constructor } from './constructor';\nimport { watch } from '../decorators/watch.js';\n\nexport declare class SizableInterface {\n /*\n Determines the size of the component.\n * @attr\n * @type {\"small\" \| \"medium\" \| \"large\"}\n \n @deprecated - since v4.5.0. Use the `--ig-size` CSS custom property instead.\n /\n public size: 'small' \| 'medium' \| 'large';\n}\n\nexport const SizableMixin = <T extends Constructor<LitElement>>(\n superClass: T\n) => {\n class SizableElement extends superClass {\n /\n Determines the size of the component.\n * @attr\n * @type {\"small\" \| \"medium\" \| \"large\"}\n \n @deprecated - since v4.5.0. Use the `--ig-size` CSS custom property instead.\n */\n @property({ reflect: true })\n public size: 'small' \| 'medium' \| 'large' = 'large';\n\n @watch('size')\n protected updateSize() {\n this.style.setProperty(\n '--component-size',\n `var(--ig-size, var(--ig-size-${this.size}))`\n );\n }\n }\n return SizableElement as Constructor<SizableInterface> & T;\n};\n"]}

package/components/common/util.d.ts CHANGED Viewed

@@ -23,6 +23,7 @@ export declare function getOffset(element: HTMLElement, parent: HTMLElement): {
 };
 export declare function createCounter(): () => number;
 export declare function isLTR(element: HTMLElement): boolean;
+export declare function extractText<T extends Node>(arr: T[]): string[];
 /**
  * Builds a string from format specifiers and replacement parameters.
  *

package/components/common/util.js CHANGED Viewed

@@ -25,6 +25,16 @@ export function createCounter() {
 export function isLTR(element) {
     return getComputedStyle(element).getPropertyValue('direction') === 'ltr';
 }
+export function extractText(arr) {
+    return arr.reduce((agg, item) => {
+        var _a;
+        const text = (_a = item.textContent) === null || _a === void 0 ? void 0 : _a.trim();
+        if (text) {
+            agg.push(text);
+        }
+        return agg;
+    }, []);
+}
 export function format(template, ...params) {
     return template.replace(/{(\d+)}/g, function (match, index) {
         if (index >= params.length) {

package/components/common/util.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/common/util.ts"],"names":[],"mappings":"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","sourcesContent":["export interface PartNameInfo {\n readonly [name: string]: string \| boolean \| number;\n}\n\nexport const partNameMap = (partNameInfo: PartNameInfo) => {\n return Object.keys(partNameInfo)\n .filter((key) => partNameInfo[key])\n .join(' ');\n};\n\nexport const asPercent = (part: number, whole: number) => (part / whole) * 100;\n\nexport const clamp = (number: number, min: number, max: number) =>\n Math.max(min, Math.min(number, max));\n\n/*\n \n * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the\n * parent doesn't have to be positioned relative or absolute.\n \n Work around for the following issues in Chromium based browsers:\n \n https://bugs.chromium.org/p/chromium/issues/detail?id=1330819\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1334556\n \n /\nexport function getOffset(element: HTMLElement, parent: HTMLElement) {\n const { top, left, bottom, right } = element.getBoundingClientRect();\n const {\n top: pTop,\n left: pLeft,\n bottom: pBottom,\n right: pRight,\n } = parent.getBoundingClientRect();\n\n return {\n top: Math.round(top - pTop),\n left: Math.round(left - pLeft),\n right: Math.round(right - pRight),\n bottom: Math.round(bottom - pBottom),\n };\n}\n\nexport function createCounter() {\n let i = 0;\n return function () {\n i++;\n return i;\n };\n}\n\nexport function isLTR(element: HTMLElement) {\n return getComputedStyle(element).getPropertyValue('direction') === 'ltr';\n}\n\n/*\n Builds a string from format specifiers and replacement parameters.\n \n @example\n * ```typescript\n * format('{0} says \"{1}\".', 'John', 'Hello'); // 'John says \"Hello\".'\n * ```\n /\nexport function format(template: string, ...params: string[]): string {\n return template.replace(/{(\\d+)}/g, function (match: string, index: number) {\n if (index >= params.length) {\n return match;\n }\n\n const value: string = params[index];\n if (typeof value !== 'number' && !value) {\n return '';\n }\n return value;\n });\n}\n\n/\n Parse the passed `value` as a number or return the `fallback` if it can't be done.\n \n @example\n * ```typescript\n * asNumber('5'); // 5\n * asNumber('3.14'); // 3.14\n * asNumber('five'); // 0\n * asNUmber('five', 5); // 5\n * ```\n /\nexport function asNumber(value: unknown, fallback = 0) {\n const parsed = parseFloat(value as string);\n return isNaN(parsed) ? fallback : parsed;\n}\n\n/\n Returns the value wrapped between the min and max bounds.\n \n If the value is greater than max, returns the min and vice-versa.\n * If the value is between the bounds, it is returned unchanged.\n \n @example\n * ```typescript\n * wrap(1, 4, 2); // 2\n * wrap(1, 4, 5); // 1\n * wrap(1, 4, -1); // 4\n * ```\n /\nexport function wrap(min: number, max: number, value: number) {\n if (value < min) {\n return max;\n } else if (value > max) {\n return min;\n }\n\n return value;\n}\n\nexport function isDefined<T = unknown>(value: T) {\n return value !== undefined;\n}\n\n/* Convenient wrapper for `Array.some` */\nexport function any<T>(\n arr: T[],\n predicate: keyof T \| ((item: T, idx: number, array: T[]) => boolean)\n) {\n if (predicate instanceof Function) {\n return arr.some(predicate);\n }\n return arr.some((item) => Boolean(item[predicate]));\n}\n"]}
1	+ {"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/components/common/util.ts"],"names":[],"mappings":"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","sourcesContent":["export interface PartNameInfo {\n readonly [name: string]: string \| boolean \| number;\n}\n\nexport const partNameMap = (partNameInfo: PartNameInfo) => {\n return Object.keys(partNameInfo)\n .filter((key) => partNameInfo[key])\n .join(' ');\n};\n\nexport const asPercent = (part: number, whole: number) => (part / whole) * 100;\n\nexport const clamp = (number: number, min: number, max: number) =>\n Math.max(min, Math.min(number, max));\n\n/*\n \n * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the\n * parent doesn't have to be positioned relative or absolute.\n \n Work around for the following issues in Chromium based browsers:\n \n https://bugs.chromium.org/p/chromium/issues/detail?id=1330819\n * https://bugs.chromium.org/p/chromium/issues/detail?id=1334556\n \n /\nexport function getOffset(element: HTMLElement, parent: HTMLElement) {\n const { top, left, bottom, right } = element.getBoundingClientRect();\n const {\n top: pTop,\n left: pLeft,\n bottom: pBottom,\n right: pRight,\n } = parent.getBoundingClientRect();\n\n return {\n top: Math.round(top - pTop),\n left: Math.round(left - pLeft),\n right: Math.round(right - pRight),\n bottom: Math.round(bottom - pBottom),\n };\n}\n\nexport function createCounter() {\n let i = 0;\n return function () {\n i++;\n return i;\n };\n}\n\nexport function isLTR(element: HTMLElement) {\n return getComputedStyle(element).getPropertyValue('direction') === 'ltr';\n}\n\nexport function extractText<T extends Node>(arr: T[]) {\n return arr.reduce((agg: string[], item: T) => {\n const text = item.textContent?.trim();\n if (text) {\n agg.push(text);\n }\n return agg;\n }, []);\n}\n\n/*\n Builds a string from format specifiers and replacement parameters.\n \n @example\n * ```typescript\n * format('{0} says \"{1}\".', 'John', 'Hello'); // 'John says \"Hello\".'\n * ```\n /\nexport function format(template: string, ...params: string[]): string {\n return template.replace(/{(\\d+)}/g, function (match: string, index: number) {\n if (index >= params.length) {\n return match;\n }\n\n const value: string = params[index];\n if (typeof value !== 'number' && !value) {\n return '';\n }\n return value;\n });\n}\n\n/\n Parse the passed `value` as a number or return the `fallback` if it can't be done.\n \n @example\n * ```typescript\n * asNumber('5'); // 5\n * asNumber('3.14'); // 3.14\n * asNumber('five'); // 0\n * asNUmber('five', 5); // 5\n * ```\n /\nexport function asNumber(value: unknown, fallback = 0) {\n const parsed = parseFloat(value as string);\n return isNaN(parsed) ? fallback : parsed;\n}\n\n/\n Returns the value wrapped between the min and max bounds.\n \n If the value is greater than max, returns the min and vice-versa.\n * If the value is between the bounds, it is returned unchanged.\n \n @example\n * ```typescript\n * wrap(1, 4, 2); // 2\n * wrap(1, 4, 5); // 1\n * wrap(1, 4, -1); // 4\n * ```\n /\nexport function wrap(min: number, max: number, value: number) {\n if (value < min) {\n return max;\n } else if (value > max) {\n return min;\n }\n\n return value;\n}\n\nexport function isDefined<T = unknown>(value: T) {\n return value !== undefined;\n}\n\n/* Convenient wrapper for `Array.some` */\nexport function any<T>(\n arr: T[],\n predicate: keyof T \| ((item: T, idx: number, array: T[]) => boolean)\n) {\n if (predicate instanceof Function) {\n return arr.some(predicate);\n }\n return arr.some((item) => Boolean(item[predicate]));\n}\n"]}

package/components/date-time-input/date-time-input.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { DatePartDeltas, DatePart } from './date-util.js';
-import { IgcMaskInputBaseComponent, MaskRange } from '../mask-input/mask-input-base.js';
-import { IgcInputEventMap } from '../input/input-base.js';
 import { AbstractConstructor } from '../common/mixins/constructor.js';
 import { Validator } from '../common/validators.js';
+import { IgcInputEventMap } from '../input/input-base.js';
+import { IgcMaskInputBaseComponent, MaskRange } from '../mask-input/mask-input-base.js';
+import { DatePart, DatePartDeltas } from './date-util.js';
 export interface IgcDateTimeInputEventMap extends Omit<IgcInputEventMap, 'igcChange'> {
     igcChange: CustomEvent<Date | null>;
 }
@@ -31,6 +31,7 @@ declare const IgcDateTimeInputComponent_base: AbstractConstructor<import("../com
  */
 export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent_base {
     static readonly tagName = "igc-date-time-input";
+    static register(): void;
     protected validators: Validator<this>[];
     protected _defaultMask: string;
     protected _value: Date | null;

package/components/date-time-input/date-time-input.js CHANGED Viewed

@@ -6,15 +6,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
-import { DateParts, DatePart, DateTimeUtil, } from './date-util.js';
 import { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';
 import { watch } from '../common/decorators/watch.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { IgcMaskInputBaseComponent, } from '../mask-input/mask-input-base.js';
-import { format, partNameMap } from '../common/util.js';
-import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import { registerComponent } from '../common/definitions/register.js';
 import messages from '../common/localization/validation-en.js';
+import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
+import { format, partNameMap } from '../common/util.js';
+import { IgcMaskInputBaseComponent, } from '../mask-input/mask-input-base.js';
+import { DatePart, DateParts, DateTimeUtil, } from './date-util.js';
 const converter = {
     fromAttribute: (value) => !value ? null : DateTimeUtil.parseIsoDate(value),
     toAttribute: (value) => value.toISOString(),
@@ -63,6 +64,9 @@ class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMaskInputBaseCompon
             ';': this.handleSemicolon,
         }));
     }
+    static register() {
+        registerComponent(this);
+    }
     get inputFormat() {
         return this._inputFormat || this._defaultMask;
     }