igniteui-webcomponents 3.0.0 → 3.3.0-beta.0

package/components/tabs/themes/light/tabs.base.css.js

@@ -0,0 +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:block}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){-ms-flex-preferred-size:100px;flex-basis:100px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}[part=headers]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:2.625rem;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=headers-content]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=headers-scroll]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);height:.125rem;min-width:5.625rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transition:width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1);transition:width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1);-o-transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{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;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;cursor:pointer;position:relative;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=start-scroll-button]:hover,[part=start-scroll-button]:focus,[part=end-scroll-button]:hover,[part=end-scroll-button]:focus{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){-webkit-box-shadow:none;box-shadow:none}igc-icon-button::part(base){color:hsla(var(--igc-gray-700), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}`;
+//# sourceMappingURL=tabs.base.css.js.map

package/components/tabs/themes/light/tabs.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.base.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tabs.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,25HAA25H,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:block}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){-ms-flex-preferred-size:100px;flex-basis:100px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}[part=headers]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;min-height:2.625rem;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=headers-content]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}[part=headers-scroll]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);height:.125rem;min-width:5.625rem;background:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transition:width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1);transition:width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1);-o-transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1);transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1),-webkit-transform .3s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{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;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;cursor:pointer;position:relative;background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=start-scroll-button]:hover,[part=start-scroll-button]:focus,[part=end-scroll-button]:hover,[part=end-scroll-button]:focus{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){-webkit-box-shadow:none;box-shadow:none}igc-icon-button::part(base){color:hsla(var(--igc-gray-700), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1)}`;\n"]}

package/components/tabs/themes/light/tabs.bootstrap.css.d.ts

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

package/components/tabs/themes/light/tabs.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=headers]{background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=headers-wrapper]::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:.0625rem;background:hsla(var(--igc-gray-300), var(--igc-gray-a));z-index:0}igc-icon-button::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-primary-500), 0.5)}[part=selected-indicator]{display:none}`;
+//# sourceMappingURL=tabs.bootstrap.css.js.map

package/components/tabs/themes/light/tabs.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tabs.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ukBAAukB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=headers]{background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part=headers-wrapper]::after{content:\"\";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:.0625rem;background:hsla(var(--igc-gray-300), var(--igc-gray-a));z-index:0}igc-icon-button::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-primary-500), 0.5)}[part=selected-indicator]{display:none}`;\n"]}

package/components/tabs/themes/light/tabs.fluent.css.d.ts

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

package/components/tabs/themes/light/tabs.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `igc-icon-button::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:inherit}`;
+//# sourceMappingURL=tabs.fluent.css.js.map

package/components/tabs/themes/light/tabs.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tabs.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2TAA2T,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-icon-button::part(base){color:hsla(var(--igc-gray-500), var(--igc-gray-a))}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}igc-icon-button[disabled]::part(base){color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:inherit}`;\n"]}

package/components/tabs/themes/light/tabs.indigo.css.d.ts

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

package/components/tabs/themes/light/tabs.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=headers]{background:rgba(0,0,0,0)}[part=start-scroll-button],[part=end-scroll-button]{background:rgba(0,0,0,0)}[part=start-scroll-button]:hover,[part=start-scroll-button]:focus,[part=end-scroll-button]:hover,[part=end-scroll-button]:focus{background:rgba(0,0,0,0)}[part=selected-indicator]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}`;
+//# sourceMappingURL=tabs.indigo.css.js.map

