@ukic/canary-web-components 3.0.0-canary.14 → 3.0.0-canary.16

package/dist/esm/ic-tree-view.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-163fe708.js';
-import { q as getCurrentDeviceSize, D as DEVICE_SIZES, t as isPropDefined, i as isSlotUsed, h as checkResizeObserver, a as renderDynamicChildSlots } from './helpers-5479985d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-a7a720e7.js';
+import { q as getCurrentDeviceSize, D as DEVICE_SIZES, t as isPropDefined, i as isSlotUsed, h as checkResizeObserver, a as renderDynamicChildSlots } from './helpers-ddc2008a.js';
 
 const icTreeViewCss = ":host{display:block;width:var(--tree-view-width, 100%);background-color:var(--ic-tree-view-background)}:host .heading-area-container{border-bottom:var(--ic-space-1px) solid var(--ic-tree-view-divider);display:flex;align-items:center;min-height:calc(\n    var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px)\n  );padding:0 var(--ic-space-xs);--ic-typography-color:var(--ic-tree-view-text)}:host(.ic-tree-view-small) .heading-area-container{min-height:calc(var(--ic-space-xl) - var(--ic-space-1px))}:host(.ic-tree-view-large) .heading-area-container{min-height:calc(var(--ic-space-xxl) - var(--ic-space-1px))}:host(.ic-tree-view-truncate) .heading-area-container{height:calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px))}:host(.ic-tree-view-truncate.ic-tree-view-small) .heading-area-container{height:calc(var(--ic-space-xl) - var(--ic-space-1px))}:host(.ic-tree-view-truncate.ic-tree-view-large) .heading-area-container{height:calc(var(--ic-space-xxl) - var(--ic-space-1px))}.icon-container{width:var(--ic-space-lg);min-width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}:host(.ic-tree-view-small) .icon-container{margin:0 var(--ic-space-xxs) 0 0}.ic-text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ic-tooltip-overflow{overflow:hidden}.tree-view-header.with-padding{padding-right:var(--ic-space-xs)}.tree-items-container-hidden{visibility:hidden}::slotted([slot=\"icon\"]){fill:var(--ic-tree-view-icon)}@media (forced-colors: active){::slotted([slot=\"icon\"]){fill:currentcolor}}";
 const IcTreeViewStyle0 = icTreeViewCss;
