igniteui-webcomponents 2.2.0 → 3.2.0

package/components/chip/themes/chip.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{background:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-500-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{background:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-500-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;
 //# sourceMappingURL=chip.material.css.js.map

package/components/chip/themes/chip.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,otLAAotL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{background:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-500-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"chip.material.css.js","sourceRoot":"","sources":["../../../../src/components/chip/themes/chip.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gvLAAgvL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top}:host button{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--igc-font-family);border-style:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}:host button[disabled]{pointer-events:none;color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) button{height:1.25rem;padding:.125rem}:host([size=small]) [part=prefix]{-webkit-margin-end:.1875rem;margin-inline-end:.1875rem}:host([size=small]) [part=suffix]{-webkit-margin-start:.1875rem;margin-inline-start:.1875rem}:host([size=medium]) button{height:1.5rem;padding:.375rem}:host([size=medium]) [part=prefix]{-webkit-margin-end:.375rem;margin-inline-end:.375rem}:host([size=medium]) [part=suffix]{-webkit-margin-start:.375rem;margin-inline-start:.375rem}:host([size=large]) button{height:2rem;padding:.75rem}:host([size=large]) [part=prefix]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host([size=large]) [part=suffix]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([size=large]) igc-icon[size=large]{--size: 1.25rem}:host([variant=primary]) button,:host([selected][variant=primary]) button:not([disabled]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=primary]) button:hover,:host([selected][variant=primary]) button:not([disabled]):hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([variant=primary]) button:focus,:host([selected][variant=primary]) button:not([disabled]):focus{background:hsla(var(--igc-primary-800), var(--igc-primary-a));color:var(--igc-primary-800-contrast)}:host([variant=info]) button,:host([selected][variant=info]) button:not([disabled]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=info]) button:hover,:host([selected][variant=info]) button:not([disabled]):hover{background:hsla(var(--igc-info-600), var(--igc-info-a));color:var(--igc-info-600-contrast)}:host([variant=info]) button:focus,:host([selected][variant=info]) button:not([disabled]):focus{background:hsla(var(--igc-info-800), var(--igc-info-a));color:var(--igc-info-800-contrast)}:host([variant=success]) button,:host([selected][variant=success]) button:not([disabled]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=success]) button:hover,:host([selected][variant=success]) button:not([disabled]):hover{background:hsla(var(--igc-success-600), var(--igc-success-a));color:var(--igc-success-600-contrast)}:host([variant=success]) button:focus,:host([selected][variant=success]) button:not([disabled]):focus{background:hsla(var(--igc-success-800), var(--igc-success-a));color:var(--igc-success-800-contrast)}:host([variant=warning]) button,:host([selected][variant=warning]) button:not([disabled]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=warning]) button:hover,:host([selected][variant=warning]) button:not([disabled]):hover{background:hsla(var(--igc-warn-600), var(--igc-warn-a));color:var(--igc-warn-600-contrast)}:host([variant=warning]) button:focus,:host([selected][variant=warning]) button:not([disabled]):focus{background:hsla(var(--igc-warn-800), var(--igc-warn-a));color:var(--igc-warn-800-contrast)}:host([variant=danger]) button,:host([selected][variant=danger]) button:not([disabled]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([variant=danger]) button:hover,:host([selected][variant=danger]) button:not([disabled]):hover{background:hsla(var(--igc-error-600), var(--igc-error-a));color:var(--igc-error-600-contrast)}:host([variant=danger]) button:focus,:host([selected][variant=danger]) button:not([disabled]):focus{background:hsla(var(--igc-error-800), var(--igc-error-a));color:var(--igc-error-800-contrast)}[part=prefix],[part=suffix]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}:host([variant=primary]) button[disabled],:host([variant=info]) button[disabled],:host([variant=success]) button[disabled],:host([variant=warning]) button[disabled],:host([variant=danger]) button[disabled]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host button{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:var(--igc-gray-300-contrast)}:host button:hover{background:hsla(var(--igc-gray-400), var(--igc-gray-a));color:var(--igc-gray-400-contrast)}:host button:focus{background:hsla(var(--igc-gray-500), var(--igc-gray-a));color:var(--igc-gray-500-contrast)}:host button[disabled]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}`;\n"]}

package/components/common/definitions/defineAllComponents.js

@@ -1,44 +1,48 @@
-import IgcAvatarComponent from '../../avatar/avatar';
-import IgcBadgeComponent from '../../badge/badge';
-import IgcButtonComponent from '../../button/button';
-import IgcIconButtonComponent from '../../button/icon-button';
-import IgcCalendarComponent from '../../calendar/calendar';
-import IgcCardComponent from '../../card/card';
-import IgcCardActionsComponent from '../../card/card.actions';
-import IgcCardContentComponent from '../../card/card.content';
-import IgcCardHeaderComponent from '../../card/card.header';
-import IgcCardMediaComponent from '../../card/card.media';
-import IgcCheckboxComponent from '../../checkbox/checkbox';
-import IgcChipComponent from '../../chip/chip';
-import IgcCircularProgressComponent from '../../progress/circular-progress';
-import IgcDropDownComponent from '../../dropdown/dropdown';
-import IgcDropDownGroupComponent from '../../dropdown/dropdown-group';
-import IgcDropDownHeaderComponent from '../../dropdown/dropdown-header';
-import IgcDropDownItemComponent from '../../dropdown/dropdown-item';
-import IgcSwitchComponent from '../../checkbox/switch';
-import IgcFormComponent from '../../form/form';
-import IgcIconComponent from '../../icon/icon';
-import IgcInputComponent from '../../input/input';
-import IgcLinearProgressComponent from '../../progress/linear-progress';
-import IgcListComponent from '../../list/list';
-import IgcListHeaderComponent from '../../list/list-header';
-import IgcListItemComponent from '../../list/list-item';
-import IgcNavDrawerComponent from '../../nav-drawer/nav-drawer';
-import IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item';
-import IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item';
-import IgcNavbarComponent from '../../navbar/navbar';
-import IgcRadioGroupComponent from '../../radio-group/radio-group';
-import IgcRadioComponent from '../../radio/radio';
-import IgcRatingComponent from '../../rating/rating';
-import IgcRatingSymbolComponent from '../../rating/rating-symbol';
-import IgcRippleComponent from '../../ripple/ripple';
-import IgcRangeSliderComponent from '../../slider/range-slider';
-import IgcSliderComponent from '../../slider/slider';
-import IgcSnackbarComponent from '../../snackbar/snackbar';
-import IgcToastComponent from '../../toast/toast';
-import IgcSliderLabelComponent from '../../slider/slider-label';
-import { defineComponents } from './defineComponents';
-import IgcCircularGradientComponent from '../../progress/circular-gradient';
+import IgcAvatarComponent from '../../avatar/avatar.js';
+import IgcBadgeComponent from '../../badge/badge.js';
+import IgcButtonComponent from '../../button/button.js';
+import IgcIconButtonComponent from '../../button/icon-button.js';
+import IgcCalendarComponent from '../../calendar/calendar.js';
+import IgcCardComponent from '../../card/card.js';
+import IgcCardActionsComponent from '../../card/card.actions.js';
+import IgcCardContentComponent from '../../card/card.content.js';
+import IgcCardHeaderComponent from '../../card/card.header.js';
+import IgcCardMediaComponent from '../../card/card.media.js';
+import IgcCheckboxComponent from '../../checkbox/checkbox.js';
+import IgcChipComponent from '../../chip/chip.js';
+import IgcCircularProgressComponent from '../../progress/circular-progress.js';
+import IgcDropdownComponent from '../../dropdown/dropdown.js';
+import IgcDropdownGroupComponent from '../../dropdown/dropdown-group.js';
+import IgcDropdownHeaderComponent from '../../dropdown/dropdown-header.js';
+import IgcDropdownItemComponent from '../../dropdown/dropdown-item.js';
+import IgcSwitchComponent from '../../checkbox/switch.js';
+import IgcFormComponent from '../../form/form.js';
+import IgcIconComponent from '../../icon/icon.js';
+import IgcInputComponent from '../../input/input.js';
+import IgcLinearProgressComponent from '../../progress/linear-progress.js';
+import IgcListComponent from '../../list/list.js';
+import IgcListHeaderComponent from '../../list/list-header.js';
+import IgcListItemComponent from '../../list/list-item.js';
+import IgcNavDrawerComponent from '../../nav-drawer/nav-drawer.js';
+import IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item.js';
+import IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item.js';
+import IgcNavbarComponent from '../../navbar/navbar.js';
+import IgcRadioGroupComponent from '../../radio-group/radio-group.js';
+import IgcRadioComponent from '../../radio/radio.js';
+import IgcRatingComponent from '../../rating/rating.js';
+import IgcRatingSymbolComponent from '../../rating/rating-symbol.js';
+import IgcRippleComponent from '../../ripple/ripple.js';
+import IgcRangeSliderComponent from '../../slider/range-slider.js';
+import IgcSliderComponent from '../../slider/slider.js';
+import IgcSnackbarComponent from '../../snackbar/snackbar.js';
+import IgcToastComponent from '../../toast/toast.js';
+import IgcSliderLabelComponent from '../../slider/slider-label.js';
+import { defineComponents } from './defineComponents.js';
+import IgcCircularGradientComponent from '../../progress/circular-gradient.js';
+import IgcMaskInputComponent from '../../mask-input/mask-input.js';
+import IgcExpansionPanelComponent from '../../expansion-panel/expansion-panel.js';
+import IgcTreeComponent from '../../tree/tree.js';
+import IgcTreeItemComponent from '../../tree/tree-item.js';
 const allComponents = [
     IgcAvatarComponent,
     IgcBadgeComponent,
@@ -52,17 +56,19 @@ const allComponents = [
     IgcCardComponent,
     IgcCheckboxComponent,
     IgcChipComponent,
-    IgcDropDownComponent,
-    IgcDropDownGroupComponent,
-    IgcDropDownHeaderComponent,
-    IgcDropDownItemComponent,
+    IgcDropdownComponent,
+    IgcDropdownGroupComponent,
+    IgcDropdownHeaderComponent,
+    IgcDropdownItemComponent,
     IgcSwitchComponent,
+    IgcExpansionPanelComponent,
     IgcFormComponent,
     IgcIconComponent,
     IgcInputComponent,
     IgcListHeaderComponent,
     IgcListItemComponent,
     IgcListComponent,
+    IgcMaskInputComponent,
     IgcNavDrawerHeaderItemComponent,
     IgcNavDrawerItemComponent,
     IgcNavDrawerComponent,
@@ -72,6 +78,8 @@ const allComponents = [
     IgcRatingComponent,
     IgcRatingSymbolComponent,
     IgcRippleComponent,
+    IgcTreeComponent,
+    IgcTreeItemComponent,
     IgcSliderComponent,
     IgcToastComponent,
     IgcSliderLabelComponent,

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

@@ -1 +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';\nimport IgcBadgeComponent from '../../badge/badge';\nimport IgcButtonComponent from '../../button/button';\nimport IgcIconButtonComponent from '../../button/icon-button';\nimport IgcCalendarComponent from '../../calendar/calendar';\nimport IgcCardComponent from '../../card/card';\nimport IgcCardActionsComponent from '../../card/card.actions';\nimport IgcCardContentComponent from '../../card/card.content';\nimport IgcCardHeaderComponent from '../../card/card.header';\nimport IgcCardMediaComponent from '../../card/card.media';\nimport IgcCheckboxComponent from '../../checkbox/checkbox';\nimport IgcChipComponent from '../../chip/chip';\nimport IgcCircularProgressComponent from '../../progress/circular-progress';\nimport IgcDropDownComponent from '../../dropdown/dropdown';\nimport IgcDropDownGroupComponent from '../../dropdown/dropdown-group';\nimport IgcDropDownHeaderComponent from '../../dropdown/dropdown-header';\nimport IgcDropDownItemComponent from '../../dropdown/dropdown-item';\nimport IgcSwitchComponent from '../../checkbox/switch';\nimport IgcFormComponent from '../../form/form';\nimport IgcIconComponent from '../../icon/icon';\nimport IgcInputComponent from '../../input/input';\nimport IgcLinearProgressComponent from '../../progress/linear-progress';\nimport IgcListComponent from '../../list/list';\nimport IgcListHeaderComponent from '../../list/list-header';\nimport IgcListItemComponent from '../../list/list-item';\nimport IgcNavDrawerComponent from '../../nav-drawer/nav-drawer';\nimport IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item';\nimport IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item';\nimport IgcNavbarComponent from '../../navbar/navbar';\nimport IgcRadioGroupComponent from '../../radio-group/radio-group';\nimport IgcRadioComponent from '../../radio/radio';\nimport IgcRatingComponent from '../../rating/rating';\nimport IgcRatingSymbolComponent from '../../rating/rating-symbol';\nimport IgcRippleComponent from '../../ripple/ripple';\nimport IgcRangeSliderComponent from '../../slider/range-slider';\nimport IgcSliderComponent from '../../slider/slider';\nimport IgcSnackbarComponent from '../../snackbar/snackbar';\nimport IgcToastComponent from '../../toast/toast';\nimport IgcSliderLabelComponent from '../../slider/slider-label';\nimport { defineComponents } from './defineComponents';\nimport IgcCircularGradientComponent from '../../progress/circular-gradient';\n\nconst allComponents: CustomElementConstructor[] = [\n  IgcAvatarComponent,\n  IgcBadgeComponent,\n  IgcButtonComponent,\n  IgcIconButtonComponent,\n  IgcCalendarComponent,\n  IgcCardActionsComponent,\n  IgcCardContentComponent,\n  IgcCardHeaderComponent,\n  IgcCardMediaComponent,\n  IgcCardComponent,\n  IgcCheckboxComponent,\n  IgcChipComponent,\n  IgcDropDownComponent,\n  IgcDropDownGroupComponent,\n  IgcDropDownHeaderComponent,\n  IgcDropDownItemComponent,\n  IgcSwitchComponent,\n  IgcFormComponent,\n  IgcIconComponent,\n  IgcInputComponent,\n  IgcListHeaderComponent,\n  IgcListItemComponent,\n  IgcListComponent,\n  IgcNavDrawerHeaderItemComponent,\n  IgcNavDrawerItemComponent,\n  IgcNavDrawerComponent,\n  IgcNavbarComponent,\n  IgcRadioComponent,\n  IgcRadioGroupComponent,\n  IgcRatingComponent,\n  IgcRatingSymbolComponent,\n  IgcRippleComponent,\n  IgcSliderComponent,\n  IgcToastComponent,\n  IgcSliderLabelComponent,\n  IgcRangeSliderComponent,\n  IgcCircularProgressComponent,\n  IgcLinearProgressComponent,\n  IgcCircularGradientComponent,\n  IgcSnackbarComponent,\n];\n\nexport const defineAllComponents = () => {\n  defineComponents(...allComponents);\n};\n"]}
+{"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 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 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 { defineComponents } from './defineComponents.js';\nimport IgcCircularGradientComponent from '../../progress/circular-gradient.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';\n\nconst allComponents: CustomElementConstructor[] = [\n  IgcAvatarComponent,\n  IgcBadgeComponent,\n  IgcButtonComponent,\n  IgcIconButtonComponent,\n  IgcCalendarComponent,\n  IgcCardActionsComponent,\n  IgcCardContentComponent,\n  IgcCardHeaderComponent,\n  IgcCardMediaComponent,\n  IgcCardComponent,\n  IgcCheckboxComponent,\n  IgcChipComponent,\n  IgcDropdownComponent,\n  IgcDropdownGroupComponent,\n  IgcDropdownHeaderComponent,\n  IgcDropdownItemComponent,\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  IgcTreeComponent,\n  IgcTreeItemComponent,\n  IgcSliderComponent,\n  IgcToastComponent,\n  IgcSliderLabelComponent,\n  IgcRangeSliderComponent,\n  IgcCircularProgressComponent,\n  IgcLinearProgressComponent,\n  IgcCircularGradientComponent,\n  IgcSnackbarComponent,\n];\n\nexport const defineAllComponents = () => {\n  defineComponents(...allComponents);\n};\n"]}

package/components/dropdown/dropdown-group.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import IgcDropDownItemComponent from './dropdown-item';
+import type IgcDropdownItemComponent from './dropdown-item';
 /**
  * @element igc-dropdown-group - A container for a group of `igc-dropdown-item` components.
  *
@@ -8,11 +8,11 @@ import IgcDropDownItemComponent from './dropdown-item';
  *
  * @csspart label - The native label element.
  */
-export default class IgcDropDownGroupComponent extends LitElement {
+export default class IgcDropdownGroupComponent extends LitElement {
     static readonly tagName = "igc-dropdown-group";
     static styles: import("lit").CSSResult;
     /** All child `igc-dropdown-item`s. */
-    items: Array<IgcDropDownItemComponent>;
+    items: Array<IgcDropdownItemComponent>;
     /** @private */
     size: 'small' | 'medium' | 'large';
     connectedCallback(): void;
@@ -20,6 +20,6 @@ export default class IgcDropDownGroupComponent extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'igc-dropdown-group': IgcDropDownGroupComponent;
+        'igc-dropdown-group': IgcDropdownGroupComponent;
     }
 }

package/components/dropdown/dropdown-group.js

@@ -6,10 +6,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { property, queryAssignedElements } from 'lit/decorators.js';
-import { themes } from '../../theming';
-import { styles } from './themes/light/dropdown-group.base.css';
-import { styles as fluent } from './themes/light/dropdown-group.fluent.css';
-let IgcDropDownGroupComponent = class IgcDropDownGroupComponent extends LitElement {
+import { themes } from '../../theming/theming-decorator.js';
+import { styles } from './themes/light/dropdown-group.base.css.js';
+import { styles as fluent } from './themes/light/dropdown-group.fluent.css.js';
+let IgcDropdownGroupComponent = class IgcDropdownGroupComponent extends LitElement {
     constructor() {
         super(...arguments);
         this.size = 'large';
@@ -27,16 +27,16 @@ let IgcDropDownGroupComponent = class IgcDropDownGroupComponent extends LitEleme
     `;
     }
 };
-IgcDropDownGroupComponent.tagName = 'igc-dropdown-group';
-IgcDropDownGroupComponent.styles = styles;
+IgcDropdownGroupComponent.tagName = 'igc-dropdown-group';
+IgcDropdownGroupComponent.styles = styles;
 __decorate([
     queryAssignedElements({ flatten: true, selector: 'igc-dropdown-item' })
-], IgcDropDownGroupComponent.prototype, "items", void 0);
+], IgcDropdownGroupComponent.prototype, "items", void 0);
 __decorate([
     property({ reflect: true })
-], IgcDropDownGroupComponent.prototype, "size", void 0);
-IgcDropDownGroupComponent = __decorate([
+], IgcDropdownGroupComponent.prototype, "size", void 0);
+IgcDropdownGroupComponent = __decorate([
     themes({ fluent })
-], IgcDropDownGroupComponent);
-export default IgcDropDownGroupComponent;
+], IgcDropdownGroupComponent);
+export default IgcDropdownGroupComponent;
 //# sourceMappingURL=dropdown-group.js.map

package/components/dropdown/dropdown-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-group.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAa5E,IAAqB,yBAAyB,GAA9C,MAAqB,yBAA0B,SAAQ,UAAU;IAAjE;;QAWS,SAAI,GAAiC,OAAO,CAAC;IAgBtD,CAAC;IAdiB,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAyB,CAAC;QACtE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC5B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;KAGV,CAAC;IACJ,CAAC;CACF,CAAA;AA1BwB,iCAAO,GAAG,oBAAqB,CAAA;AAE/B,gCAAM,GAAG,MAAO,CAAA;AAIvC;IADC,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;wDACzB;AAI/C;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACwB;AAXjC,yBAAyB;IAD7C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;GACE,yBAAyB,CA2B7C;eA3BoB,yBAAyB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { themes } from '../../theming';\nimport { styles } from './themes/light/dropdown-group.base.css';\nimport { styles as fluent } from './themes/light/dropdown-group.fluent.css';\nimport IgcDropDownItemComponent from './dropdown-item';\nimport IgcDropDownComponent from './dropdown';\n\n/**\n * @element igc-dropdown-group - A container for a group of `igc-dropdown-item` components.\n *\n * @slot label - Contains the group's label.\n * @slot - Intended to contain the items belonging to this group.\n *\n * @csspart label - The native label element.\n */\n@themes({ fluent })\nexport default class IgcDropDownGroupComponent extends LitElement {\n  public static readonly tagName = 'igc-dropdown-group';\n\n  public static override styles = styles;\n\n  /** All child `igc-dropdown-item`s. */\n  @queryAssignedElements({ flatten: true, selector: 'igc-dropdown-item' })\n  public items!: Array<IgcDropDownItemComponent>;\n\n  /** @private */\n  @property({ reflect: true })\n  public size: 'small' | 'medium' | 'large' = 'large';\n\n  public override connectedCallback() {\n    super.connectedCallback();\n\n    this.setAttribute('role', 'group');\n    const dropdown = this.closest('igc-dropdown') as IgcDropDownComponent;\n    this.size = dropdown.size;\n  }\n\n  protected override render() {\n    return html`\n      <label part=\"label\"><slot name=\"label\"></slot></label>\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-group': IgcDropDownGroupComponent;\n  }\n}\n"]}
+{"version":3,"file":"dropdown-group.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,2CAA2C,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAa/E,IAAqB,yBAAyB,GAA9C,MAAqB,yBAA0B,SAAQ,UAAU;IAAjE;;QAWS,SAAI,GAAiC,OAAO,CAAC;IAgBtD,CAAC;IAdiB,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAyB,CAAC;QACtE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;IAC5B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;KAGV,CAAC;IACJ,CAAC;CACF,CAAA;AA1BwB,iCAAO,GAAG,oBAAqB,CAAA;AAE/B,gCAAM,GAAG,MAAO,CAAA;AAIvC;IADC,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;wDACzB;AAI/C;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACwB;AAXjC,yBAAyB;IAD7C,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;GACE,yBAAyB,CA2B7C;eA3BoB,yBAAyB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/dropdown-group.base.css.js';\nimport { styles as fluent } from './themes/light/dropdown-group.fluent.css.js';\nimport type IgcDropdownItemComponent from './dropdown-item';\nimport type IgcDropdownComponent from './dropdown';\n\n/**\n * @element igc-dropdown-group - A container for a group of `igc-dropdown-item` components.\n *\n * @slot label - Contains the group's label.\n * @slot - Intended to contain the items belonging to this group.\n *\n * @csspart label - The native label element.\n */\n@themes({ fluent })\nexport default class IgcDropdownGroupComponent extends LitElement {\n  public static readonly tagName = 'igc-dropdown-group';\n\n  public static override styles = styles;\n\n  /** All child `igc-dropdown-item`s. */\n  @queryAssignedElements({ flatten: true, selector: 'igc-dropdown-item' })\n  public items!: Array<IgcDropdownItemComponent>;\n\n  /** @private */\n  @property({ reflect: true })\n  public size: 'small' | 'medium' | 'large' = 'large';\n\n  public override connectedCallback() {\n    super.connectedCallback();\n\n    this.setAttribute('role', 'group');\n    const dropdown = this.closest('igc-dropdown') as IgcDropdownComponent;\n    this.size = dropdown.size;\n  }\n\n  protected override render() {\n    return html`\n      <label part=\"label\"><slot name=\"label\"></slot></label>\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-group': IgcDropdownGroupComponent;\n  }\n}\n"]}

package/components/dropdown/dropdown-header.d.ts

@@ -4,13 +4,13 @@ import { LitElement } from 'lit';
  *
  * @slot - Renders the header.
  */
-export default class IgcDropDownHeaderComponent extends LitElement {
+export default class IgcDropdownHeaderComponent extends LitElement {
     static readonly tagName = "igc-dropdown-header";
     static styles: import("lit").CSSResult;
-    render(): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'igc-dropdown-header': IgcDropDownHeaderComponent;
+        'igc-dropdown-header': IgcDropdownHeaderComponent;
     }
 }

package/components/dropdown/dropdown-header.js

@@ -5,18 +5,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement } from 'lit';
-import { themes } from '../../theming';
-import { styles } from './themes/light/dropdown-header.base.css';
-import { styles as bootstrap } from './themes/light/dropdown-header.bootstrap.css';
-let IgcDropDownHeaderComponent = class IgcDropDownHeaderComponent extends LitElement {
+import { themes } from '../../theming/theming-decorator.js';
+import { styles } from './themes/light/dropdown-header.base.css.js';
+import { styles as bootstrap } from './themes/light/dropdown-header.bootstrap.css.js';
+let IgcDropdownHeaderComponent = class IgcDropdownHeaderComponent extends LitElement {
     render() {
         return html `<slot></slot>`;
     }
 };
-IgcDropDownHeaderComponent.tagName = 'igc-dropdown-header';
-IgcDropDownHeaderComponent.styles = styles;
-IgcDropDownHeaderComponent = __decorate([
+IgcDropdownHeaderComponent.tagName = 'igc-dropdown-header';
+IgcDropdownHeaderComponent.styles = styles;
+IgcDropdownHeaderComponent = __decorate([
     themes({ bootstrap })
-], IgcDropDownHeaderComponent);
-export default IgcDropDownHeaderComponent;
+], IgcDropdownHeaderComponent);
+export default IgcDropdownHeaderComponent;
 //# sourceMappingURL=dropdown-header.js.map

package/components/dropdown/dropdown-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-header.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8CAA8C,CAAC;AAQnF,IAAqB,0BAA0B,GAA/C,MAAqB,0BAA2B,SAAQ,UAAU;IAKhD,MAAM;QACpB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAPwB,kCAAO,GAAG,qBAAsB,CAAA;AAEhC,iCAAM,GAAG,MAAO,CAAA;AAHpB,0BAA0B;IAD9C,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;GACD,0BAA0B,CAQ9C;eARoB,0BAA0B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming';\nimport { styles } from './themes/light/dropdown-header.base.css';\nimport { styles as bootstrap } from './themes/light/dropdown-header.bootstrap.css';\n\n/**\n * @element igc-dropdown-header - Represents a header item in a dropdown list.\n *\n * @slot - Renders the header.\n */\n@themes({ bootstrap })\nexport default class IgcDropDownHeaderComponent extends LitElement {\n  public static readonly tagName = 'igc-dropdown-header';\n\n  public static override styles = styles;\n\n  public override render() {\n    return html`<slot></slot>`;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-header': IgcDropDownHeaderComponent;\n  }\n}\n"]}
+{"version":3,"file":"dropdown-header.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAQtF,IAAqB,0BAA0B,GAA/C,MAAqB,0BAA2B,SAAQ,UAAU;IAK7C,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AAPwB,kCAAO,GAAG,qBAAsB,CAAA;AAEhC,iCAAM,GAAG,MAAO,CAAA;AAHpB,0BAA0B;IAD9C,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;GACD,0BAA0B,CAQ9C;eARoB,0BAA0B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/light/dropdown-header.base.css.js';\nimport { styles as bootstrap } from './themes/light/dropdown-header.bootstrap.css.js';\n\n/**\n * @element igc-dropdown-header - Represents a header item in a dropdown list.\n *\n * @slot - Renders the header.\n */\n@themes({ bootstrap })\nexport default class IgcDropdownHeaderComponent extends LitElement {\n  public static readonly tagName = 'igc-dropdown-header';\n\n  public static override styles = styles;\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-header': IgcDropdownHeaderComponent;\n  }\n}\n"]}

package/components/dropdown/dropdown-item.d.ts

@@ -12,7 +12,7 @@ import { LitElement } from 'lit';
  * @csspart content - The main content wrapper.
  * @csspart suffix - The suffix wrapper.
  */
-export default class IgcDropDownItemComponent extends LitElement {
+export default class IgcDropdownItemComponent extends LitElement {
     static readonly tagName = "igc-dropdown-item";
     static styles: import("lit").CSSResult;
     private _value;
@@ -41,6 +41,6 @@ export default class IgcDropDownItemComponent extends LitElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'igc-dropdown-item': IgcDropDownItemComponent;
+        'igc-dropdown-item': IgcDropdownItemComponent;
     }
 }

package/components/dropdown/dropdown-item.js

@@ -6,13 +6,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { watch } from '../common/decorators';
-import { themes } from '../../theming';
-import { styles } from './themes/light/dropdown-item.base.css';
-import { styles as bootstrap } from './themes/light/dropdown-item.bootstrap.css';
-import { styles as fluent } from './themes/light/dropdown-item.fluent.css';
-import { styles as indigo } from './themes/light/dropdown-item.indigo.css';
-let IgcDropDownItemComponent = class IgcDropDownItemComponent extends LitElement {
+import { themes } from '../../theming/theming-decorator.js';
+import { watch } from '../common/decorators/watch.js';
+import { styles } from './themes/light/dropdown-item.base.css.js';
+import { styles as bootstrap } from './themes/light/dropdown-item.bootstrap.css.js';
+import { styles as fluent } from './themes/light/dropdown-item.fluent.css.js';
+import { styles as indigo } from './themes/light/dropdown-item.indigo.css.js';
+let IgcDropdownItemComponent = class IgcDropdownItemComponent extends LitElement {
     constructor() {
         super(...arguments);
         this.selected = false;
@@ -51,28 +51,28 @@ let IgcDropDownItemComponent = class IgcDropDownItemComponent extends LitElement
     `;
     }
 };
-IgcDropDownItemComponent.tagName = 'igc-dropdown-item';
-IgcDropDownItemComponent.styles = styles;
+IgcDropdownItemComponent.tagName = 'igc-dropdown-item';
+IgcDropdownItemComponent.styles = styles;
 __decorate([
     property({ type: String })
-], IgcDropDownItemComponent.prototype, "value", null);
+], IgcDropdownItemComponent.prototype, "value", null);
 __decorate([
     property({ type: Boolean, reflect: true })
-], IgcDropDownItemComponent.prototype, "selected", void 0);
+], IgcDropdownItemComponent.prototype, "selected", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], IgcDropDownItemComponent.prototype, "active", void 0);
+], IgcDropdownItemComponent.prototype, "active", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], IgcDropDownItemComponent.prototype, "disabled", void 0);
+], IgcDropdownItemComponent.prototype, "disabled", void 0);
 __decorate([
     watch('selected')
-], IgcDropDownItemComponent.prototype, "selectedChange", null);
+], IgcDropdownItemComponent.prototype, "selectedChange", null);
 __decorate([
     watch('disabled')
-], IgcDropDownItemComponent.prototype, "disabledChange", null);
-IgcDropDownItemComponent = __decorate([
+], IgcDropdownItemComponent.prototype, "disabledChange", null);
+IgcDropdownItemComponent = __decorate([
     themes({ bootstrap, fluent, indigo })
-], IgcDropDownItemComponent);
-export default IgcDropDownItemComponent;
+], IgcDropdownItemComponent);
+export default IgcDropdownItemComponent;
 //# sourceMappingURL=dropdown-item.js.map

package/components/dropdown/dropdown-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAgB3E,IAAqB,wBAAwB,GAA7C,MAAqB,wBAAyB,SAAQ,UAAU;IAAhE;;QA0BS,aAAQ,GAAG,KAAK,CAAC;QAMjB,WAAM,GAAG,KAAK,CAAC;QAMf,aAAQ,GAAG,KAAK,CAAC;IA6B1B,CAAC;IAvDC,IAAW,KAAK;;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,CAAC;IAC5D,CAAC;IAED,IAAW,KAAK,CAAC,KAAa;QAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;IAqBS,cAAc;QACtB,IAAI,CAAC,QAAQ;YACX,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QAC1C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC9B,CAAC;IAGS,cAAc;QACtB,IAAI,CAAC,QAAQ;YACX,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF,CAAA;AAlEwB,gCAAO,GAAG,mBAAoB,CAAA;AAE9B,+BAAM,GAAG,MAAO,CAAA;AASvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAG1B;AAYD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACnB;AAMxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACrB;AAMtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACnB;AAGxB;IADC,KAAK,CAAC,UAAU,CAAC;8DAMjB;AAGD;IADC,KAAK,CAAC,UAAU,CAAC;8DAKjB;AArDkB,wBAAwB;IAD5C,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,wBAAwB,CAmE5C;eAnEoB,wBAAwB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { watch } from '../common/decorators';\nimport { themes } from '../../theming';\nimport { styles } from './themes/light/dropdown-item.base.css';\nimport { styles as bootstrap } from './themes/light/dropdown-item.bootstrap.css';\nimport { styles as fluent } from './themes/light/dropdown-item.fluent.css';\nimport { styles as indigo } from './themes/light/dropdown-item.indigo.css';\n\n/**\n * Represents an item in a dropdown list.\n *\n * @element igc-dropdown-item\n *\n * @slot prefix - Renders content before the item's main content.\n * @slot - Renders the item's main content.\n * @slot suffix - Renders content after the item's main content.\n *\n * @csspart prefix - The prefix wrapper.\n * @csspart content - The main content wrapper.\n * @csspart suffix - The suffix wrapper.\n */\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcDropDownItemComponent extends LitElement {\n  public static readonly tagName = 'igc-dropdown-item';\n\n  public static override styles = styles;\n\n  private _value!: string;\n\n  /**\n   * Тhe current value of the item.\n   * If not specified, the element's text content is used.\n   */\n  @property({ type: String })\n  public get value() {\n    return this._value ? this._value : this.textContent ?? '';\n  }\n\n  public set value(value: string) {\n    const oldVal = this._value;\n    this._value = value;\n    this.requestUpdate('value', oldVal);\n  }\n\n  /**\n   * Determines whether the item is selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the item is active.\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /**\n   * Determines whether the item is disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  @watch('selected')\n  protected selectedChange() {\n    this.selected\n      ? this.setAttribute('aria-selected', 'true')\n      : this.removeAttribute('aria-selected');\n    this.active = this.selected;\n  }\n\n  @watch('disabled')\n  protected disabledChange() {\n    this.disabled\n      ? this.setAttribute('aria-disabled', 'true')\n      : this.removeAttribute('aria-disabled');\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'option');\n  }\n\n  protected override render() {\n    return html`\n      <section part=\"prefix\"><slot name=\"prefix\"></slot></section>\n      <section part=\"content\"><slot></slot></section>\n      <section part=\"suffix\"><slot name=\"suffix\"></slot></section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-item': IgcDropDownItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"dropdown-item.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAC9E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAgB9E,IAAqB,wBAAwB,GAA7C,MAAqB,wBAAyB,SAAQ,UAAU;IAAhE;;QA0BS,aAAQ,GAAG,KAAK,CAAC;QAMjB,WAAM,GAAG,KAAK,CAAC;QAMf,aAAQ,GAAG,KAAK,CAAC;IA6B1B,CAAC;IAvDC,IAAW,KAAK;;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAA,IAAI,CAAC,WAAW,mCAAI,EAAE,CAAC;IAC5D,CAAC;IAED,IAAW,KAAK,CAAC,KAAa;QAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;IAqBS,cAAc;QACtB,IAAI,CAAC,QAAQ;YACX,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QAC1C,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;IAC9B,CAAC;IAGS,cAAc;QACtB,IAAI,CAAC,QAAQ;YACX,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;YAC5C,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACtC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF,CAAA;AAlEwB,gCAAO,GAAG,mBAAoB,CAAA;AAE9B,+BAAM,GAAG,MAAO,CAAA;AASvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAG1B;AAYD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACnB;AAMxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACrB;AAMtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACnB;AAGxB;IADC,KAAK,CAAC,UAAU,CAAC;8DAMjB;AAGD;IADC,KAAK,CAAC,UAAU,CAAC;8DAKjB;AArDkB,wBAAwB;IAD5C,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,wBAAwB,CAmE5C;eAnEoB,wBAAwB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { styles } from './themes/light/dropdown-item.base.css.js';\nimport { styles as bootstrap } from './themes/light/dropdown-item.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/dropdown-item.fluent.css.js';\nimport { styles as indigo } from './themes/light/dropdown-item.indigo.css.js';\n\n/**\n * Represents an item in a dropdown list.\n *\n * @element igc-dropdown-item\n *\n * @slot prefix - Renders content before the item's main content.\n * @slot - Renders the item's main content.\n * @slot suffix - Renders content after the item's main content.\n *\n * @csspart prefix - The prefix wrapper.\n * @csspart content - The main content wrapper.\n * @csspart suffix - The suffix wrapper.\n */\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcDropdownItemComponent extends LitElement {\n  public static readonly tagName = 'igc-dropdown-item';\n\n  public static override styles = styles;\n\n  private _value!: string;\n\n  /**\n   * Тhe current value of the item.\n   * If not specified, the element's text content is used.\n   */\n  @property({ type: String })\n  public get value() {\n    return this._value ? this._value : this.textContent ?? '';\n  }\n\n  public set value(value: string) {\n    const oldVal = this._value;\n    this._value = value;\n    this.requestUpdate('value', oldVal);\n  }\n\n  /**\n   * Determines whether the item is selected.\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the item is active.\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /**\n   * Determines whether the item is disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  @watch('selected')\n  protected selectedChange() {\n    this.selected\n      ? this.setAttribute('aria-selected', 'true')\n      : this.removeAttribute('aria-selected');\n    this.active = this.selected;\n  }\n\n  @watch('disabled')\n  protected disabledChange() {\n    this.disabled\n      ? this.setAttribute('aria-disabled', 'true')\n      : this.removeAttribute('aria-disabled');\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'option');\n  }\n\n  protected override render() {\n    return html`\n      <section part=\"prefix\"><slot name=\"prefix\"></slot></section>\n      <section part=\"content\"><slot></slot></section>\n      <section part=\"suffix\"><slot name=\"suffix\"></slot></section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-item': IgcDropdownItemComponent;\n  }\n}\n"]}

package/components/dropdown/dropdown.d.ts

@@ -1,16 +1,16 @@
 import { LitElement } from 'lit';
-import { Constructor } from '../common/mixins/constructor';
-import { IgcPlacement, IgcToggleComponent, IgcToggleEventMap } from '../toggle/utilities';
-import IgcDropDownItemComponent from './dropdown-item';
-import IgcDropDownGroupComponent from './dropdown-group';
-export declare enum DropDownActionKey {
+import { Constructor } from '../common/mixins/constructor.js';
+import type { IgcPlacement, IgcToggleComponent, IgcToggleEventMap } from '../toggle/types';
+import IgcDropdownItemComponent from './dropdown-item.js';
+import type IgcDropdownGroupComponent from './dropdown-group';
+export declare enum DropdownActionKey {
     ESCAPE = "escape",
     ENTER = "enter"
 }
-export interface IgcDropDownEventMap extends IgcToggleEventMap {
-    igcChange: CustomEvent<IgcDropDownItemComponent>;
+export interface IgcDropdownEventMap extends IgcToggleEventMap {
+    igcChange: CustomEvent<IgcDropdownItemComponent>;
 }
-declare const IgcDropDownComponent_base: Constructor<import("../common/mixins/sizable").SizableInterface> & Constructor<import("../common/mixins/event-emitter").EventEmitterInterface<IgcDropDownEventMap>> & Constructor<LitElement>;
+declare const IgcDropdownComponent_base: Constructor<import("../common/mixins/sizable.js").SizableInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcDropdownEventMap>> & Constructor<LitElement>;
 /**
  * Represents a DropDown component.
  *
@@ -28,7 +28,7 @@ declare const IgcDropDownComponent_base: Constructor<import("../common/mixins/si
  * @csspart base - The dropdown list wrapper.
  * @csspart list - The dropdown list.
  */
-export default class IgcDropDownComponent extends IgcDropDownComponent_base implements IgcToggleComponent {
+export default class IgcDropdownComponent extends IgcDropdownComponent_base implements IgcToggleComponent {
     static readonly tagName = "igc-dropdown";
     static styles: import("lit").CSSResult;
     private toggleController;
@@ -39,8 +39,8 @@ export default class IgcDropDownComponent extends IgcDropDownComponent_base impl
     private targetNodes;
     protected content: HTMLElement;
     protected scrollContainer: HTMLElement;
-    protected items: Array<IgcDropDownItemComponent>;
-    protected groups: Array<IgcDropDownGroupComponent>;
+    protected items: Array<IgcDropdownItemComponent>;
+    protected groups: Array<IgcDropdownGroupComponent>;
     /** Whether the dropdown should be kept open on selection. */
     keepOpenOnSelect: boolean;
     /** Sets the open state of the component. */
@@ -98,20 +98,20 @@ export default class IgcDropDownComponent extends IgcDropDownComponent_base impl
     /** Toggles the open state of the dropdown. */
     toggle(target?: HTMLElement): void;
     /** Navigates to the item with the specified value. If it exists, returns the found item, otherwise - null. */
-    navigateTo(value: string): IgcDropDownItemComponent | null;
+    navigateTo(value: string): IgcDropdownItemComponent | null;
     /** Navigates to the item at the specified index. If it exists, returns the found item, otherwise - null. */
-    navigateTo(index: number): IgcDropDownItemComponent | null;
+    navigateTo(index: number): IgcDropdownItemComponent | null;
     /** Selects the item with the specified value. If it exists, returns the found item, otherwise - null. */
-    select(value: string): IgcDropDownItemComponent | null;
+    select(value: string): IgcDropdownItemComponent | null;
     /** Selects the item at the specified index. If it exists, returns the found item, otherwise - null. */
-    select(index: number): IgcDropDownItemComponent | null;
+    select(index: number): IgcDropdownItemComponent | null;
     /**  Clears the current selection of the dropdown. */
     clearSelection(): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'igc-dropdown': IgcDropDownComponent;
+        'igc-dropdown': IgcDropdownComponent;
     }
 }
 export {};