package/components/tabs/themes/light/tabs.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tabs.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wWAAwW,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=headers]{background:rgba(0,0,0,0)}[part=start-scroll-button],[part=end-scroll-button]{background:rgba(0,0,0,0)}[part=start-scroll-button]:hover,[part=start-scroll-button]:focus,[part=end-scroll-button]:hover,[part=end-scroll-button]:focus{background:rgba(0,0,0,0)}[part=selected-indicator]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}`;\n"]}

package/components/tabs/utils.d.ts

@@ -0,0 +1,14 @@
+export declare const observerConfig: MutationObserverInit;
+/**
+ * Returns all targets with attribute mutations matching `tags`
+ */
+export declare function getAttributesForTags<T extends Element>(records: MutationRecord[], ...tags: string[]): T[];
+/**
+ * Returns all targets with childList mutations matching tags.
+ * If `root` is specified, returns only targets that are direct children
+ * of `root`.
+ */
+export declare function getNodesForTags<T extends Element>(records: MutationRecord[], root?: Element, ...tags: string[]): {
+    addedNodes: T[];
+    removedNodes: T[];
+} | null;

package/components/tabs/utils.js

@@ -0,0 +1,32 @@
+export const observerConfig = {
+    attributes: true,
+    attributeFilter: ['selected'],
+    childList: true,
+    subtree: true,
+};
+function isMatchingTag(node, ...tags) {
+    return tags ? tags.includes(node.nodeName.toLowerCase()) : true;
+}
+export function getAttributesForTags(records, ...tags) {
+    return records
+        .filter(({ type, target }) => type === 'attributes' && isMatchingTag(target, ...tags))
+        .map(({ target }) => target);
+}
+export function getNodesForTags(records, root, ...tags) {
+    const collected = { addedNodes: [], removedNodes: [] };
+    records
+        .filter(({ type, target }) => type === 'childList' && (root ? target.isSameNode(root) : true))
+        .reduce((prev, curr) => {
+        prev.addedNodes = prev.addedNodes.concat(Array.from(curr.addedNodes)
+            .filter((node) => isMatchingTag(node, ...tags))
+            .map((node) => node));
+        prev.removedNodes = prev.removedNodes.concat(Array.from(curr.removedNodes)
+            .filter((node) => isMatchingTag(node, ...tags))
+            .map((node) => node));
+        return prev;
+    }, collected);
+    return collected.addedNodes.length || collected.removedNodes.length
+        ? collected
+        : null;
+}
+//# sourceMappingURL=utils.js.map

package/components/tabs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/tabs/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAyB;IAClD,UAAU,EAAE,IAAI;IAChB,eAAe,EAAE,CAAC,UAAU,CAAC;IAC7B,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,IAAI;CACd,CAAC;AAEF,SAAS,aAAa,CAAC,IAAU,EAAE,GAAG,IAAc;IAClD,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAClE,CAAC;AAKD,MAAM,UAAU,oBAAoB,CAClC,OAAyB,EACzB,GAAG,IAAc;IAEjB,OAAO,OAAO;SACX,MAAM,CACL,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CACnB,IAAI,KAAK,YAAY,IAAI,aAAa,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAC1D;SACA,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAW,CAAC,CAAC;AACtC,CAAC;AAOD,MAAM,UAAU,eAAe,CAC7B,OAAyB,EACzB,IAAc,EACd,GAAG,IAAc;IAEjB,MAAM,SAAS,GAGX,EAAE,UAAU,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;IAEzC,OAAO;SACJ,MAAM,CACL,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CACnB,IAAI,KAAK,WAAW,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAClE;SACA,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;QACrB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CACtC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;aACxB,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAS,CAAC,CAC5B,CAAC;QACF,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAC1C,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;aAC1B,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAS,CAAC,CAC5B,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,SAAS,CAAC,CAAC;IAEhB,OAAO,SAAS,CAAC,UAAU,CAAC,MAAM,IAAI,SAAS,CAAC,YAAY,CAAC,MAAM;QACjE,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,IAAI,CAAC;AACX,CAAC","sourcesContent":["export const observerConfig: MutationObserverInit = {\n  attributes: true,\n  attributeFilter: ['selected'],\n  childList: true,\n  subtree: true,\n};\n\nfunction isMatchingTag(node: Node, ...tags: string[]) {\n  return tags ? tags.includes(node.nodeName.toLowerCase()) : true;\n}\n\n/**\n * Returns all targets with attribute mutations matching `tags`\n */\nexport function getAttributesForTags<T extends Element>(\n  records: MutationRecord[],\n  ...tags: string[]\n) {\n  return records\n    .filter(\n      ({ type, target }) =>\n        type === 'attributes' && isMatchingTag(target, ...tags)\n    )\n    .map(({ target }) => target as T);\n}\n\n/**\n * Returns all targets with childList mutations matching tags.\n * If `root` is specified, returns only targets that are direct children\n * of `root`.\n */\nexport function getNodesForTags<T extends Element>(\n  records: MutationRecord[],\n  root?: Element,\n  ...tags: string[]\n) {\n  const collected: {\n    addedNodes: T[];\n    removedNodes: T[];\n  } = { addedNodes: [], removedNodes: [] };\n\n  records\n    .filter(\n      ({ type, target }) =>\n        type === 'childList' && (root ? target.isSameNode(root) : true)\n    )\n    .reduce((prev, curr) => {\n      prev.addedNodes = prev.addedNodes.concat(\n        Array.from(curr.addedNodes)\n          .filter((node) => isMatchingTag(node, ...tags))\n          .map((node) => node as T)\n      );\n      prev.removedNodes = prev.removedNodes.concat(\n        Array.from(curr.removedNodes)\n          .filter((node) => isMatchingTag(node, ...tags))\n          .map((node) => node as T)\n      );\n      return prev;\n    }, collected);\n\n  return collected.addedNodes.length || collected.removedNodes.length\n    ? collected\n    : null;\n}\n"]}

package/components/toast/themes/toast.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{border-radius:clamp(0rem,var(--igc-radius-factor)*1.625rem,1.625rem);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);text-align:center;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:hsla(var(--igc-gray-700), var(--igc-gray-a));color:var(--igc-gray-700-contrast);padding:1rem 1.5rem;margin:2.625rem auto;min-width:3.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(:not([open])){display:none}`;
+export const styles = css `:host{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*1.625rem,1.625rem);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);text-align:center;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:hsla(var(--igc-gray-700), var(--igc-gray-a));color:var(--igc-gray-700-contrast);padding:1rem 1.5rem;margin:2.625rem auto;min-width:3.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(:not([open])){display:none}`;
 //# sourceMappingURL=toast.base.css.js.map

package/components/toast/themes/toast.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.base.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+jBAA+jB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:clamp(0rem,var(--igc-radius-factor)*1.625rem,1.625rem);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);text-align:center;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:hsla(var(--igc-gray-700), var(--igc-gray-a));color:var(--igc-gray-700-contrast);padding:1rem 1.5rem;margin:2.625rem auto;min-width:3.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(:not([open])){display:none}`;\n"]}
+{"version":3,"file":"toast.base.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i8BAAi8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*1.625rem,1.625rem);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);text-align:center;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:hsla(var(--igc-gray-700), var(--igc-gray-a));color:var(--igc-gray-700-contrast);padding:1rem 1.5rem;margin:2.625rem auto;min-width:3.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(:not([open])){display:none}`;\n"]}

package/components/toast/toast.js