@@ -26,6 +26,8 @@ const TreeView = class {
         this.isLoaded = false;
         this.resizeObserver = null;
         this.TOOLTIP = "ic-tooltip";
+        this.previousTruncateHeading = false;
+        this.previousTruncateTreeItems = false;
         this.smallDevice = false;
         /**
          * If `true`, tree items will have inset focus.
@@ -66,11 +68,11 @@ const TreeView = class {
             this.resizeObserver.observe(document.body);
         };
         this.removeTruncation = () => {
-            this.truncateHeading = undefined;
-            this.truncateTreeItems = undefined;
+            this.truncateHeading = false;
+            this.truncateTreeItems = false;
         };
         this.handleKeyDown = (event) => {
-            var _a;
+            var _a, _b;
             const focussedChild = this.treeItems.indexOf(this.treeItems.filter((el) => el === document.activeElement)[0]);
             const expanded = (_a = this.treeItems[focussedChild]) === null || _a === void 0 ? void 0 : _a.expanded;
             switch (event.key) {
@@ -103,7 +105,7 @@ const TreeView = class {
                         this.treeItems[focussedChild].hasParentExpanded = false;
                         this.treeItems[focussedChild].updateAriaLabel();
                     }
-                    else if (this.treeItems[focussedChild].parentElement.tagName ===
+                    else if (((_b = this.treeItems[focussedChild].parentElement) === null || _b === void 0 ? void 0 : _b.tagName) ===
                         this.treeItemTag) {
                         this.treeItems[focussedChild].parentElement.setFocus();
                     }
@@ -112,6 +114,7 @@ const TreeView = class {
             }
         };
         this.getNextItemToSelect = (currentItem, movingDown) => {
+            var _a;
             const numItems = this.treeItems.length - 1;
             if (currentItem < 1) {
                 currentItem = 0;
@@ -129,10 +132,9 @@ const TreeView = class {
                 if (nextItem < 0 || nextItem > numItems) {
                     return currentItem;
                 }
-                if (!this.treeItems[nextItem].disabled &&
-                    (this.treeItems[nextItem].parentElement.tagName !== this.treeItemTag ||
-                        this.treeItems[nextItem].parentElement
-                            .expanded)) {
+                if (((_a = this.treeItems[nextItem].parentElement) === null || _a === void 0 ? void 0 : _a.tagName) !== this.treeItemTag ||
+                    this.treeItems[nextItem].parentElement
+                        .expanded) {
                     return nextItem;
                 }
                 if (nextItem === numItems && this.treeItems[nextItem].disabled) {
@@ -156,10 +158,13 @@ const TreeView = class {
             this.el.addEventListener("slotchange", this.setTreeItems);
         };
         this.truncateTreeViewHeading = () => {
-            const typographyEl = this.el.shadowRoot.querySelector(".tree-view-header");
+            var _a, _b;
+            const typographyEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".tree-view-header");
             const tooltip = typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.closest(this.TOOLTIP);
-            const headingContainer = this.el.shadowRoot.querySelector(".heading-area-container");
-            if ((typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.scrollHeight) > (headingContainer === null || headingContainer === void 0 ? void 0 : headingContainer.clientHeight)) {
+            const headingContainer = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(".heading-area-container");
+            if (typographyEl &&
+                headingContainer &&
+                typographyEl.scrollHeight > headingContainer.clientHeight) {
                 typographyEl.classList.add("ic-text-overflow");
                 if (!tooltip) {
                     const tooltipEl = document.createElement("ic-tooltip");
@@ -173,13 +178,12 @@ const TreeView = class {
             }
         };
         this.removeHeadingTruncation = () => {
-            const typographyEl = this.el.shadowRoot.querySelector(".tree-view-header");
+            var _a, _b, _c;
+            const typographyEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".tree-view-header");
             const tooltipEl = typographyEl === null || typographyEl === void 0 ? void 0 : typographyEl.closest(this.TOOLTIP);
-            if (tooltipEl) {
+            if (tooltipEl && typographyEl) {
                 typographyEl.classList.remove("ic-text-overflow");
-                this.el.shadowRoot
-                    .querySelector(".heading-area-container")
-                    .replaceChild(typographyEl, tooltipEl);
+                (_c = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(".heading-area-container")) === null || _c === void 0 ? void 0 : _c.replaceChild(typographyEl, tooltipEl);
             }
         };
         this.isHeadingDefined = () => isPropDefined(this.heading) && this.heading !== null;
@@ -312,14 +316,14 @@ const TreeView = class {
     }
     render() {
         const { heading, isLoaded, size, theme, truncateHeading } = this;
-        return (h(Host, { key: '43c3dd9cb9f888c4033088087fdce4829559f03f', "context-id": this.treeViewId, class: {
+        return (h(Host, { key: 'ab251ddb7f516c5e6d6e892e3720033044757a26', "context-id": this.treeViewId, class: {
                 [`ic-tree-view-${size}`]: size !== "medium",
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 "ic-tree-view-truncate": truncateHeading,
-            }, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (h("div", { key: '759c1432800d9dd26b1d9ce720c9626e41408f2f', class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (h("div", { key: '3c239ffde40795dcf3f47b12c5649906a6198970', class: "icon-container" }, h("slot", { key: 'e86df51c31b2b0deea7c484bceacec0f593db42c', name: "icon" }))), h("ic-typography", { key: 'a54ae6d1eb99029f5dda14f0118519aed971b6d1', variant: "subtitle-large", class: {
+            }, onKeyDown: this.handleKeyDown, "aria-label": this.isHeadingDefined() ? heading : null }, this.hasHeadingAreaContent() && (h("div", { key: 'fe4e16c30af90a4d91b3a2cf6fcce3b0725a8b5b', class: "heading-area-container" }, isSlotUsed(this.el, "icon") && (h("div", { key: '6b086a36544bb52527c2c385d2c9d89d037e5532', class: "icon-container" }, h("slot", { key: '8f34f6e54b63e8cd875149e90fc9107059c14975', name: "icon" }))), h("ic-typography", { key: '935ef0484d194e43d9b9e85dbd8d97535f82ca7c', variant: "subtitle-large", class: {
                 "tree-view-header": true,
                 "with-padding": this.truncateHeading && !isLoaded,
-            } }, isSlotUsed(this.el, "heading") ? (h("slot", { name: "heading" })) : (heading)))), h("slot", { key: '154c96cfb4a0c93da02b53308fe6b8871ec4144b' })));
+            } }, isSlotUsed(this.el, "heading") ? (h("slot", { name: "heading" })) : (heading)))), h("slot", { key: '48c0ade6f363af74f69c2a61fcd05b1011fb9dae' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ic-tree-view.entry.js.map

@@ -1 +1 @@
-{"file":"ic-tree-view.entry.js","mappings":"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","names":[],"sources":["src/components/ic-tree-view/ic-tree-view.css?tag=ic-tree-view&encapsulation=shadow","src/components/ic-tree-view/ic-tree-view.tsx"],"sourcesContent":["/**\n* @prop --tree-view-width: Width of the tree view\n*/\n\n:host {\n  display: block;\n  width: var(--tree-view-width, 100%);\n  background-color: var(--ic-tree-view-background);\n}\n\n:host .heading-area-container {\n  border-bottom: var(--ic-space-1px) solid var(--ic-tree-view-divider);\n  display: flex;\n  align-items: center;\n  min-height: calc(\n    var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px)\n  );\n  padding: 0 var(--ic-space-xs);\n\n  --ic-typography-color: var(--ic-tree-view-text);\n}\n\n:host(.ic-tree-view-small) .heading-area-container {\n  min-height: calc(var(--ic-space-xl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-large) .heading-area-container {\n  min-height: calc(var(--ic-space-xxl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate) .heading-area-container {\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate.ic-tree-view-small) .heading-area-container {\n  height: calc(var(--ic-space-xl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate.ic-tree-view-large) .heading-area-container {\n  height: calc(var(--ic-space-xxl) - var(--ic-space-1px));\n}\n\n.icon-container {\n  width: var(--ic-space-lg);\n  min-width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  margin: 0 var(--ic-space-xs) 0 0;\n}\n\n:host(.ic-tree-view-small) .icon-container {\n  margin: 0 var(--ic-space-xxs) 0 0;\n}\n\n.ic-text-overflow {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n}\n\n/* Ensures truncation works - accounts for text width increase as component hydrates */\n.tree-view-header.with-padding {\n  padding-right: var(--ic-space-xs);\n}\n\n.tree-items-container-hidden {\n  visibility: hidden;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tree-view-icon);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Host,\n  Watch,\n  State,\n  Listen,\n} from \"@stencil/core\";\nimport { IcSizes, IcThemeMode } from \"../../utils/types\";\nimport {\n  checkResizeObserver,\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  isPropDefined,\n  isSlotUsed,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport { IcTreeItemOptions } from \"./ic-tree-view.types\";\n\nlet treeViewIds = 0;\n\n/**\n * @slot heading - Content is set as the tree view heading.\n * @slot icon - Content is placed to the left of the heading.\n */\n\n@Component({\n  tag: \"ic-tree-view\",\n  styleUrl: \"ic-tree-view.css\",\n  shadow: true,\n})\nexport class TreeView {\n  private treeViewId = `ic-tree-view-${treeViewIds++}`;\n  private treeItemTag = \"IC-TREE-ITEM\";\n  private hostMutationObserver: MutationObserver = null;\n  private isLoaded = false;\n  private resizeObserver: ResizeObserver | null = null;\n  private TOOLTIP = \"ic-tooltip\";\n\n  private previousTruncateHeading: boolean;\n  private previousTruncateTreeItems: boolean;\n\n  @Element() el: HTMLIcTreeViewElement;\n\n  @State() smallDevice: boolean = false;\n  @Watch(\"smallDevice\")\n  watchSmallDeviceHandler(): void {\n    if (this.smallDevice) {\n      this.previousTruncateHeading = this.truncateHeading;\n      this.previousTruncateTreeItems = this.truncateTreeItems;\n      this.removeTruncation();\n    } else {\n      this.truncateHeading = this.previousTruncateHeading;\n      this.truncateTreeItems = this.previousTruncateTreeItems;\n    }\n  }\n\n  @State() treeItems: HTMLIcTreeItemElement[];\n\n  /**\n   * If `true`, tree items will have inset focus.\n   */\n  @Prop() focusInset?: boolean = false;\n  @Watch(\"focusInset\")\n  watchFocusInsetHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.focusInset = this.focusInset;\n    });\n  }\n\n  /**\n   * The heading of the tree view.\n   */\n  @Prop() heading?: string = \"\";\n\n  /**\n   * The size of the tree view.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n  @Watch(\"size\")\n  watchSizeHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.size = this.size;\n    });\n  }\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  watchThemeHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.theme = this.theme;\n    });\n  }\n\n  /**\n   * The content within the tree view tree items. This will take precedence over slotted content.\n   * */\n  @Prop() treeItemData: IcTreeItemOptions[] = [];\n  @Watch(\"treeItemData\")\n  watchTreeItemOptionsHandler(): void {\n    this.setTreeItems();\n  }\n\n  /**\n   * If `true`, the tree view heading will be truncated instead of text wrapping.\n   * When used on small devices, this prop will be overridden and headings will be set to text-wrap.\n   */\n  @Prop({ mutable: true }) truncateHeading?: boolean = false;\n\n  /**\n   * If `true`, tree items will be truncated, unless they are individually overridden.\n   * When used on small devices, this prop will be overridden and tree-items will be set to text-wrap.\n   */\n  @Prop({ mutable: true }) truncateTreeItems?: boolean = false;\n  @Watch(\"truncateTreeItems\")\n  watchTruncateTreeItemsHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      if (this.smallDevice) {\n        treeItem.previousTruncateTreeItem = treeItem.truncateTreeItem;\n        treeItem.truncateTreeItem = this.truncateTreeItems;\n      } else {\n        treeItem.truncateTreeItem = treeItem.previousTruncateTreeItem;\n      }\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.el?.removeEventListener(\"slotchange\", this.setTreeItems);\n\n    this.hostMutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n  }\n  componentWillLoad(): void {\n    this.setTreeItems();\n\n    this.previousTruncateHeading = this.truncateHeading;\n    this.previousTruncateTreeItems = this.truncateTreeItems;\n\n    checkResizeObserver(this.runResizeObserver);\n\n    this.watchSizeHandler();\n    this.watchFocusInsetHandler();\n    this.watchThemeHandler();\n    this.treeItems.forEach((treeItem) => {\n      if (treeItem.truncateTreeItem === undefined) {\n        treeItem.truncateTreeItem = this.truncateTreeItems;\n      }\n    });\n  }\n\n  componentDidRender(): void {\n    this.truncateHeading\n      ? this.truncateTreeViewHeading()\n      : this.removeHeadingTruncation();\n  }\n\n  componentDidLoad(): void {\n    this.addSlotChangeListener();\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"icon\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n\n    this.isLoaded = true;\n  }\n\n  @Listen(\"icTreeItemSelected\")\n  handleTreeItemSelected(event: CustomEvent): void {\n    this.treeItems.forEach((treeItem) => {\n      if (treeItem.selected && treeItem.id !== event.detail.id) {\n        treeItem.selected = false;\n      }\n    });\n  }\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const isSmallDevice = getCurrentDeviceSize() <= DEVICE_SIZES.S;\n      if (this.smallDevice !== isSmallDevice) this.smallDevice = isSmallDevice;\n    });\n\n    this.resizeObserver.observe(document.body);\n  };\n\n  private removeTruncation = (): void => {\n    this.truncateHeading = undefined;\n    this.truncateTreeItems = undefined;\n  };\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    const focussedChild = this.treeItems.indexOf(\n      this.treeItems.filter((el) => el === document.activeElement)[0]\n    );\n    const expanded = this.treeItems[focussedChild]?.expanded;\n    switch (event.key) {\n      case \"ArrowDown\":\n        this.treeItems[\n          this.getNextItemToSelect(focussedChild, true)\n        ].setFocus();\n        if (focussedChild !== this.treeItems.length - 1) {\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowUp\":\n        this.treeItems[\n          this.getNextItemToSelect(focussedChild, false)\n        ].setFocus();\n        if (focussedChild !== 0) {\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        if (this.treeItems[focussedChild].isParent && !expanded) {\n          this.treeItems[focussedChild].expanded = true;\n          this.treeItems[focussedChild].hasParentExpanded = true;\n          this.treeItems[focussedChild].updateAriaLabel();\n        } else if (this.treeItems[focussedChild].isParent && expanded) {\n          (\n            this.treeItems[focussedChild].children[0] as HTMLIcTreeItemElement\n          ).setFocus();\n        }\n        event.preventDefault();\n        break;\n      case \"ArrowLeft\":\n        if (this.treeItems[focussedChild].isParent && expanded) {\n          this.treeItems[focussedChild].expanded = false;\n          this.treeItems[focussedChild].hasParentExpanded = false;\n          this.treeItems[focussedChild].updateAriaLabel();\n        } else if (\n          this.treeItems[focussedChild].parentElement.tagName ===\n          this.treeItemTag\n        ) {\n          (\n            this.treeItems[focussedChild].parentElement as HTMLIcTreeItemElement\n          ).setFocus();\n        }\n        event.preventDefault();\n        break;\n    }\n  };\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numItems = this.treeItems.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n    if (nextItem < 0) {\n      nextItem = 0;\n    } else if (nextItem > numItems) {\n      nextItem = numItems;\n    }\n\n    const maxAttempts = numItems + 1;\n    let attempts = 0;\n\n    while (attempts < maxAttempts) {\n      if (nextItem < 0 || nextItem > numItems) {\n        return currentItem;\n      }\n\n      if (\n        !this.treeItems[nextItem].disabled &&\n        (this.treeItems[nextItem].parentElement.tagName !== this.treeItemTag ||\n          (this.treeItems[nextItem].parentElement as HTMLIcTreeItemElement)\n            .expanded)\n      ) {\n        return nextItem;\n      }\n\n      if (nextItem === numItems && this.treeItems[nextItem].disabled) {\n        return currentItem;\n      }\n\n      nextItem = movingDown ? nextItem + 1 : nextItem - 1;\n      attempts++;\n    }\n\n    return currentItem;\n  };\n\n  private linkTreeItems = () => {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.setAttribute(\"context-id\", this.treeViewId);\n    });\n  };\n\n  private setTreeItems = () => {\n    this.treeItems = this.getAllTreeItems(this.el as HTMLElement);\n\n    this.linkTreeItems();\n  };\n\n  private getAllTreeItems(element: HTMLElement): HTMLIcTreeItemElement[] {\n    const treeItems: HTMLIcTreeItemElement[] = [];\n\n    const collectTreeItemsFromSlottedContent = (el: HTMLElement) => {\n      Array.from(el.children).forEach((child) => {\n        if (child.tagName === this.treeItemTag) {\n          treeItems.push(child as HTMLIcTreeItemElement);\n        }\n\n        collectTreeItemsFromSlottedContent(child as HTMLElement);\n      });\n    };\n\n    const collectTreeItemsFromData = (\n      items: IcTreeItemOptions[],\n      parentElement: HTMLElement\n    ) => {\n      Array.from(parentElement.children).forEach((child) => {\n        if (child.tagName === this.treeItemTag) {\n          parentElement.removeChild(child);\n        }\n      });\n\n      items.forEach((item) => {\n        const treeItem = document.createElement(\n          this.treeItemTag\n        ) as HTMLIcTreeItemElement;\n        const { children, icon, ...props } = item;\n        Object.assign(treeItem, props);\n\n        if (icon) {\n          const iconSlot = document.createElement(\"div\");\n          iconSlot.setAttribute(\"slot\", \"icon\");\n          iconSlot.innerHTML = icon;\n          treeItem.appendChild(iconSlot);\n        }\n\n        parentElement.appendChild(treeItem);\n        treeItems.push(treeItem);\n\n        if (children && children.length > 0) {\n          collectTreeItemsFromData(children, treeItem);\n        }\n      });\n    };\n\n    if (this.treeItemData.length > 0) {\n      collectTreeItemsFromData(this.treeItemData, element);\n    } else {\n      collectTreeItemsFromSlottedContent(element);\n    }\n\n    return treeItems;\n  }\n\n  private addSlotChangeListener = () => {\n    this.el.addEventListener(\"slotchange\", this.setTreeItems);\n  };\n\n  private truncateTreeViewHeading = () => {\n    const typographyEl: HTMLIcTypographyElement =\n      this.el.shadowRoot.querySelector(\".tree-view-header\");\n    const tooltip = typographyEl?.closest(this.TOOLTIP);\n    const headingContainer: HTMLElement = this.el.shadowRoot.querySelector(\n      \".heading-area-container\"\n    );\n\n    if (typographyEl?.scrollHeight > headingContainer?.clientHeight) {\n      typographyEl.classList.add(\"ic-text-overflow\");\n\n      if (!tooltip) {\n        const tooltipEl = document.createElement(\"ic-tooltip\");\n        tooltipEl.setAttribute(\"target\", this.el.id);\n        tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n        tooltipEl.classList.add(\"ic-tooltip-overflow\");\n        tooltipEl.setAttribute(\"placement\", \"right\");\n        headingContainer.appendChild(tooltipEl);\n        tooltipEl.appendChild(typographyEl);\n      }\n    }\n  };\n\n  private removeHeadingTruncation = () => {\n    const typographyEl: HTMLIcTypographyElement =\n      this.el.shadowRoot.querySelector(\".tree-view-header\");\n    const tooltipEl: HTMLIcTooltipElement = typographyEl?.closest(this.TOOLTIP);\n\n    if (tooltipEl) {\n      typographyEl.classList.remove(\"ic-text-overflow\");\n      this.el.shadowRoot\n        .querySelector(\".heading-area-container\")\n        .replaceChild(typographyEl, tooltipEl);\n    }\n  };\n\n  private isHeadingDefined = () =>\n    isPropDefined(this.heading) && this.heading !== null;\n\n  private hasHeadingAreaContent = (): boolean => {\n    return (\n      isSlotUsed(this.el, \"heading\") ||\n      this.isHeadingDefined() ||\n      isSlotUsed(this.el, \"icon\")\n    );\n  };\n\n  render() {\n    const { heading, isLoaded, size, theme, truncateHeading } = this;\n\n    return (\n      <Host\n        context-id={this.treeViewId}\n        class={{\n          [`ic-tree-view-${size}`]: size !== \"medium\",\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          \"ic-tree-view-truncate\": truncateHeading,\n        }}\n        onKeyDown={this.handleKeyDown}\n        aria-label={this.isHeadingDefined() ? heading : null}\n      >\n        {this.hasHeadingAreaContent() && (\n          <div class=\"heading-area-container\">\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon-container\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <ic-typography\n              variant=\"subtitle-large\"\n              class={{\n                \"tree-view-header\": true,\n                \"with-padding\": this.truncateHeading && !isLoaded,\n              }}\n            >\n              {isSlotUsed(this.el, \"heading\") ? (\n                <slot name=\"heading\" />\n              ) : (\n                heading\n              )}\n            </ic-typography>\n          </div>\n        )}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"ic-tree-view.entry.js","mappings":"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","names":[],"sources":["src/components/ic-tree-view/ic-tree-view.css?tag=ic-tree-view&encapsulation=shadow","src/components/ic-tree-view/ic-tree-view.tsx"],"sourcesContent":["/**\n* @prop --tree-view-width: Width of the tree view\n*/\n\n:host {\n  display: block;\n  width: var(--tree-view-width, 100%);\n  background-color: var(--ic-tree-view-background);\n}\n\n:host .heading-area-container {\n  border-bottom: var(--ic-space-1px) solid var(--ic-tree-view-divider);\n  display: flex;\n  align-items: center;\n  min-height: calc(\n    var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px)\n  );\n  padding: 0 var(--ic-space-xs);\n\n  --ic-typography-color: var(--ic-tree-view-text);\n}\n\n:host(.ic-tree-view-small) .heading-area-container {\n  min-height: calc(var(--ic-space-xl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-large) .heading-area-container {\n  min-height: calc(var(--ic-space-xxl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate) .heading-area-container {\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate.ic-tree-view-small) .heading-area-container {\n  height: calc(var(--ic-space-xl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-truncate.ic-tree-view-large) .heading-area-container {\n  height: calc(var(--ic-space-xxl) - var(--ic-space-1px));\n}\n\n.icon-container {\n  width: var(--ic-space-lg);\n  min-width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  margin: 0 var(--ic-space-xs) 0 0;\n}\n\n:host(.ic-tree-view-small) .icon-container {\n  margin: 0 var(--ic-space-xxs) 0 0;\n}\n\n.ic-text-overflow {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n}\n\n/* Ensures truncation works - accounts for text width increase as component hydrates */\n.tree-view-header.with-padding {\n  padding-right: var(--ic-space-xs);\n}\n\n.tree-items-container-hidden {\n  visibility: hidden;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tree-view-icon);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Host,\n  Watch,\n  State,\n  Listen,\n} from \"@stencil/core\";\nimport { IcSizes, IcThemeMode } from \"../../utils/types\";\nimport {\n  checkResizeObserver,\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  isPropDefined,\n  isSlotUsed,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport { IcTreeItemOptions } from \"./ic-tree-view.types\";\n\nlet treeViewIds = 0;\n\n/**\n * @slot heading - Content is set as the tree view heading.\n * @slot icon - Content is placed to the left of the heading.\n */\n\n@Component({\n  tag: \"ic-tree-view\",\n  styleUrl: \"ic-tree-view.css\",\n  shadow: true,\n})\nexport class TreeView {\n  private treeViewId = `ic-tree-view-${treeViewIds++}`;\n  private treeItemTag = \"IC-TREE-ITEM\";\n  private hostMutationObserver: MutationObserver | null = null;\n  private isLoaded = false;\n  private resizeObserver: ResizeObserver | null = null;\n  private TOOLTIP = \"ic-tooltip\";\n\n  private previousTruncateHeading: boolean = false;\n  private previousTruncateTreeItems: boolean = false;\n\n  @Element() el: HTMLIcTreeViewElement;\n\n  @State() smallDevice: boolean = false;\n  @Watch(\"smallDevice\")\n  watchSmallDeviceHandler(): void {\n    if (this.smallDevice) {\n      this.previousTruncateHeading = this.truncateHeading;\n      this.previousTruncateTreeItems = this.truncateTreeItems;\n      this.removeTruncation();\n    } else {\n      this.truncateHeading = this.previousTruncateHeading;\n      this.truncateTreeItems = this.previousTruncateTreeItems;\n    }\n  }\n\n  @State() treeItems: HTMLIcTreeItemElement[];\n\n  /**\n   * If `true`, tree items will have inset focus.\n   */\n  @Prop() focusInset: boolean = false;\n  @Watch(\"focusInset\")\n  watchFocusInsetHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.focusInset = this.focusInset;\n    });\n  }\n\n  /**\n   * The heading of the tree view.\n   */\n  @Prop() heading: string = \"\";\n\n  /**\n   * The size of the tree view.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n  @Watch(\"size\")\n  watchSizeHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.size = this.size;\n    });\n  }\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  watchThemeHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.theme = this.theme;\n    });\n  }\n\n  /**\n   * The content within the tree view tree items. This will take precedence over slotted content.\n   * */\n  @Prop() treeItemData: IcTreeItemOptions[] = [];\n  @Watch(\"treeItemData\")\n  watchTreeItemOptionsHandler(): void {\n    this.setTreeItems();\n  }\n\n  /**\n   * If `true`, the tree view heading will be truncated instead of text wrapping.\n   * When used on small devices, this prop will be overridden and headings will be set to text-wrap.\n   */\n  @Prop({ mutable: true }) truncateHeading: boolean = false;\n\n  /**\n   * If `true`, tree items will be truncated, unless they are individually overridden.\n   * When used on small devices, this prop will be overridden and tree-items will be set to text-wrap.\n   */\n  @Prop({ mutable: true }) truncateTreeItems: boolean = false;\n  @Watch(\"truncateTreeItems\")\n  watchTruncateTreeItemsHandler(): void {\n    this.treeItems.forEach((treeItem) => {\n      if (this.smallDevice) {\n        treeItem.previousTruncateTreeItem = treeItem.truncateTreeItem;\n        treeItem.truncateTreeItem = this.truncateTreeItems;\n      } else {\n        treeItem.truncateTreeItem = treeItem.previousTruncateTreeItem;\n      }\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.el?.removeEventListener(\"slotchange\", this.setTreeItems);\n\n    this.hostMutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n  }\n  componentWillLoad(): void {\n    this.setTreeItems();\n\n    this.previousTruncateHeading = this.truncateHeading;\n    this.previousTruncateTreeItems = this.truncateTreeItems;\n\n    checkResizeObserver(this.runResizeObserver);\n\n    this.watchSizeHandler();\n    this.watchFocusInsetHandler();\n    this.watchThemeHandler();\n    this.treeItems.forEach((treeItem) => {\n      if (treeItem.truncateTreeItem === undefined) {\n        treeItem.truncateTreeItem = this.truncateTreeItems;\n      }\n    });\n  }\n\n  componentDidRender(): void {\n    this.truncateHeading\n      ? this.truncateTreeViewHeading()\n      : this.removeHeadingTruncation();\n  }\n\n  componentDidLoad(): void {\n    this.addSlotChangeListener();\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"icon\", this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n\n    this.isLoaded = true;\n  }\n\n  @Listen(\"icTreeItemSelected\")\n  handleTreeItemSelected(event: CustomEvent): void {\n    this.treeItems.forEach((treeItem) => {\n      if (treeItem.selected && treeItem.id !== event.detail.id) {\n        treeItem.selected = false;\n      }\n    });\n  }\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      const isSmallDevice = getCurrentDeviceSize() <= DEVICE_SIZES.S;\n      if (this.smallDevice !== isSmallDevice) this.smallDevice = isSmallDevice;\n    });\n\n    this.resizeObserver.observe(document.body);\n  };\n\n  private removeTruncation = (): void => {\n    this.truncateHeading = false;\n    this.truncateTreeItems = false;\n  };\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    const focussedChild = this.treeItems.indexOf(\n      this.treeItems.filter((el) => el === document.activeElement)[0]\n    );\n    const expanded = this.treeItems[focussedChild]?.expanded;\n    switch (event.key) {\n      case \"ArrowDown\":\n        this.treeItems[\n          this.getNextItemToSelect(focussedChild, true)\n        ].setFocus();\n        if (focussedChild !== this.treeItems.length - 1) {\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowUp\":\n        this.treeItems[\n          this.getNextItemToSelect(focussedChild, false)\n        ].setFocus();\n        if (focussedChild !== 0) {\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        if (this.treeItems[focussedChild].isParent && !expanded) {\n          this.treeItems[focussedChild].expanded = true;\n          this.treeItems[focussedChild].hasParentExpanded = true;\n          this.treeItems[focussedChild].updateAriaLabel();\n        } else if (this.treeItems[focussedChild].isParent && expanded) {\n          (\n            this.treeItems[focussedChild].children[0] as HTMLIcTreeItemElement\n          ).setFocus();\n        }\n        event.preventDefault();\n        break;\n      case \"ArrowLeft\":\n        if (this.treeItems[focussedChild].isParent && expanded) {\n          this.treeItems[focussedChild].expanded = false;\n          this.treeItems[focussedChild].hasParentExpanded = false;\n          this.treeItems[focussedChild].updateAriaLabel();\n        } else if (\n          this.treeItems[focussedChild].parentElement?.tagName ===\n          this.treeItemTag\n        ) {\n          (\n            this.treeItems[focussedChild].parentElement as HTMLIcTreeItemElement\n          ).setFocus();\n        }\n        event.preventDefault();\n        break;\n    }\n  };\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numItems = this.treeItems.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n    if (nextItem < 0) {\n      nextItem = 0;\n    } else if (nextItem > numItems) {\n      nextItem = numItems;\n    }\n\n    const maxAttempts = numItems + 1;\n    let attempts = 0;\n\n    while (attempts < maxAttempts) {\n      if (nextItem < 0 || nextItem > numItems) {\n        return currentItem;\n      }\n\n      if (\n        this.treeItems[nextItem].parentElement?.tagName !== this.treeItemTag ||\n        (this.treeItems[nextItem].parentElement as HTMLIcTreeItemElement)\n          .expanded\n      ) {\n        return nextItem;\n      }\n\n      if (nextItem === numItems && this.treeItems[nextItem].disabled) {\n        return currentItem;\n      }\n\n      nextItem = movingDown ? nextItem + 1 : nextItem - 1;\n      attempts++;\n    }\n\n    return currentItem;\n  };\n\n  private linkTreeItems = () => {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.setAttribute(\"context-id\", this.treeViewId);\n    });\n  };\n\n  private setTreeItems = () => {\n    this.treeItems = this.getAllTreeItems(this.el as HTMLElement);\n\n    this.linkTreeItems();\n  };\n\n  private getAllTreeItems(element: HTMLElement): HTMLIcTreeItemElement[] {\n    const treeItems: HTMLIcTreeItemElement[] = [];\n\n    const collectTreeItemsFromSlottedContent = (el: HTMLElement) => {\n      Array.from(el.children).forEach((child) => {\n        if (child.tagName === this.treeItemTag) {\n          treeItems.push(child as HTMLIcTreeItemElement);\n        }\n\n        collectTreeItemsFromSlottedContent(child as HTMLElement);\n      });\n    };\n\n    const collectTreeItemsFromData = (\n      items: IcTreeItemOptions[],\n      parentElement: HTMLElement\n    ) => {\n      Array.from(parentElement.children).forEach((child) => {\n        if (child.tagName === this.treeItemTag) {\n          parentElement.removeChild(child);\n        }\n      });\n\n      items.forEach((item) => {\n        const treeItem = document.createElement(\n          this.treeItemTag\n        ) as HTMLIcTreeItemElement;\n        const { children, icon, ...props } = item;\n        Object.assign(treeItem, props);\n\n        if (icon) {\n          const iconSlot = document.createElement(\"div\");\n          iconSlot.setAttribute(\"slot\", \"icon\");\n          iconSlot.innerHTML = icon;\n          treeItem.appendChild(iconSlot);\n        }\n\n        parentElement.appendChild(treeItem);\n        treeItems.push(treeItem);\n\n        if (children && children.length > 0) {\n          collectTreeItemsFromData(children, treeItem);\n        }\n      });\n    };\n\n    if (this.treeItemData.length > 0) {\n      collectTreeItemsFromData(this.treeItemData, element);\n    } else {\n      collectTreeItemsFromSlottedContent(element);\n    }\n\n    return treeItems;\n  }\n\n  private addSlotChangeListener = () => {\n    this.el.addEventListener(\"slotchange\", this.setTreeItems);\n  };\n\n  private truncateTreeViewHeading = () => {\n    const typographyEl =\n      this.el.shadowRoot?.querySelector<HTMLIcTypographyElement>(\n        \".tree-view-header\"\n      );\n    const tooltip = typographyEl?.closest(this.TOOLTIP);\n    const headingContainer = this.el.shadowRoot?.querySelector<HTMLElement>(\n      \".heading-area-container\"\n    );\n\n    if (\n      typographyEl &&\n      headingContainer &&\n      typographyEl.scrollHeight > headingContainer.clientHeight\n    ) {\n      typographyEl.classList.add(\"ic-text-overflow\");\n\n      if (!tooltip) {\n        const tooltipEl = document.createElement(\"ic-tooltip\");\n        tooltipEl.setAttribute(\"target\", this.el.id);\n        tooltipEl.setAttribute(\"label\", typographyEl.textContent!);\n        tooltipEl.classList.add(\"ic-tooltip-overflow\");\n        tooltipEl.setAttribute(\"placement\", \"right\");\n        headingContainer.appendChild(tooltipEl);\n        tooltipEl.appendChild(typographyEl);\n      }\n    }\n  };\n\n  private removeHeadingTruncation = () => {\n    const typographyEl =\n      this.el.shadowRoot?.querySelector<HTMLIcTypographyElement>(\n        \".tree-view-header\"\n      );\n    const tooltipEl = typographyEl?.closest<HTMLIcTooltipElement>(this.TOOLTIP);\n\n    if (tooltipEl && typographyEl) {\n      typographyEl.classList.remove(\"ic-text-overflow\");\n      this.el.shadowRoot\n        ?.querySelector(\".heading-area-container\")\n        ?.replaceChild(typographyEl, tooltipEl);\n    }\n  };\n\n  private isHeadingDefined = () =>\n    isPropDefined(this.heading) && this.heading !== null;\n\n  private hasHeadingAreaContent = (): boolean => {\n    return (\n      isSlotUsed(this.el, \"heading\") ||\n      this.isHeadingDefined() ||\n      isSlotUsed(this.el, \"icon\")\n    );\n  };\n\n  render() {\n    const { heading, isLoaded, size, theme, truncateHeading } = this;\n\n    return (\n      <Host\n        context-id={this.treeViewId}\n        class={{\n          [`ic-tree-view-${size}`]: size !== \"medium\",\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          \"ic-tree-view-truncate\": truncateHeading,\n        }}\n        onKeyDown={this.handleKeyDown}\n        aria-label={this.isHeadingDefined() ? heading : null}\n      >\n        {this.hasHeadingAreaContent() && (\n          <div class=\"heading-area-container\">\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon-container\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <ic-typography\n              variant=\"subtitle-large\"\n              class={{\n                \"tree-view-header\": true,\n                \"with-padding\": this.truncateHeading && !isLoaded,\n              }}\n            >\n              {isSlotUsed(this.el, \"heading\") ? (\n                <slot name=\"heading\" />\n              ) : (\n                heading\n              )}\n            </ic-typography>\n          </div>\n        )}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/ic-typography.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-163fe708.js';
-import { f as checkResizeObserver, q as isElInAGGrid } from './helpers-bbab69a2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7a720e7.js';
+import { f as checkResizeObserver, l as isElInAGGrid } from './helpers-9fe45194.js';
 
 const icTypographyCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;position:relative;color:var(--ic-typography-color, var(--ic-color-text-primary))}:host(.ic-typography-vertical-margins-h1){margin:0 0 var(--ic-space-xl)}:host(.ic-typography-vertical-margins-h2){margin:var(--ic-space-xxl) 0 var(--ic-space-lg)}:host(.ic-typography-vertical-margins-h3){margin:var(--ic-space-xl) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-h4){margin:var(--ic-space-lg) 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-subtitle-large),:host(.ic-typography-vertical-margins-subtitle-small),:host(.ic-typography-vertical-margins-body),:host(.ic-typography-vertical-margins-code-large),:host(.ic-typography-vertical-margins-code-small),:host(.ic-typography-vertical-margins-code-extra-small){margin:0 0 var(--ic-space-md)}:host(.ic-typography-vertical-margins-caption),:host(.ic-typography-vertical-margins-caption-uppercase){margin:0 0 var(--ic-space-xs)}:host(.ic-typography-vertical-margins-h2:first-child),:host(.ic-typography-vertical-margins-h3:first-child),:host(.ic-typography-vertical-margins-h4:first-child){margin-top:0}:host(.ic-typography-h1){font:var(--ic-font-h1) !important}:host(.ic-typography-h2){font:var(--ic-font-h2);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-h3){font:var(--ic-font-h3)}:host(.ic-typography-h4){font:var(--ic-font-h4);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-large){font:var(--ic-font-subtitle-large);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-subtitle-small){font:var(--ic-font-subtitle-small);letter-spacing:var(--ic-font-letter-spacing-0pt0015)}:host(.ic-typography-body){font:var(--ic-font-body);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-caption){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-caption-uppercase){font:var(--ic-font-caption);letter-spacing:var(--ic-font-letter-spacing-0pt0025);text-transform:uppercase}:host(.ic-typography-label){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-label-uppercase){font:var(--ic-font-label);letter-spacing:var(--ic-font-letter-spacing-0pt025);text-transform:uppercase}:host(.ic-typography-code-large){font:var(--ic-font-code-large);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-code-small){font:var(--ic-font-code-small);letter-spacing:var(--ic-font-letter-spacing-0pt005)}:host(.ic-typography-code-extra-small){font:var(--ic-font-code-extra-small);letter-spacing:var(--ic-font-letter-spacing-0pt025)}:host(.ic-typography-badge){font:var(--ic-font-badge);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-badge-small){font:var(--ic-font-badge-small);letter-spacing:var(--ic-font-letter-spacing-0pt0025)}:host(.ic-typography-no-wrap){white-space:nowrap}:host ::slotted(h1),:host ::slotted(h2),:host ::slotted(h3),:host ::slotted(h4),:host ::slotted(h5),:host ::slotted(h6),:host ::slotted(p),:host ::slotted(label){font:inherit;letter-spacing:inherit}.trunc-wrapper{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--truncation-max-lines, initial);-webkit-line-clamp:var(--truncation-max-lines, initial);overflow:hidden;padding-right:var(--ellipsis-padding-right, 0)}.trunc-btn{border:none;background:none;padding:0;color:var(--ic-color-text-primary);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}.trunc-btn:hover,.trunc-btn.focus{outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none;cursor:pointer}:host(.ic-typography-strikethrough){text-decoration:line-through}:host(.ic-typography-underline){text-decoration:underline}:host(.ic-typography-underline.ic-typography-strikethrough){text-decoration:line-through underline}:host(.ic-typography-italic){font-style:italic !important}:host(.ic-typography-bold){font-weight:var(--ic-font-weight-bold)}:host(.ic-theme-dark),:host(.ic-theme-light){--ic-typography-color:var(--ic-color-text-primary)}:host(.in-ag-grid),:host(.in-ag-grid) ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@supports (text-underline-offset: 25%){.trunc-btn:hover,.trunc-btn.focus{text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}@media (prefers-color-scheme: dark) and (not (forced-colors: active)){:host,.trunc-btn::not(ic-tooltip){color:var(--ic-typography-color)}}";
 const IcTypographyStyle0 = icTypographyCss;

package/dist/esm/{index-163fe708.js → index-a7a720e7.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'core';
-const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
+const BUILD = /* core */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: true, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
  Stencil Client Platform v4.26.0 | MIT Licensed | https://stenciljs.com
@@ -93,10 +93,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ic-card-vertical.entry.js').then(processMod, consoleError);
-                case 'ic-checkbox':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ic-checkbox.entry.js').then(processMod, consoleError);
                 case 'ic-checkbox-group':
                     return import(
                       /* webpackMode: "lazy" */
@@ -265,6 +261,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ic-breadcrumb.entry.js').then(processMod, consoleError);
+                case 'ic-checkbox_3':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ic-checkbox_3.entry.js').then(processMod, consoleError);
                 case 'ic-date-input':
                     return import(
                       /* webpackMode: "lazy" */
@@ -273,10 +273,6 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ic-divider.entry.js').then(processMod, consoleError);
-                case 'ic-empty-state_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './ic-empty-state_2.entry.js').then(processMod, consoleError);
                 case 'ic-menu-item':
                     return import(
                       /* webpackMode: "lazy" */
@@ -2581,7 +2577,6 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
 };
 var getHostListenerTarget = (elm, flags) => {
   if (flags & 4 /* TargetDocument */) return doc;
-  if (flags & 8 /* TargetWindow */) return win;
   return elm;
 };
 var hostListenerOpts = (flags) => supportsListenerOptions ? {
@@ -2594,4 +2589,4 @@ var setNonce = (nonce) => plt.$nonce$ = nonce;
 
 export { Fragment as F, Host as H, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
 
-//# sourceMappingURL=index-163fe708.js.map
+//# sourceMappingURL=index-a7a720e7.js.map