@@ -6,11 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { themes } from '../../theming';
-import { styles } from './themes/toast.base.css';
-import { styles as bootstrap } from './themes/toast.bootstrap.css';
-import { styles as fluent } from './themes/toast.fluent.css';
-import { styles as indigo } from './themes/toast.indigo.css';
+import { themes } from '../../theming/theming-decorator.js';
+import { styles } from './themes/toast.base.css.js';
+import { styles as bootstrap } from './themes/toast.bootstrap.css.js';
+import { styles as fluent } from './themes/toast.fluent.css.js';
+import { styles as indigo } from './themes/toast.indigo.css.js';
 let IgcToastComponent = class IgcToastComponent extends LitElement {
     constructor() {
         super(...arguments);

package/components/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.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,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAW7D,IAAqB,iBAAiB,GAAtC,MAAqB,iBAAkB,SAAQ,UAAU;IAAzD;;QAWS,SAAI,GAAG,KAAK,CAAC;QAIb,gBAAW,GAAG,IAAI,CAAC;QAInB,aAAQ,GAAG,KAAK,CAAC;IAoC1B,CAAC;IAjCQ,IAAI;QACT,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;SACnB;IACH,CAAC;IAGM,IAAI;QACT,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAEzC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;SAClB;QAED,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE;YAC3B,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,GAAG,EAAE;gBACpC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YACpB,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC;IAGM,MAAM;QACX,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;aAAM;YACL,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AArDe,yBAAO,GAAG,WAAY,CAAA;AAGb,wBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AAMzC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACvB;AAIpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;sDAC5C;AAI1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;mDAC3C;AAnBL,iBAAiB;IADrC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,iBAAiB,CAuDrC;eAvDoB,iBAAiB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming';\nimport { styles } from './themes/toast.base.css';\nimport { styles as bootstrap } from './themes/toast.bootstrap.css';\nimport { styles as fluent } from './themes/toast.fluent.css';\nimport { styles as indigo } from './themes/toast.indigo.css';\n\n/**\n * A toast component is used to show a notification\n *\n * @element igc-toast\n *\n * @csspart base - The base wrapper of the toast.\n */\n\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcToastComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-toast';\n\n  /** @private */\n  public static override styles = [styles];\n\n  private displayTimeout: any;\n\n  /** Determines whether the toast is opened. */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /** Determines the time after which the toast will close */\n  @property({ type: Number, reflect: false, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /** Determines whether the toast is closed automatically or not. */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /** Closes the toast. */\n  public hide() {\n    if (this.open) {\n      this.open = false;\n    }\n  }\n\n  /** Opens the toast. */\n  public show() {\n    window.clearTimeout(this.displayTimeout);\n\n    if (!this.open) {\n      this.open = true;\n    }\n\n    if (this.keepOpen === false) {\n      this.displayTimeout = setTimeout(() => {\n        this.open = false;\n      }, this.displayTime);\n    }\n  }\n\n  /** Toggles the open state of the toast. */\n  public toggle() {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-toast': IgcToastComponent;\n  }\n}\n"]}
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.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,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAWhE,IAAqB,iBAAiB,GAAtC,MAAqB,iBAAkB,SAAQ,UAAU;IAAzD;;QAWS,SAAI,GAAG,KAAK,CAAC;QAIb,gBAAW,GAAG,IAAI,CAAC;QAInB,aAAQ,GAAG,KAAK,CAAC;IAoC1B,CAAC;IAjCQ,IAAI;QACT,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;SACnB;IACH,CAAC;IAGM,IAAI;QACT,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAEzC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;SAClB;QAED,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE;YAC3B,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,GAAG,EAAE;gBACpC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YACpB,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC;IAGM,MAAM;QACX,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;aAAM;YACL,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;CACF,CAAA;AArDe,yBAAO,GAAG,WAAY,CAAA;AAGb,wBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AAMzC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CACvB;AAIpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;sDAC5C;AAI1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;mDAC3C;AAnBL,iBAAiB;IADrC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,iBAAiB,CAuDrC;eAvDoB,iBAAiB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { styles } from './themes/toast.base.css.js';\nimport { styles as bootstrap } from './themes/toast.bootstrap.css.js';\nimport { styles as fluent } from './themes/toast.fluent.css.js';\nimport { styles as indigo } from './themes/toast.indigo.css.js';\n\n/**\n * A toast component is used to show a notification\n *\n * @element igc-toast\n *\n * @csspart base - The base wrapper of the toast.\n */\n\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcToastComponent extends LitElement {\n  /** @private */\n  public static tagName = 'igc-toast';\n\n  /** @private */\n  public static override styles = [styles];\n\n  private displayTimeout: any;\n\n  /** Determines whether the toast is opened. */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /** Determines the time after which the toast will close */\n  @property({ type: Number, reflect: false, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /** Determines whether the toast is closed automatically or not. */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /** Closes the toast. */\n  public hide() {\n    if (this.open) {\n      this.open = false;\n    }\n  }\n\n  /** Opens the toast. */\n  public show() {\n    window.clearTimeout(this.displayTimeout);\n\n    if (!this.open) {\n      this.open = true;\n    }\n\n    if (this.keepOpen === false) {\n      this.displayTimeout = setTimeout(() => {\n        this.open = false;\n      }, this.displayTime);\n    }\n  }\n\n  /** Toggles the open state of the toast. */\n  public toggle() {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-toast': IgcToastComponent;\n  }\n}\n"]}

package/components/toggle/toggle.controller.d.ts

@@ -1,7 +1,7 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
-import { IgcToggleDirective } from './toggle.directive';
-import { DirectiveResult } from 'lit/directive';
-import { IgcToggleComponent } from './utilities';
+import { IgcToggleDirective } from './toggle.directive.js';
+import type { DirectiveResult } from 'lit/directive';
+import type { IgcToggleComponent } from './types';
 /**
  * Controller, bundling the creation of a toggle directive and handling global events,
  * related to the configuration of togglable components.

package/components/toggle/toggle.controller.js

@@ -1,4 +1,4 @@
-import { igcToggle } from './toggle.directive';
+import { igcToggle } from './toggle.directive.js';
 export class IgcToggleController {
     constructor(host, target) {
         this.initialScrollTop = 0;

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.controller.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\nimport { igcToggle, IgcToggleDirective } from './toggle.directive';\nimport { DirectiveResult } from 'lit/directive';\nimport { IgcToggleComponent } from './utilities';\n\n/**\n * Controller, bundling the creation of a toggle directive and handling global events,\n * related to the configuration of togglable components.\n */\nexport class IgcToggleController implements ReactiveController {\n  private host: IgcToggleComponent & HTMLElement;\n  private sourceElement?: Element;\n  private initialScrollTop = 0;\n  private initialScrollLeft = 0;\n  private _target!: HTMLElement;\n\n  /** The directive that marks the toggle. */\n  public toggleDirective!: DirectiveResult<typeof IgcToggleDirective>;\n  public rendered!: Promise<void>;\n\n  public set target(value: HTMLElement) {\n    this._target = value;\n    this.updateToggleDir();\n  }\n\n  /** The element, relative to which, the toggle will be positioned. */\n  public get target() {\n    return this._target;\n  }\n\n  constructor(\n    host: ReactiveControllerHost & IgcToggleComponent & HTMLElement,\n    target?: HTMLElement\n  ) {\n    host.addController(this);\n\n    this.host = host;\n\n    if (target) {\n      this._target = target;\n    }\n\n    this.updateToggleDir();\n  }\n\n  public hostConnected() {\n    this.addEventListeners();\n  }\n\n  public hostDisconnected() {\n    this.removeEventListeners();\n  }\n\n  public updateToggleDir() {\n    this.toggleDirective = igcToggle(this._target, this.host, this);\n    this.addEventListeners();\n  }\n\n  private addEventListeners() {\n    if (this.host.open) {\n      document.addEventListener('scroll', this.handleScroll, true);\n      if (!this.host.keepOpenOnOutsideClick) {\n        document.addEventListener('click', this.documentClicked, true);\n      }\n    }\n  }\n\n  private removeEventListeners() {\n    document.removeEventListener('click', this.documentClicked, true);\n    document.removeEventListener('scroll', this.handleScroll, true);\n  }\n\n  private blockScroll = (event: Event) => {\n    event.preventDefault();\n    if (!this.sourceElement || this.sourceElement !== event.target) {\n      this.sourceElement = event.target as Element;\n      this.initialScrollTop =\n        this.sourceElement.scrollTop ??\n        this.sourceElement.firstElementChild?.scrollTop;\n      this.initialScrollLeft =\n        this.sourceElement.scrollLeft ??\n        this.sourceElement.firstElementChild?.scrollLeft;\n    }\n\n    this.sourceElement.scrollTop = this.initialScrollTop;\n    this.sourceElement.scrollLeft = this.initialScrollLeft;\n    if (this.sourceElement.firstElementChild) {\n      this.sourceElement.firstElementChild.scrollTop = this.initialScrollTop;\n      this.sourceElement.firstElementChild.scrollLeft = this.initialScrollLeft;\n    }\n  };\n\n  /** The document's click event handler to override in the host component if necessary. */\n  private documentClicked = (event: MouseEvent) => {\n    if (!this.host.keepOpenOnOutsideClick) {\n      const target = event.composed ? event.composedPath() : [event.target];\n      const isInsideClick: boolean =\n        target.includes(this.host) ||\n        (this.target !== undefined && target.includes(this.target));\n      if (isInsideClick) {\n        return;\n      } else {\n        this.host.hide();\n      }\n    }\n  };\n\n  /** The document's scroll event handler to override in the host component if necessary. */\n  private handleScroll = (event: Event) => {\n    switch (this.host.scrollStrategy) {\n      case 'scroll':\n        break;\n      case 'block':\n        this.blockScroll(event);\n        break;\n      case 'close':\n        this.host.hide();\n        break;\n    }\n  };\n}\n"]}
+{"version":3,"file":"toggle.controller.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAsB,MAAM,uBAAuB,CAAC;AAQtE,MAAM,OAAO,mBAAmB;IAqB9B,YACE,IAA+D,EAC/D,MAAoB;QApBd,qBAAgB,GAAG,CAAC,CAAC;QACrB,sBAAiB,GAAG,CAAC,CAAC;QA2DtB,gBAAW,GAAG,CAAC,KAAY,EAAE,EAAE;;YACrC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,MAAM,EAAE;gBAC9D,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,MAAiB,CAAC;gBAC7C,IAAI,CAAC,gBAAgB;oBACnB,MAAA,IAAI,CAAC,aAAa,CAAC,SAAS,mCAC5B,MAAA,IAAI,CAAC,aAAa,CAAC,iBAAiB,0CAAE,SAAS,CAAC;gBAClD,IAAI,CAAC,iBAAiB;oBACpB,MAAA,IAAI,CAAC,aAAa,CAAC,UAAU,mCAC7B,MAAA,IAAI,CAAC,aAAa,CAAC,iBAAiB,0CAAE,UAAU,CAAC;aACpD;YAED,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACrD,IAAI,CAAC,aAAa,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB,CAAC;YACvD,IAAI,IAAI,CAAC,aAAa,CAAC,iBAAiB,EAAE;gBACxC,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC;gBACvE,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB,CAAC;aAC1E;QACH,CAAC,CAAC;QAGM,oBAAe,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC9C,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;gBACrC,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBACtE,MAAM,aAAa,GACjB,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;oBAC1B,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;gBAC9D,IAAI,aAAa,EAAE;oBACjB,OAAO;iBACR;qBAAM;oBACL,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;iBAClB;aACF;QACH,CAAC,CAAC;QAGM,iBAAY,GAAG,CAAC,KAAY,EAAE,EAAE;YACtC,QAAQ,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;gBAChC,KAAK,QAAQ;oBACX,MAAM;gBACR,KAAK,OAAO;oBACV,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;oBACxB,MAAM;gBACR,KAAK,OAAO;oBACV,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;oBACjB,MAAM;aACT;QACH,CAAC,CAAC;QArFA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAEzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAI,MAAM,EAAE;YACV,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB;QAED,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAvBD,IAAW,MAAM,CAAC,KAAkB;QAClC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAGD,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAiBM,aAAa;QAClB,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAEM,gBAAgB;QACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAEM,eAAe;QACpB,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAChE,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAClB,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;YAC7D,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;gBACrC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;aAChE;SACF;IACH,CAAC;IAEO,oBAAoB;QAC1B,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;QAClE,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAClE,CAAC;CAkDF","sourcesContent":["import { ReactiveController, ReactiveControllerHost } from 'lit';\nimport { igcToggle, IgcToggleDirective } from './toggle.directive.js';\nimport type { DirectiveResult } from 'lit/directive';\nimport type { IgcToggleComponent } from './types';\n\n/**\n * Controller, bundling the creation of a toggle directive and handling global events,\n * related to the configuration of togglable components.\n */\nexport class IgcToggleController implements ReactiveController {\n  private host: IgcToggleComponent & HTMLElement;\n  private sourceElement?: Element;\n  private initialScrollTop = 0;\n  private initialScrollLeft = 0;\n  private _target!: HTMLElement;\n\n  /** The directive that marks the toggle. */\n  public toggleDirective!: DirectiveResult<typeof IgcToggleDirective>;\n  public rendered!: Promise<void>;\n\n  public set target(value: HTMLElement) {\n    this._target = value;\n    this.updateToggleDir();\n  }\n\n  /** The element, relative to which, the toggle will be positioned. */\n  public get target() {\n    return this._target;\n  }\n\n  constructor(\n    host: ReactiveControllerHost & IgcToggleComponent & HTMLElement,\n    target?: HTMLElement\n  ) {\n    host.addController(this);\n\n    this.host = host;\n\n    if (target) {\n      this._target = target;\n    }\n\n    this.updateToggleDir();\n  }\n\n  public hostConnected() {\n    this.addEventListeners();\n  }\n\n  public hostDisconnected() {\n    this.removeEventListeners();\n  }\n\n  public updateToggleDir() {\n    this.toggleDirective = igcToggle(this._target, this.host, this);\n    this.addEventListeners();\n  }\n\n  private addEventListeners() {\n    if (this.host.open) {\n      document.addEventListener('scroll', this.handleScroll, true);\n      if (!this.host.keepOpenOnOutsideClick) {\n        document.addEventListener('click', this.documentClicked, true);\n      }\n    }\n  }\n\n  private removeEventListeners() {\n    document.removeEventListener('click', this.documentClicked, true);\n    document.removeEventListener('scroll', this.handleScroll, true);\n  }\n\n  private blockScroll = (event: Event) => {\n    event.preventDefault();\n    if (!this.sourceElement || this.sourceElement !== event.target) {\n      this.sourceElement = event.target as Element;\n      this.initialScrollTop =\n        this.sourceElement.scrollTop ??\n        this.sourceElement.firstElementChild?.scrollTop;\n      this.initialScrollLeft =\n        this.sourceElement.scrollLeft ??\n        this.sourceElement.firstElementChild?.scrollLeft;\n    }\n\n    this.sourceElement.scrollTop = this.initialScrollTop;\n    this.sourceElement.scrollLeft = this.initialScrollLeft;\n    if (this.sourceElement.firstElementChild) {\n      this.sourceElement.firstElementChild.scrollTop = this.initialScrollTop;\n      this.sourceElement.firstElementChild.scrollLeft = this.initialScrollLeft;\n    }\n  };\n\n  /** The document's click event handler to override in the host component if necessary. */\n  private documentClicked = (event: MouseEvent) => {\n    if (!this.host.keepOpenOnOutsideClick) {\n      const target = event.composed ? event.composedPath() : [event.target];\n      const isInsideClick: boolean =\n        target.includes(this.host) ||\n        (this.target !== undefined && target.includes(this.target));\n      if (isInsideClick) {\n        return;\n      } else {\n        this.host.hide();\n      }\n    }\n  };\n\n  /** The document's scroll event handler to override in the host component if necessary. */\n  private handleScroll = (event: Event) => {\n    switch (this.host.scrollStrategy) {\n      case 'scroll':\n        break;\n      case 'block':\n        this.blockScroll(event);\n        break;\n      case 'close':\n        this.host.hide();\n        break;\n    }\n  };\n}\n"]}

package/components/toggle/toggle.directive.d.ts

@@ -1,5 +1,5 @@
 import { Directive, PartInfo } from 'lit/directive.js';
-import { IgcToggleOptions } from './utilities.js';
+import type { IgcToggleOptions } from './types';
 import { IgcToggleController } from './toggle.controller.js';
 export declare class IgcToggleDirective extends Directive {
     private part;

package/components/toggle/toggle.directive.js

@@ -27,8 +27,9 @@ export class IgcToggleDirective extends Directive {
             middleware: this.createMiddleware(options),
         }).then(({ x, y }) => {
             Object.assign(this.floatingElement.style, {
-                left: `${x}px`,
-                top: `${y}px`,
+                left: 0,
+                top: 0,
+                transform: `translate(${x}px,${y}px)`,
             });
         });
         if (controller) {
@@ -59,9 +60,9 @@ export class IgcToggleDirective extends Directive {
         if (options.sameWidth) {
             const floatingElement = this.floatingElement;
             middleware.push(size({
-                apply({ reference }) {
+                apply({ rects }) {
                     Object.assign(floatingElement.style, {
-                        width: `${reference.width}px`,
+                        width: `${rects.reference.width}px`,
                     });
                 },
             }));

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.directive.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computePosition,\n  flip,\n  offset,\n  shift,\n  size,\n  Middleware,\n} from '@floating-ui/dom';\nimport {\n  directive,\n  Directive,\n  PartInfo,\n  ElementPart,\n  PartType,\n} from 'lit/directive.js';\nimport { IgcToggleOptions } from './utilities.js';\nimport { noChange } from 'lit';\nimport { IgcToggleController } from './toggle.controller.js';\n\nexport class IgcToggleDirective extends Directive {\n  private part: PartInfo;\n  private shiftOptions? = {\n    mainAxis: true,\n  };\n\n  private floatingElement!: HTMLElement;\n\n  private updatePosition(\n    target: HTMLElement,\n    options: IgcToggleOptions,\n    controller?: IgcToggleController\n  ) {\n    this.floatingElement = this.createFloatingElement(options.open);\n\n    if (!target) {\n      if (controller) {\n        controller.rendered = Promise.resolve();\n      }\n      return noChange;\n    }\n\n    const promise = computePosition(target, this.floatingElement, {\n      placement: options.placement ?? 'bottom-start',\n      strategy: options.positionStrategy ?? 'absolute',\n      middleware: this.createMiddleware(options),\n    }).then(({ x, y }) => {\n      Object.assign(this.floatingElement.style, {\n        left: `${x}px`,\n        top: `${y}px`,\n      });\n    });\n\n    if (controller) {\n      controller.rendered = promise;\n    }\n\n    return noChange;\n  }\n\n  private createFloatingElement(open = false) {\n    if (!this.floatingElement) {\n      this.floatingElement = (this.part as ElementPart).element as HTMLElement;\n    }\n\n    this.floatingElement.style.display = open ? '' : 'none';\n\n    return this.floatingElement;\n  }\n\n  private createMiddleware(options: IgcToggleOptions) {\n    const middleware: Middleware[] = [];\n\n    if (options.distance) {\n      middleware.push(\n        offset({\n          mainAxis: options.distance,\n        })\n      );\n    }\n\n    if (options.flip) {\n      middleware.push(flip());\n    }\n\n    if (this.shiftOptions) {\n      middleware.push(shift(this.shiftOptions));\n    }\n\n    if (options.sameWidth) {\n      const floatingElement = this.floatingElement;\n      middleware.push(\n        size({\n          apply({ reference }) {\n            Object.assign(floatingElement.style, {\n              width: `${reference.width}px`,\n            });\n          },\n        })\n      );\n    }\n\n    return middleware;\n  }\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    this.part = partInfo;\n    if (partInfo.type !== PartType.ELEMENT) {\n      throw new Error(\n        'The `igcToggle` directive must be attached to an element tag.'\n      );\n    }\n  }\n\n  public render(\n    target: HTMLElement,\n    options: IgcToggleOptions,\n    controller?: IgcToggleController\n  ) {\n    return this.updatePosition(target, options, controller);\n  }\n}\n\nexport const igcToggle = directive(IgcToggleDirective);\n"]}
+{"version":3,"file":"toggle.directive.js","sourceRoot":"","sources":["../../../src/components/toggle/toggle.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  computePosition,\n  flip,\n  offset,\n  shift,\n  size,\n  Middleware,\n} from '@floating-ui/dom';\nimport {\n  directive,\n  Directive,\n  PartInfo,\n  ElementPart,\n  PartType,\n} from 'lit/directive.js';\nimport type { IgcToggleOptions } from './types';\nimport { noChange } from 'lit';\nimport { IgcToggleController } from './toggle.controller.js';\n\nexport class IgcToggleDirective extends Directive {\n  private part: PartInfo;\n  private shiftOptions? = {\n    mainAxis: true,\n  };\n\n  private floatingElement!: HTMLElement;\n\n  private updatePosition(\n    target: HTMLElement,\n    options: IgcToggleOptions,\n    controller?: IgcToggleController\n  ) {\n    this.floatingElement = this.createFloatingElement(options.open);\n\n    if (!target) {\n      if (controller) {\n        controller.rendered = Promise.resolve();\n      }\n      return noChange;\n    }\n\n    const promise = computePosition(target, this.floatingElement, {\n      placement: options.placement ?? 'bottom-start',\n      strategy: options.positionStrategy ?? 'absolute',\n      middleware: this.createMiddleware(options),\n    }).then(({ x, y }) => {\n      Object.assign(this.floatingElement.style, {\n        left: 0,\n        top: 0,\n        transform: `translate(${x}px,${y}px)`,\n      });\n    });\n\n    if (controller) {\n      controller.rendered = promise;\n    }\n\n    return noChange;\n  }\n\n  private createFloatingElement(open = false) {\n    if (!this.floatingElement) {\n      this.floatingElement = (this.part as ElementPart).element as HTMLElement;\n    }\n\n    this.floatingElement.style.display = open ? '' : 'none';\n\n    return this.floatingElement;\n  }\n\n  private createMiddleware(options: IgcToggleOptions) {\n    const middleware: Middleware[] = [];\n\n    if (options.distance) {\n      middleware.push(\n        offset({\n          mainAxis: options.distance,\n        })\n      );\n    }\n\n    if (options.flip) {\n      middleware.push(flip());\n    }\n\n    if (this.shiftOptions) {\n      middleware.push(shift(this.shiftOptions));\n    }\n\n    if (options.sameWidth) {\n      const floatingElement = this.floatingElement;\n      middleware.push(\n        size({\n          apply({ rects }) {\n            Object.assign(floatingElement.style, {\n              width: `${rects.reference.width}px`,\n            });\n          },\n        })\n      );\n    }\n\n    return middleware;\n  }\n\n  constructor(partInfo: PartInfo) {\n    super(partInfo);\n    this.part = partInfo;\n    if (partInfo.type !== PartType.ELEMENT) {\n      throw new Error(\n        'The `igcToggle` directive must be attached to an element tag.'\n      );\n    }\n  }\n\n  public render(\n    target: HTMLElement,\n    options: IgcToggleOptions,\n    controller?: IgcToggleController\n  ) {\n    return this.updatePosition(target, options, controller);\n  }\n}\n\nexport const igcToggle = directive(IgcToggleDirective);\n"]}

package/components/toggle/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/components/toggle/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/toggle/types.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Common events interface for toggle components\n */\nexport interface IgcToggleEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n/**\n * Interface describing the options for toggle components' configuration.\n */\nexport interface IgcToggleOptions {\n  /**\n   * Whether the toggle is open.\n   */\n  open: boolean;\n  /**\n   * The preferred placement of the toggle element around the target element. */\n  placement?: IgcPlacement;\n  /**\n   * The positioning strategy to use.\n   * Use the `fixed` strategy when the target element is in a fixed container, otherwise - use `absolute`.\n   */\n  positionStrategy?: 'absolute' | 'fixed';\n  /**\n   * Whether the element should be flipped to the opposite side once it's about to overflow the visible area.\n   * Once enough space is detected on its preferred side, it will flip back.\n   */\n  flip?: boolean;\n  /**\n   * Whether to prevent the element from being cut off by moving it so it stays visible within its boundary area.\n   */\n  distance?: number;\n  /**\n   * Whether to make the toggle the same width as the target.\n   */\n  sameWidth?: boolean;\n}\n\nexport interface IgcToggleComponent extends IgcToggleOptions {\n  scrollStrategy?: 'scroll' | 'block' | 'close';\n  keepOpenOnOutsideClick?: boolean;\n\n  hide(): void;\n  show(): void;\n  toggle(): void;\n}\n\n/**\n * Describes the preferred placement of a toggle component.\n */\nexport type IgcPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n"]}

package/components/tree/themes/dark/tree-item.bootstrap.css.d.ts

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

package/components/tree/themes/dark/tree-item.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=tree-item.bootstrap.css.js.map

package/components/tree/themes/dark/tree-item.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/dark/tree-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/tree/themes/dark/tree-item.fluent.css.d.ts

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

package/components/tree/themes/dark/tree-item.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=tree-item.fluent.css.js.map

package/components/tree/themes/dark/tree-item.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/dark/tree-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/tree/themes/dark/tree-item.indigo.css.d.ts

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

package/components/tree/themes/dark/tree-item.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css ``;
+//# sourceMappingURL=tree-item.indigo.css.js.map

package/components/tree/themes/dark/tree-item.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/dark/tree-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/tree/themes/light/tree-item.base.css.d.ts

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

package/components/tree/themes/light/tree-item.base.css.js

@@ -0,0 +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-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:inherit;--igc-tree-indentation-size: 24px}:host(:focus-within){outline:none}:host([disabled]){color:hsla(var(--igc-gray-500), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=wrapper]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast)}[part~=wrapper]::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0)}[part~=wrapper]:hover::after{background:var(--hover-color, hsla(var(--igc-gray-900), 0.1))}[part~=active]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}[part~=selected]{background:hsla(var(--igc-secondary-200), var(--igc-secondary-a));color:var(--igc-secondary-200-contrast)}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:hsla(var(--igc-secondary-300), var(--igc-secondary-a));color:var(--igc-secondary-300-contrast)}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=indicator]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-margin-end:.25rem;margin-inline-end:.25rem;min-width:1.5rem}[part~=indicator] igc-icon{width:1.5rem;height:1.5rem;font-size:1.5rem}[part~=label]{display:block;font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);margin:0}[part~=label],[part~=text]{z-index:1;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part~=select]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-margin-end:.25rem;margin-inline-end:.25rem}[part~=select] igc-checkbox::part(label){display:none}[part~=large]{height:3.125rem}[part~=large] igc-circular-progress{--diameter: 1.5rem}[part~=medium]{height:2.5rem}[part~=medium] igc-circular-progress{--diameter: 1.25rem}[part~=small]{height:2rem}[part~=small] igc-circular-progress{--diameter: 1.125rem}[part~=wrapper][part~=large]{padding:0 1.5rem}[part~=wrapper][part~=medium]{padding:0 1rem}[part~=wrapper][part~=small]{padding:0 .75rem}`;
+//# sourceMappingURL=tree-item.base.css.js.map

package/components/tree/themes/light/tree-item.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.base.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gxHAAgxH,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-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:inherit;--igc-tree-indentation-size: 24px}:host(:focus-within){outline:none}:host([disabled]){color:hsla(var(--igc-gray-500), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=wrapper]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast)}[part~=wrapper]::after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0)}[part~=wrapper]:hover::after{background:var(--hover-color, hsla(var(--igc-gray-900), 0.1))}[part~=active]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}[part~=selected]{background:hsla(var(--igc-secondary-200), var(--igc-secondary-a));color:var(--igc-secondary-200-contrast)}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:hsla(var(--igc-secondary-300), var(--igc-secondary-a));color:var(--igc-secondary-300-contrast)}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=indicator]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-margin-end:.25rem;margin-inline-end:.25rem;min-width:1.5rem}[part~=indicator] igc-icon{width:1.5rem;height:1.5rem;font-size:1.5rem}[part~=label]{display:block;font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);margin:0}[part~=label],[part~=text]{z-index:1;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part~=select]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-margin-end:.25rem;margin-inline-end:.25rem}[part~=select] igc-checkbox::part(label){display:none}[part~=large]{height:3.125rem}[part~=large] igc-circular-progress{--diameter: 1.5rem}[part~=medium]{height:2.5rem}[part~=medium] igc-circular-progress{--diameter: 1.25rem}[part~=small]{height:2rem}[part~=small] igc-circular-progress{--diameter: 1.125rem}[part~=wrapper][part~=large]{padding:0 1.5rem}[part~=wrapper][part~=medium]{padding:0 1rem}[part~=wrapper][part~=small]{padding:0 .75rem}`;\n"]}

package/components/tree/themes/light/tree-item.bootstrap.css.d.ts

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

package/components/tree/themes/light/tree-item.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=active]{background:var(--active-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--active-color, var(--igc-gray-200-contrast))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-primary-500), var(--igc-primary-a)));color:var(--selected-color, var(--igc-primary-600-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-primary-600), var(--igc-primary-a)));color:var(--active-selected-color, var(--igc-primary-600-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-200), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-200), var(--igc-primary-a)))}`;
+//# sourceMappingURL=tree-item.bootstrap.css.js.map

package/components/tree/themes/light/tree-item.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m4BAAm4B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=active]{background:var(--active-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--active-color, var(--igc-gray-200-contrast))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-primary-500), var(--igc-primary-a)));color:var(--selected-color, var(--igc-primary-600-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-primary-600), var(--igc-primary-a)));color:var(--active-selected-color, var(--igc-primary-600-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-200), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-200), var(--igc-primary-a)))}`;\n"]}

package/components/tree/themes/light/tree-item.fluent.css.d.ts

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

package/components/tree/themes/light/tree-item.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=active]{background:var(--active-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--active-color, var(--igc-gray-200-contrast))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--selected-color, var(--igc-gray-200-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-gray-300), var(--igc-gray-a)));color:var(--active-selected-color, var(--igc-gray-300-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}`;
+//# sourceMappingURL=tree-item.fluent.css.js.map

package/components/tree/themes/light/tree-item.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q2BAAq2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=active]{background:var(--active-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--active-color, var(--igc-gray-200-contrast))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--selected-color, var(--igc-gray-200-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-gray-300), var(--igc-gray-a)));color:var(--active-selected-color, var(--igc-gray-300-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}`;\n"]}

package/components/tree/themes/light/tree-item.indigo.css.d.ts

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

package/components/tree/themes/light/tree-item.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=active]{background:var(--active-background, hsla(var(--igc-surface-500), var(--igc-surface-a)));color:var(--active-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part~=active]:hover{color:var(--active-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-primary-500), var(--igc-primary-a)));color:var(--selected-color, var(--igc-primary-600-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-primary-400), var(--igc-primary-a)));color:var(--active-selected-color, var(--igc-primary-400-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-300), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-300), var(--igc-primary-a)))}`;
+//# sourceMappingURL=tree-item.indigo.css.js.map

package/components/tree/themes/light/tree-item.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kgCAAkgC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=active]{background:var(--active-background, hsla(var(--igc-surface-500), var(--igc-surface-a)));color:var(--active-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part~=active]:hover{color:var(--active-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-primary-500), var(--igc-primary-a)));color:var(--selected-color, var(--igc-primary-600-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-primary-400), var(--igc-primary-a)));color:var(--active-selected-color, var(--igc-primary-400-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-300), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-300), var(--igc-primary-a)))}`;\n"]}

package/components/tree/themes/light/tree.base.css.d.ts

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

package/components/tree/themes/light/tree.base.css.js

@@ -0,0 +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:block;height:100%;overflow:auto;font-family:var(--igc-font-family)}`;
+//# sourceMappingURL=tree.base.css.js.map

package/components/tree/themes/light/tree.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.base.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,izBAAizB,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:block;height:100%;overflow:auto;font-family:var(--igc-font-family)}`;\n"]}

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

@@ -0,0 +1,117 @@
+import { LitElement } from 'lit';
+import type IgcTreeComponent from './tree.js';
+import '../icon/icon.js';
+/**
+ * The tree-item component represents a child item of the tree component or another tree item.
+ *
+ * @element igc-tree-item
+ *
+ * @slot - Renders nested tree-item component.
+ * @slot label - Renders the tree item container.
+ * @slot indicator - Renders the expand indicator container.
+ * @slot loading - Renders the tree item loading indicator container.
+ * @slot indentation - Renders the container (by default the space) before the tree item.
+ *
+ * @csspart wrapper - The wrapper for the tree item.
+ * @csspart selected - Indicates selected state. Applies to `wrapper`.
+ * @csspart focused - Indicates focused state. Applies to `wrapper`.
+ * @csspart active - Indicates an active state. Applies to `wrapper`.
+ * @csspart indicator - The expand indicator of the tree item.
+ * @csspart label - The tree item content.
+ * @csspart text - The tree item displayed text.
+ * @csspart select - The checkbox of the tree item when selection is enabled.
+ */
+export default class IgcTreeItemComponent extends LitElement {
+    /** @private */
+    static readonly tagName = "igc-tree-item";
+    /** @private */
+    static styles: import("lit").CSSResult;
+    private tabbableEl?;
+    private focusedProgrammatically;
+    /** A reference to the tree the item is a part of. */
+    tree?: IgcTreeComponent;
+    /** The parent item of the current tree item (if any) */
+    parent: IgcTreeItemComponent | null;
+    /** @private */
+    init: boolean;
+    private contentList;
+    /** @private */
+    wrapper: HTMLElement;
+    private isFocused;
+    /** @private */
+    hasChildren: boolean;
+    /** The depth of the item, relative to the root. */
+    level: number;
+    /** @private */
+    indeterminate: boolean;
+    /** The tree item label. */
+    label: string;
+    /** The tree item expansion state. */
+    expanded: boolean;
+    /** Marks the item as the tree's active item. */
+    active: boolean;
+    /** Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions. */
+    disabled: boolean;
+    /** The tree item selection state. */
+    selected: boolean;
+    /** To be used for load-on-demand scenarios in order to specify whether the item is loading data. */
+    loading: boolean;
+    /**
+     * The value entry that the tree item is visualizing. Required for searching through items.
+     * @type any
+     */
+    value: any;
+    protected bothChange(): void;
+    protected expandedChange(oldValue: boolean): void;
+    protected activeChange(): void;
+    protected disabledChange(): void;
+    protected selectedChange(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private get selectionService();
+    private get navService();
+    private get parts();
+    private get directChildren();
+    private get allChildren();
+    /** The full path to the tree item, starting from the top-most ancestor. */
+    get path(): IgcTreeItemComponent[];
+    private pointerDown;
+    private expandIndicatorClick;
+    private selectorClick;
+    private onFocus;
+    private onBlur;
+    private onFocusIn;
+    private onFocusOut;
+    private labelChange;
+    private handleChange;
+    /**
+     * Returns a collection of child items.
+     * If the parameter value is true returns all tree item's direct children,
+     * otherwise - only the direct children.
+     */
+    getChildren(options?: {
+        flatten: boolean;
+    }): IgcTreeItemComponent[];
+    /**
+     * @private
+     * Expands the tree item.
+     */
+    expandWithEvent(): void;
+    /**
+     * @private
+     * Collapses the tree item.
+     */
+    collapseWithEvent(): void;
+    /** Toggles tree item expansion state. */
+    toggle(): void;
+    /** Expands the tree item. */
+    expand(): void;
+    /** Collapses the tree item. */
+    collapse(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-tree-item': IgcTreeItemComponent;
+    }
+}