npm - @getflip/swirl-components - Versions diffs - 0.296.2 → 0.298.0 - Mend

@getflip/swirl-components 0.296.2 → 0.298.0

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

Files changed (1751) hide show

package/dist/components/swirl-symbol-xing.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlSymbolXing$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolXing
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'e58d84ff3e468e2b6ff7ac49a47155542d4f6d6f', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'ad9853958590e486fe8e85f32eb5d11a90c00ad4' }, h("path", { key: 'a711783a5d96f9d8f384cf030db1c7b890d30c17', d: "M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z", fill: "currentColor" }))));
+        return (h("svg", { key: '24ea1a03c578af3b073620b3ae5db60dbc3b2075', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '495522c8ce8193387b7fb061103f325e3900f3c0' }, h("path", { key: '706dc481276831f71904a875af9e009c879b8d88', d: "M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z", fill: "currentColor" }))));
     }
     static get style() { return SwirlSymbolXingStyle0; }
 }, [1, "swirl-symbol-xing", {

package/dist/components/swirl-symbol-youtube.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlSymbolYoutube$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolY
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '2dc411ceece6dccefad8a890dafb2c2b087c30f9', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '556960cc3923fa26d9e0e7ec1b5cde9a68be9489' }, h("path", { key: 'c05145d5286a8eec233ff2efb02a85bc99c4b89f', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
+        return (h("svg", { key: '81ccf2a1c926616ec8e7730b39d1c97044bc5cba', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'bf16db3901d4f5feb31c3c1f1d637bcda8ffba34' }, h("path", { key: 'ab34d9516f4f14537e8373eedb30495150063b3a', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
     }
     static get style() { return SwirlSymbolYoutubeStyle0; }
 }, [1, "swirl-symbol-youtube", {

package/dist/components/swirl-symbol.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlHeading = /*@__PURE__*/ proxyCustomElement(class SwirlHeading extends
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (h(Host, { key: 'b36c6c0f01bb6fada4ea8a4f9f9f14fbe7ecf9d7' }, h(Tag, { key: '1533aa621a32706ce1b04e834b7afae57fd469ac', size: this.size })));
+        return (h(Host, { key: '736f0bdc93b37f9ce72133fd601ddc82c323fc72' }, h(Tag, { key: '4b30ea09faae60cb9a4a57cfa43a39bdddc8c4dd', size: this.size })));
     }
     static get style() { return SwirlSymbolStyle0; }
 }, [1, "swirl-symbol", {

package/dist/components/swirl-tab-bar2.js CHANGED Viewed

@@ -69,7 +69,7 @@ const SwirlTabBar = /*@__PURE__*/ proxyCustomElement(class SwirlTabBar extends H
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: 'e3851bcbea5ee34311e68e30a80ab7199aee54aa' }, h("div", { key: '086163eb504824251fa6e6357246aa8faf4df5d2', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: 'dd1c6db7b1b431d4a20e954b570a4ac64b36feb7' }, h("div", { key: '3e2d33a8a0155b94a6c3305823cab30a08e3bc05', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = classNames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

package/dist/components/swirl-tab.js CHANGED Viewed

@@ -17,7 +17,7 @@ const SwirlTab$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTab extends HTMLE
     }
     render() {
         const className = classNames("tab", { "tab--active": this.active });
-        return (h(Host, { key: 'f2f9ad54be016d4ed0dac62e55d8542a40a9e65f', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: 'ca7a7082b8212d789385e37471edfc5d0474b933' })));
+        return (h(Host, { key: '60335e3851044504d055a3b38aa90c25c5fb8bbe', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '284853bd89212dfc43572949ea7695e5b723f53c' })));
     }
     static get style() { return SwirlTabStyle0; }
 }, [1, "swirl-tab", {

package/dist/components/swirl-table-cell.js CHANGED Viewed

@@ -10,7 +10,7 @@ const SwirlTableCell$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableCell e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '1530d1c43ec576cdb5b1b4e34f372aafcdab9a79', class: "table-cell", role: "cell" }, h("slot", { key: '1765bdc2912e7db2f46813282baa09b5d70fa56d' })));
+        return (h(Host, { key: '316b66ba0fe4bc2dff1bae627279bfef3312206d', class: "table-cell", role: "cell" }, h("slot", { key: '829b3c84293caa7e14c0e892cca191ad5b646351' })));
     }
     static get style() { return SwirlTableCellStyle0; }
 }, [1, "swirl-table-cell"]);

package/dist/components/swirl-table-column.js CHANGED Viewed

@@ -28,7 +28,7 @@ const SwirlTableColumn$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableColu
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: 'da54355854d6f43ffc37358e05f44775d38df3a0', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'e901e9c9085997776c8f324a52d7c8158c318bef' }, h("slot", { key: '190cf7d873f142ee8b7f8af0003b04bd20fe1c86' })), this.sortable && (h("span", { key: '93ef6dcddf0a2019e0ccb7151cd91b97a825c56a', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '10827a5ec050bc42657d3bf391acdda935eac20a', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '84577bd046edc3ba7d34da1f1c204f22ec263f49', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: 'b4b2b34e8bc2f9dacf9ee83ff0976f7a29deb265', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '494a409686b6826531a8f2b40914c3baf85a4fa6' }, h("slot", { key: 'd7a1607dbe9e7e897f0699dbc7b8f118a667094b' })), this.sortable && (h("span", { key: '71f37474cc4c854bdbf421aead9cfad84abf9ee5', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '4709f69b17239f3aa10b6513bb1b45b7e0a998a8', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'de9b1cdb14ae43dc8a1b042bac4423ba837b1191', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return this; }
     static get style() { return SwirlTableColumnStyle0; }

package/dist/components/swirl-table-row-group.js CHANGED Viewed

@@ -47,10 +47,10 @@ const SwirlTableRowGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRo
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: '7901d6394a256618dc48b1911c68680641c9ce62', class: "table-row-group", role: "rowgroup" }, h("div", { key: '8d9043058c0a17975e64ff5095365996bdd5285c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '6409629165534461258892a09a804a8f7c23663d', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: 'a0a0b6f4e63fb4973ff5aac3fda88e04e6b904cb', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '7f210b4b75c1b9d373598304c9b5154ea9ec6db8', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '16510652305da1f78cb4a95b805a5ede72d9eba9', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '2bb2e34d6ec1d50e2edf54281d4a0afd3d86e916', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'a214b2c31d25febf718aac366b52ce9f107b1a65', class: {
+        return (h(Host, { key: 'c88b498464392825915456cde50e1cd86784e95b', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'b430a7f8bbce7899a1e305b5f32f84d6d6741cfd', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'f80767556a73cca5be5e161d773b0f48416ef0fc', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: '176eb2d179d37e89259529d6017a9722909ec603', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'a3873dd1f620fbed2eb3f88732070c43960b83ba', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '04b48bab737428de33efc053dec6e230d1ca6189', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'e3666b0cef84945676edd6ab67fcd1a94c488890', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'fc4ae5148aa61fb7c47f18c354518706f316df18', class: {
                 "table-row-group__rows-container": true,
                 "table-row-group__rows-container--is-hidden": this.isVisible,
-            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: 'a46bbd3ea2f60d9bcab132ddcfc8e1392eb5a404' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '1291364c64464f539014870e1faf5a98ea089173' }))));
     }
     get el() { return this; }
     static get style() { return SwirlTableRowGroupStyle0; }

package/dist/components/swirl-table-row.js CHANGED Viewed

@@ -21,7 +21,7 @@ const SwirlTableRow$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRow ext
         const className = classNames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: 'c817b37c2a00350ea4ddca5ccfc86cb00958c852', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'f31d17f130798fde9677685b404ea301b1fe2a18' })));
+        return (h(Host, { key: '2447fb97560094815d341fc1f2354cd35c2b654e', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '18cb9d6800ec03f2226b01d74129e3255a6a10d6' })));
     }
     get el() { return this; }
     static get style() { return SwirlTableRowStyle0; }

package/dist/components/swirl-table.js CHANGED Viewed

@@ -326,7 +326,7 @@ const SwirlTable$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTable extends H
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (h(Host, { key: 'ac0fc42900c1f03af56d4b3f51f5fa7c70d4ba72' }, h("div", { key: '98b05663bad511bac4cfcb977467de684e459492', class: "table" }, h("div", { key: 'db76800f2f7c480ffe4b0c88da1007d92587999e', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: '98cc460a99b4b47d2a16fc93a3864c5613e5c57f', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '4c3f6a7007c8b408b508c5d6deeba625785a6348' }, h("div", { key: '82cacba1c07834002a8c73db2caf6c17899e16c0', id: "caption" }, this.caption))), h("div", { key: '690ca5e86d175b6d7d6d3ff14b1449336bd3baf4', role: "rowgroup" }, h("div", { key: 'ec0c9d643a8151ef1b151ea1d4db3b2025a6d913', class: "table__header", role: "row" }, h("slot", { key: '249b8f388b9bcbfece5af856f13606d68abf6b8d', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: 'aef3e65ad3bef5e68cc371817b45d44302825f7b', class: "table__body" }, h("slot", { key: 'b7fd68bcb7e8497da85b2589b60302a730df4702', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'd2d2001f8f1fb77f342353de1a5a29650c1df0a7', class: "table__empty-row", role: "row" }, h("div", { key: '5bf80a7ac46bd87e644b2ea38c8908aeb60724fa', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: '859308abc57281351264ed367511229a5716e3c4', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '1dad264e782e779ec3c641670d6745ae27f311f1' }, h("div", { key: '972ff6748270ec8c89e68803dec81bb3b696b7d5', class: "table" }, h("div", { key: '8421a34d775292faec2fdb16971aa328a3d9e40d', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: '2057cabb89b21c4d2634552b6c868026f90c1746', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '853d3788f7e0dd1170cfbfc84e5d810e999bf800' }, h("div", { key: '72ecf2b03aa6c46d45609254f5fa9af2fbbcb039', id: "caption" }, this.caption))), h("div", { key: '02b2b15ca2aefc20a3237d95ca34b892a9bc9b41', role: "rowgroup" }, h("div", { key: '6543839c056f6caf174f65670668c2a5c6f2606e', class: "table__header", role: "row" }, h("slot", { key: 'e6581bc48062a1d704ba2b9280b35190f03e2c64', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '04e5564657fed6b436679cd300e56e18d8f64ce8', class: "table__body" }, h("slot", { key: '4054d9418eb60559e996bb630143fbaceca90a5a', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '8200eb9e5bf3d8b52ead63df6d77db21bc6adbac', class: "table__empty-row", role: "row" }, h("div", { key: 'f86a99a732345affb1e8fd1224673970066da191', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: '29199285a11c90a6839a68c84edd71f04fbf4d6e', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return this; }
     static get style() { return SwirlTableStyle0; }

package/dist/components/swirl-tabs.js CHANGED Viewed

@@ -86,7 +86,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        return (h(Host, { key: '688e243951ab23e9678737c58220c25f2879796b' }, h("div", { key: '5cfc4d6bc4d868eeeb6abed3642df59a3b9c96ae', class: "tabs" }, h("swirl-tab-bar", { key: '360c4dc256606e21291b3ce4938fc84e10ff886d', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'f8672891a20bc1b627fa6f966472932d4d7a4698' })));
+        return (h(Host, { key: '8f776091b83d55785e936df66c991738f1f98102' }, h("div", { key: '94e213f60729e970661621a683b791c44a67a90e', class: "tabs" }, h("swirl-tab-bar", { key: 'd680d7a11f6a0a89edcd6f0a63cf2d79e64d50f0', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'edc54b9b40475e1930eb98c08774a5e7d721e31e' })));
     }
     get el() { return this; }
     static get style() { return SwirlTabsStyle0; }

package/dist/components/swirl-tag2.js CHANGED Viewed

@@ -45,7 +45,7 @@ const SwirlTag = /*@__PURE__*/ proxyCustomElement(class SwirlTag extends HTMLEle
     }
     render() {
         const className = classNames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: '929845576819bd561965c475f3c4aa449096dac5' }, h("span", { key: '74c46991a9bbb9ad01409e658f4f6c72b1f15fd1', class: className, part: "tag" }, this.icon && (h("span", { key: 'c4a475b16b1d1039c8d6a8b40f94ac3dcd1067b8', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '71083c3fa4dd03769975403498a2ec78f49826d3', class: "tag__label" }, this.label), this.removable && (h("button", { key: '9fa0c323135e2fcb064a1e30a3636bddcfaa9c96', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '495a501e9cf488855639af27193853b08e74dd30', size: 16 }))))));
+        return (h(Host, { key: '294bcbc3d67dd04803c14b5fdcb36d433fbe4e9b' }, h("span", { key: '92833eb63b8c3427bcd8d9f6102dac6a2c6ca5f4', class: className, part: "tag" }, this.icon && (h("span", { key: '04f55468ef43e3afd94a8509925833ad72279332', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '303fb2673aca81f26135fb0b865132133430f162', class: "tag__label" }, this.label), this.removable && (h("button", { key: '21218a740dcab88532eaf8ad66f0b78d62c2975a', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '2148da06e1b0ac4b0b89bc0b686c3ada439484fc', size: 16 }))))));
     }
     get el() { return this; }
     static get style() { return SwirlTagStyle0; }

package/dist/components/swirl-text-input2.js CHANGED Viewed

@@ -115,7 +115,7 @@ const SwirlTextInput = /*@__PURE__*/ proxyCustomElement(class SwirlTextInput ext
     }
     componentDidLoad() {
         this.updateIconSize(this.desktopMediaQuery.matches);
-        this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+        this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
         // see https://stackoverflow.com/a/27314017
         if (this.autoFocus) {
             setTimeout(() => {
@@ -191,7 +191,7 @@ const SwirlTextInput = /*@__PURE__*/ proxyCustomElement(class SwirlTextInput ext
             "text-input--inline": this.inline,
             "text-input--show-password": this.type === "password" && this.showPassword,
         });
-        return (h(Host, { key: '0b8eede30ea9a577bfebda81539cc5e1e4b5fe95' }, h("div", { key: 'bc2a3ab889a8419636c393f9092ab3ed4a56f11c', class: className }, this.prefixLabel && (h("span", { key: 'a01095f25187269a58a9cc5cae28975b8d6365a3', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: '3dbf1ce0097b57977a49a989eb2e4c842e990d79', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (h("span", { key: '3da40cda2b2f392da53a10797cc96fd726f48ef2', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: '38cc8425b91dc70a26013a600e49da131db868cd', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: 'aa9e6a263886a5447b4af70bc0156b74ac74ff46', size: this.iconSize }))), showPasswordToggle && (h("button", { key: 'fa338b9f668a7a2ce80c827a4a529a41f129a441', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (h("swirl-icon-visibility-off", { size: this.iconSize })) : (h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (h("span", { key: 'b113f02d036be11655038a48c5ed649d82b240a3', class: "text-input__stepper" }, h("button", { key: '61efb8ca9aebaacdeb8b1aac4e1bc96389a97487', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: 'd04ce617e500fe49751f0def355124c8a6913872', size: this.iconSize })), h("button", { key: 'dd2a2d378be0b6149332dcc49faca360cd96260a', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: '0615ab4dfe50d8ca22864e016df8634e8d47ffb8', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: '2d0ad8c0e8a8f894165ed20013a3e7429a93230c', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
+        return (h(Host, { key: 'e57f2ddeb2239ceffd449efacbc6bddf17777e2c' }, h("div", { key: '62eb95ad562fe4cbe7fd56cc9ac0b8d07b97afdf', class: className }, this.prefixLabel && (h("span", { key: 'c7d38898067ec7fdd924167e037323bacef742e3', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: 'ea0fff8fe61f6323d39dea8490fb722587e58080', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (h("span", { key: '2ae0f456126a27f0256b5dfd851da830ea379018', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: 'ea47c05178f0ce61188ca8ed15f3bbe6f132b1dc', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: 'd419f462f82b28bc6c8602f3d4cf65d2649d0234', size: this.iconSize }))), showPasswordToggle && (h("button", { key: '565f3c92ef3fd90d1d43c673b94feec9bcf213cf', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (h("swirl-icon-visibility-off", { size: this.iconSize })) : (h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (h("span", { key: 'ec02752a5258a06827fc156fd4b4cd5a0e712751', class: "text-input__stepper" }, h("button", { key: 'c698d2fda7bf64b338920410ef0c894955cf6372', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: '0f662dd62d1a315d288622a31e4f0dfb0ee530e0', size: this.iconSize })), h("button", { key: '49fc4ece3d4b67e3b6fa38ecdb681edf5e2e0791', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: '49de410032a3f513ba78e7f6a986645441db80eb', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: 'c2e4a3b9e5dc0c1eb4ef0ee686a7dd2cd2c1a6d7', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/components/swirl-text2.js CHANGED Viewed

@@ -985,7 +985,7 @@ const SwirlText = /*@__PURE__*/ proxyCustomElement(class SwirlText extends HTMLE
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '7cf2f2ea640acde9ae455c33ed94f96629a4cee9' }, h(Tag, { key: 'e0a5546c4bdee0e9f901a1378deeefce167977e1', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '96c959d69c0b4f457e3c804c655ab5d4afa6e8a3' }))));
+        return (h(Host, { key: '58852d3eda21365916053627efdfd755cf1a3512' }, h(Tag, { key: 'c88165cea60cb0d540f1636262a449818c8127a2', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '267baa6125ef490f3536adc3d51f16e9782ef94a' }))));
     }
     get el() { return this; }
     static get style() { return SwirlTextStyle0; }

package/dist/components/swirl-theme-provider.js CHANGED Viewed

@@ -153,7 +153,7 @@ const SwirlThemeProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlThemePr
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: '0c89323210a5baff48c0cf250bb50f597fbccfbe' }, h("slot", { key: 'aa20eab928c58e4ca4b5593346d2ae14b9ef0e4c' })));
+        return (h(Host, { key: '0f1694a7bf967fcbffdd7e915ec4aa4a8d2f93cf' }, h("slot", { key: '7c3c75d2927e01783040f473ba41f3831164bfa8' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/components/swirl-thumbnail2.js CHANGED Viewed

@@ -43,7 +43,7 @@ const SwirlThumbnail = /*@__PURE__*/ proxyCustomElement(class SwirlThumbnail ext
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '27810c76f26cbb658b7a3a6cb839fde0e6e305fc' }, h("span", { key: 'b1475ef339eb9ae763783a3fcf51d6e895c25ecf', class: className, role: "group" }, h(ImageWrapper, { key: '448850e4211c37dbee89842ed83737887ef16aed', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'aca1355bec065bef134b8fdb585dcd9221fc030c', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '6619f8c2b4e061ca05adbdf9bcaa8b9e53090f2e', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '9eb4fc3684a603d20a8bd9270ad238afd12825f3', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '674404f90c29aa3ca709ba9b90db056c927f96a4', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '084ee61645e12b39eba7b62083eed4e4cc3a4ed7' }, h("swirl-button", { key: '886828d7acd45e9c6d5d1401a1f611eef9825d55', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '31261848ecbda55eb795d03bffd7132680383569' }, h("swirl-button", { key: '10be5572750f74d11167b3fc3ed1c6cb7a4f3a28', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '360e5b55243802d8d8dda4e82517da3b029b7549', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: 'fb5316d102b517a33257a8456a5e0f4fb7c219d6' }, h("span", { key: '845311ca4c110616d57a3c99d8290815d7461ba5', class: className, role: "group" }, h(ImageWrapper, { key: '35936359bf6e1024961fda5fbe974e708b281acf', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '8b9cfa2921dd9bdb496d2938958ec052e2e789ba', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '7dda168aa81be0d53b6c636446edfda1e17e3630', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '58c625ac6e5d85415e4b197ff566288822ee5def', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '8df79f187e145410c5904f65f3f7ea14fbfcdd42', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'aef0913b9bdfa832860c7cee29e8f8e9f4adbab1' }, h("swirl-button", { key: 'b823976b2859858a18f858be7e2a7079a02e7d6d', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '735de39cbaeb9a6c2ed2cdd1e8501c4fdb8decd9' }, h("swirl-button", { key: '42b9c83a091d612c395f2df20f21d7ada257d8cc', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '76b387f8c129030a5b98e92c9e7e9e1910a54108', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get style() { return SwirlThumbnailStyle0; }
 }, [1, "swirl-thumbnail", {

package/dist/components/swirl-time-input.js CHANGED Viewed

@@ -82,7 +82,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
     componentDidLoad() {
         this.setupMask();
         this.updateIconSize(this.desktopMediaQuery.matches);
-        this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+        this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
         // see https://stackoverflow.com/a/27314017
         if (this.autoFocus) {
             setTimeout(() => {
@@ -125,7 +125,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
         const className = classNames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: '1c6b8b08c8c890245ce412f370bb2b78c53a6684' }, h("div", { key: '208d65696db4b5b1cb2a30d3a88e998aa3237c02', class: className }, h("input", { key: 'e384ed51b2a4ae3899d3e4485a876745e05a838e', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '8a07959b7a6937a4785dbd5c369c714df1cb990a', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '9100b6c78073deb95eda58bab1ca3ebd7fb18fc3', size: this.iconSize })))));
+        return (h(Host, { key: '2c4924715b04c0e77299b48a29fe7ec044229884' }, h("div", { key: 'b8bceee82f8ee07a206515e8f3bf3ba6c7fd6320', class: className }, h("input", { key: 'd06d11faf603e2c8526ab780ac64bbe10b61d562', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: 'b84dd53cb89b2532904f0978c951dcab01996d33', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '0c6df7dcd4388bfd2b06c6e70e2a30e36474ea3a', size: this.iconSize })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-toast-provider.js CHANGED Viewed

@@ -56,7 +56,7 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToastPr
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: '29a12ee787470e3d5167ae13f8fd0c84da2d81ed', role: "status" }, h("swirl-stack", { key: '65533b090312d7f6d2f4e20e693c75d6ca985362', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '3650e2962ff80074ed761a02c2181aa199b113e7', role: "status" }, h("swirl-stack", { key: 'a7d56803f722b22f3a58d4a9685d467895e8a65b', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/components/swirl-toast2.js CHANGED Viewed

@@ -33,7 +33,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class SwirlToast extends HTM
     componentDidLoad() {
         this.startTimer();
         this.forceIconProps(this.desktopMediaQuery.matches);
-        this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+        this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
     }
     disconnectedCallback() {
         this.desktopMediaQuery.removeEventListener?.("change", this.desktopMediaQueryHandler);
@@ -62,7 +62,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class SwirlToast extends HTM
     }
     render() {
         const className = classNames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: '280d5d34ebaf76b0bd3b33b02c78ed3640de4ea4' }, h("div", { key: '4ea2c045680fbbc40984b3450eb7aef7d0d326fb', class: className }, this.icon && (h("span", { key: '8d99261ffbe152eb3226bcca2016d485ef6f18af', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '9a9003bf3186f75010475c6872d891ffc884c1f4', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'e124b4a2f81cfd83a2e9e43973aab6d755d5953b' })), h("button", { key: 'f2208e156ecd27f963e0576d1c996d730424e905', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: 'e969f9969cd92f431b2d3352604dd0572d54d2b0', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: 'ff494adb183bfd3b0cf64f854370f65d9025688d' }, h("div", { key: 'ec42812f4e085d3853d529c5155847d3166d7235', class: className }, this.icon && (h("span", { key: '9565980b265dfb58f2d3f4625642c4b42b286bb0', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '20a9d20e6a1250d8584768db191033b7dca0faeb', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '59a95eece747a0a434c6730c84ca8138b7036b5c' })), h("button", { key: '413e402fb6504c7791d68e21b2dd333a79fb4e2e', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '76fb12bf16bdd0f7dfb1d51becf2774e438921a3', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/components/swirl-toggle-button.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SwirlToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleBu
         const classNames$1 = classNames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '6428213e5bb688dcd518892f5f619ce8b4b0f7b1', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: 'f213af72aca0a1b2cb934f61c9be176887f1d48d', class: "button__label" }, this.label)));
+        return (h("button", { key: 'f1fd00b70d49441eed96d0c3cd3b513abc2e2942', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '62b776441bc1175ff19ceaeebd19bb7ea9818b51', class: "button__label" }, this.label)));
     }
     static get style() { return SwirlToggleButtonStyle0; }
 }, [1, "swirl-toggle-button", {

package/dist/components/swirl-toggle-group.js CHANGED Viewed

@@ -60,7 +60,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
         });
     }
     render() {
-        return (h("swirl-stack", { key: 'bcc626996c6c4955fb5a3649b986d7c62a643cf5', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'fc82133e88334d3248f4ee31cb235e71c5446721', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: 'dd91f7ccecce01bf2bd29a155b888b1c7ff0325e', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'b22ba319fb73e5c448e513156f64f817766fd055', onSlotchange: this.onSlotChange })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-toolbar.js CHANGED Viewed

@@ -74,7 +74,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
         });
     }
     render() {
-        return (h(Host, { key: 'e2561eda6698db369a4c97c1f35cf03a901d0bc4' }, h("swirl-stack", { key: '3f45d178282426e5ac027d4bb0c58ef505c116f9', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '545bd3669c2dab02e60dabe810bb21ee13319509' }))));
+        return (h(Host, { key: '0bd307a0ad1039736f25124308ad98dc4fa03d18' }, h("swirl-stack", { key: '626904a735a98982c9f84aa1e27e1e4b7cd78606', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: 'c4f06b12016aa2589d470ca1dcf4f53a3ed2c099' }))));
     }
     get el() { return this; }
     static get style() { return SwirlToolbarStyle0; }

package/dist/components/swirl-tooltip2.js CHANGED Viewed

@@ -117,7 +117,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: '1a482a32a49e394974acc0614eace76e337c7275', onKeydown: this.onKeydown }, h("span", { key: '9f73d78cc853308520291ee20b7624d6ec64bd5e', class: className }, h("span", { key: 'ff7e20853f18c9b3851a028e385db1fd85841333', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'ee9be7d542982f7d14b07e3648f24a11da92780e' })), h("span", { key: 'fdfa09ae65125350e555b73417dc77be82edda0f', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '529375924a131657990ae49ca1577e384d7fb757', onKeydown: this.onKeydown }, h("span", { key: '6738c27b573fd2b6b9ddf090454a67fe1f28a7fa', class: className }, h("span", { key: '4152986331edada0253c5eee675c2841ddee4f21', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '15e1427b464e34bd69aa29527d99294e56e2a432' })), h("span", { key: '1632c52e95fd3b944ba6377beeab511deb1e995d', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -125,7 +125,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'a632b60342e4194bf6eefecf1f7887da300ea007', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '78d2b5c880e4ed314723acb1200e61cc9e284428', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '757859caef4234141415d572db53a7b98e1375da', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'f25541f0a71832bc92bd90cadabb38e22c5e8f1a', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'e7e07ec6b2dbebe5a713e05d9c608a91f8128c80', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '5772550951013f59e059277ba958efc6380f8f73', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/components/swirl-tree-navigation-item.js CHANGED Viewed

@@ -100,12 +100,12 @@ const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTr
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '5f0a416341a790d9fca20539f5d461208e705f5b', role: "none" }, h("li", { key: '0d6030b2053a97e29d7b2aecdb6565954c5ac1e6', class: {
+        return (h(Host, { key: 'f18b67c58e0aa8fac5291b8c0a6214852021cc6c', role: "none" }, h("li", { key: '7aa01185db544c5a5d9f97383c75dde04a22dc18', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '55b3fb27f9ea4ce1c616d9c89c3916fefbb9cf60', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '0a5abb5af6684ae7dd2925b46bce486fbd282d5d', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '06462246f92fbb5aaba518f29ec55124a11f8e5b', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'aa76ebdf77411ecdf68fffd89c1fbeff2b1b9c90', class: "tree-navigation-item__label" }, h("span", { key: 'bf75096a94dafcaa46fbe5687e1d9fe782b0d433', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'fcdc469239e493c2442f80d721fe3b928e89789f', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'f8e831812d44292e51477360c668546614d3182e', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'd5f8d165ea028c4ea0d174af39fd9d74a156823c', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'ef766b1eb82aced5a99d684de308d2a18eeebb66', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'a85dda318d7e3fb0942b08dabe2d4a62c2c87f5f', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '817727ed7c788a5faa868fb25effdc3518167228', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '4a4a71f00bc9a9825a51d39a0dc4dacd3a099400', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '4b887aef2710b7d99ca08879cec167c5bf0d1811', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '0c2416f44caf82a332c79f70856f1b1f7aab93a0', class: "tree-navigation-item__label" }, h("span", { key: '99283c67764645d4eae695c7db89c9526f3cd108', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '0e97d7a64bfb73b2167d6778186cbf8db2981136', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '7c8e76613a0f2534c5f72315cd2266551f96f233', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '9a1783de80521b08918cf06081846b533b4052d6', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '5486be6428722d1b6b28f920f0bd17311c71ab99', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'ebf61cb2e6ec23082a58282e0028ce2dd68097e0', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: '070dab2c0784d7c67e4fcfeb1b13193064b5c92a' }))))));
+            } }, h("slot", { key: '519cdbd7d36202ad4ead9fd87900a70a6f0c7d11' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-tree-navigation.js CHANGED Viewed

@@ -11,7 +11,7 @@ const SwirlTreeNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeNa
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: 'ffd4c41211a96139f8efe5c3f4d5bff1d742009c' }, h("ul", { key: 'bd63e4512ada05959d4fcd07eccc2353b2d00406', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '7516fe5e5737ffe4c20dd84f7ebaed74dfca1b7c' }))));
+        return (h(Host, { key: '359b8985019aacfff300043c67f0553a6ed87471' }, h("ul", { key: 'f6bdb96a9817f370ab2b926faf8db231534d22b3', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '7fe3965d7916fcf181f851e55d303a413923cc40' }))));
     }
     static get style() { return SwirlTreeNavigationStyle0; }
 }, [1, "swirl-tree-navigation", {

package/dist/components/swirl-tree-view-item.js CHANGED Viewed

@@ -335,13 +335,13 @@ const SwirlTreeViewItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '23b8e5281a53f8707d990368f46b2a9810d20fa2', id: this.itemId, role: "none" }, h("li", { key: 'aac1855ae0f7cad6a26735e1eb23c67f99bba737', class: className, role: "none" }, h("a", { key: '72bbd772c2f78d2e91e0d584387794de0694a396', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '5010453afe5af040148fd4507f0dc2e75a573f7f', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'd933894d661434ab4ec19c525e3fd8fca29e10ee', size: 20 }))), this.expandable && (h("span", { key: 'be633a37e2aa2d2e7267833b1f8933a72cc484e7', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '76b88fd0783cd5d9fee1b2e950ed4db18060c1e4' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'bc95015cced5867204a8a10235cf45a48daa5fc4' }, h("span", { key: 'd53f7711f0101ee14940070cc28e7a4d7032d9d7', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '25111e86c433cbba58516946b42036e25fc1873e', class: "tree-view-item__label" }, this.label), h("span", { key: '2f30cf45fb918cb3964c38317bf8246ee96bc09c', class: "tree-view-item__tags" }, h("slot", { key: '857ea08895969d6b1ad13ad7a920da0f768a01d3', name: "tags" }))), h("ul", { key: 'df9aed076bb9831f5063e32a727c7c59afab9714', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: '11f945581b2760fddabaa767359c5a2902b25cb5', id: this.itemId, role: "none" }, h("li", { key: '9124bab079d33cd3ee541e50ec3278b3bbd2f2b1', class: className, role: "none" }, h("a", { key: '189f49bd8978bb4effabedd63af16cfb8a11fc5e', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '57a4537fbb33910a26763c24181e00f024a07293', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '7567a5e0b97d58fdd90e4b57bc97f787d50d1603', size: 20 }))), this.expandable && (h("span", { key: '08fb4422ade1e4a47337fc2d85c57d8fe8315478', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '2a79ab7004596204a9b2f29d5f0ca90776df7633' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '935788f84153764f54d6ca441b66be7172912dc4' }, h("span", { key: 'c10a6b7e86db978bd096e0d57615c2fbaa250284', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '59d6dc11da28dbd760408ee8dcce3cbd35224ef3', class: "tree-view-item__label" }, this.label), h("span", { key: 'df26c2bf6d92eb0ccc057c0fd486ca9fb765fcc5', class: "tree-view-item__tags" }, h("slot", { key: 'e818a56e60b8a270846d22e4e719724f04cd5c49', name: "tags" }))), h("ul", { key: '2bab49ba6fe881e5e23f987e9969ec8793f3361f', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: 'c02878c54039257dd7ffb2165e910adaacc37507' })))));
+            } }, h("slot", { key: '94bc6c05acf1fcce468491f17c61bb0f8a8a01bd' })))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeViewItemStyle0; }

package/dist/components/swirl-tree-view.js CHANGED Viewed

@@ -327,7 +327,7 @@ const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView ext
         }
     }
     render() {
-        return (h(Host, { key: '678b41d203dee35c80b90b3c3fca2f81f9984934' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '4b692860fdc7ddc49a71241021f32c8654fef6ca' }, h("span", { key: 'ff928c6c929c94e24a29853c216641038bde5b77', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '9851185b8627512031aa019c8a4e68b99f364085', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'd80f8a83a5f25dd3a96630a192cb8047b0db9387', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '5d42e2eab6b3f055af16fa301b7f9f37013d351c' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '7117b34c427a388225ac21e0d6ccb83134161d69' }, h("span", { key: '2b4b20565b1feedfa7efe6f08372aa8260f6be00', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '31419fcb2054dc1c22e7046a3eefdc272a4253a5', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'fcea6992704f7a61c812c6d7fec08f841105af56', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-video-thumbnail.js CHANGED Viewed

@@ -15,7 +15,7 @@ const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlVideoT
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: 'c8222b303f7878f6bc1e9dacef086d64662bdb70' }, h("button", { key: '93fc15bec01b3c435ee0195fc73f101f0291b91a', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '248050ec128b3c538e9627f567ca1b957cffde02', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '5f3aa56cfd6256c7e0097adad6a027eb33bafb30', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '8b1b2bbb76a2124c70d6fa06f222019820c1f73b' }, this.durationLabel), this.duration)), h("svg", { key: 'eb6d5cd1ec93bf6e788152d4548b892b583a0918', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8a8415b2bfd731fe9465a634dfd7a4a8eeedc2fb', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (h(Host, { key: '8cfb7e53037587a1685a13a2ca10eea9ef711da4' }, h("button", { key: '2d77530a617388cadddce3cb4fea5a3404e48ec3', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'f030fd3f0909d31cca84a44ba41aa0ef0bb5a866', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '7d4c745e47ecd04ff9323a8070918913e284a0d9', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '4ff3a1d09f382c347bca34d046b7ce0a5026dd7e' }, this.durationLabel), this.duration)), h("svg", { key: '799ca22c57a83ee81f9579fabf95e43da71051b9', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '066803c1874855c5a2389bfb4f45fd0a27947355', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get style() { return SwirlVideoThumbnailStyle0; }
 }, [1, "swirl-video-thumbnail", {

package/dist/components/swirl-visually-hidden2.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class SwirlVisually
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '4fa574932da58f51e740af4f582e03cc6feb9be9' }, h("slot", { key: 'eb4b16d5046dbf3f59eb163e7c6f45bed3f99ae9' })));
+        return (h(Host, { key: '01921ae08854d98d6ec9a5d4b03a154d6f0bb7f7' }, h("slot", { key: '2c81abcdb2d5bae0870e8104a3ea4be404516084' })));
     }
     static get style() { return SwirlVisuallyHiddenStyle0; }
 }, [6, "swirl-visually-hidden"]);

package/dist/esm/file-manager.entry.js CHANGED Viewed

@@ -58,7 +58,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: 'f07f71a8482ef4aa1014acac792c87aa95065889' }, h("swirl-app-layout", { key: '071087d9402d0e8d36ff31dd5df600f0acf9f79a', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: 'ab306f991325be61eefd3c2c1a7a7f606fed46e6', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'dbcc751b460b5c6d0e00e52e099214b94cc0ba99', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f02622174bd02ce62cc78426ba13d39a52b40fb9', label: "Sort items" })), h("swirl-stack", { key: '07b9eda2c15ee9b5e23ebdecb47c21805ada3508', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '7be067deffc92e3d4efadca7c35c7ce97763bfee' }, h("swirl-heading", { key: '89e7cfd1432000f74b62fd7dc35e9202b7b8647f', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'c450212a5f9aeb3b0b399297ad72cbe86c8798f5', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '6b347770944a0f6e58bbbf5dd6dde1170179a153', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '440fecb0f70b86d994fbf528d820d54eb7b0fa4e', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '0d5df914f57717ab125dee0bebcc09484925c54a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '69c9e14adbfccd08373af6ec4d9c1caf79f54c83', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '3132c5582663180abe622ba001d561e2e3b642b7', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'eb7edd7cf4941eb80fdd988958c394bcee716a9b', value: ["ascending"] }, h("swirl-option-list-item", { key: '5af8b499e3bb16214a62f9c888307242d43a4404', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'adbf0e0110bfc8597e88f6750b75ef483712997b', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '5eb660a5d4e438c8181073c9f297eab59912a14c', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'a646901e811c2b01e8c26d08dcd7eacee52f8716' }, h("swirl-app-layout", { key: '9749db15091be64d25eac767ea762fc67bc8e40d', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '121e13b98f9040e4603f90d2144f614ad061c290', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '432a46a472b8e74bb2b4ba7996157742a40f68f8', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '229e5cfedaeb8e02e0646ae8a17e5e2a9b06011a', label: "Sort items" })), h("swirl-stack", { key: 'ca4b984d0ea43322377a1792ca8af7e69f3b398b', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '83f2d8c2062a7e9b342c6201cb8df84fde83c128' }, h("swirl-heading", { key: '909d0eba1bb47de0d4fb00eeb9945f54310b7490', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'a2624b5a8cd2f35f0ff4cf37854c2027df80407a', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '49432c3fd1a329549893045a8e4e4bd23815e2ec', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '7be0a44b5a0c6b775018274409a900fb0a6ffd9d', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '17af77fa485f3f5cd26762504aa16b67989c203a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'fddf7dac1114dd8cd2b87fe703457b88cc3b1dfb', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '328ec24bbae951e40a6be30ad74544db279ae6d4', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '947be717cf392facad72e8c68015c827127a818f', value: ["ascending"] }, h("swirl-option-list-item", { key: '037a85c211cedfb0a07c818bec2863f645cff3e9', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '4a09b62c61e718a4138e1d50a18e1788aee774f1', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '9d985f191349675473aea0b50ca7f6db3e9175f9', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };

package/dist/esm/swirl-accordion-item.entry.js CHANGED Viewed

@@ -64,7 +64,7 @@ const SwirlAccordionItem = class {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '9912336775c2532382821b2209a1b48a65e6e865' }, h("div", { key: 'ca62514d43014590acf4521c0f751b8c5d2183d1', class: className }, h(HeadingTag, { key: 'bd5b6f13cf2740ebc5d1f9fb59d24f61467812ba', class: "accordion-item__heading" }, h("button", { key: '1bbd759b89d5cedf399cc20d3e24511330ccbe20', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '826e0bfabe1fbdf988555d90e6da0afb6ebb4e3f', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '8e218b1786d3261625a9bac0f90a0aef15f2b5a2', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'ea9fe7c19affc28d1dcea431e33ae72763d0b767', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '2adc3f65e44c9ab9b70dcfeeea9568d91a4cc52b', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '2031e4e7b9b08a428eb4f406287dabef4d85889f', glyph: "expand-more", size: 20 }))))), h("div", { key: '6086716993b5702405478f45e7259bc8d52ee6f9', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '75efb121a31901fefb57f72830e3123d526273b6' })))));
+        return (h(Host, { key: '027eca8e100997e077b0768d158dd4f0199c3033' }, h("div", { key: 'e2afc1887d9b70646a8a1b8b0e382af2d3aa5ccd', class: className }, h(HeadingTag, { key: 'efc5b14c99373524b68672fa8fd268de2afe0fba', class: "accordion-item__heading" }, h("button", { key: '1e21c2b4d8d3612cdddd3c2c4f3bdaccab6e394b', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: 'fcd513558a99a04636114c7677f4bd5c7c2d0f91', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'fc6eea82d94fd6656d106d7f2ebe5089eae63628', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '150db63ec08beb59d0daee7d3c09b6d85b7428d7', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '9f99cde2bf92897c754a20328e534f70c999c683', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '3ff127641a8494ccf728b52be3dcc2fdf6949a7f', glyph: "expand-more", size: 20 }))))), h("div", { key: '9e2431b5f68d49b734586e1d261a97d9092ea3f4', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '5ba670d8e1484bae528f51ede23f21350c113d17' })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-accordion.entry.js CHANGED Viewed

@@ -44,7 +44,7 @@ const SwirlAccordion = class {
         });
     }
     render() {
-        return (h(Host, { key: 'a127e248e3fceab33f9b5cd71726e589884f8c08' }, h("slot", { key: '6186c8608fe321f2d7ccbe412d03aebf0c67b366' })));
+        return (h(Host, { key: 'd79f39615c4a806c565258eb9875d1272a90fb02' }, h("slot", { key: '18be93ceeeb76245dcf92061ac969a7b49bd37ff' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-action-list-section.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlActionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '45209a11f46a6ba497b4c3d461ba3781cb0d57a8' }, this.hasSeparator && (h("swirl-separator", { key: '937e89a08f4697ddbcaccb1343b3355cb73227bf', spacing: this.separatorSpacing })), h("div", { key: 'ccddbc647093e14a09c62e3dedc55069b6c57114', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'e80da46246f9e3ead338d4b64af8ae9aa9387f01', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '8b6a8493e5b09d0c98b744592d4e422c9206bfeb', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'e02a428d84f4afabb1a66c32f4ce04775724d87e' })))));
+        return (h(Host, { key: 'd86ace949877affd32ca7cab4e3f0d4531fcc16a' }, this.hasSeparator && (h("swirl-separator", { key: '8c63131c65b9757bc82c893c9733731d401998f2', spacing: this.separatorSpacing })), h("div", { key: 'd3b093965aa160b2596998739bf74fc9e9423d96', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'b3453329dd293d766f1613d822a33f9e7392e6eb', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'd32adcf0bca646ecd736857c1ed27faf7c13d6d5', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'a0ff52ae37648692d6b6890cc5e781f084df9fd7' })))));
     }
 };
 SwirlActionListSection.style = SwirlActionListSectionStyle0;

package/dist/esm/swirl-action-list_2.entry.js CHANGED Viewed

@@ -93,7 +93,7 @@ const SwirlActionList = class {
         });
     }
     render() {
-        return (h(Host, { key: '37339869bab4a9aa81791f84d38451de0104d168' }, h("div", { key: '21d32faabb06850785a904a275da30862f98ca13', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '872037b1cca2d5a76f5a63353d8489d5e329611a', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'cb793b95fbadce7885f9ffd2df7a86e1d11ba687' }, h("div", { key: '7c2d0453c968ffb4280db7c1f15849795a19f9f5', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: 'afc7aa5790d37dc0e660aae4289c91745d849d1c', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
 };
@@ -123,7 +123,7 @@ const SwirlActionListItem = class {
     }
     componentDidLoad() {
         this.forceIconProps(this.desktopMediaQuery.matches);
-        this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+        this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
     }
     componentDidRender() {
         this.forceIconProps(this.desktopMediaQuery.matches);
@@ -148,7 +148,7 @@ const SwirlActionListItem = class {
         const showSuffixSlot = Boolean(this.el.querySelector('[slot="suffix"]'));
         const showSuffix = (Boolean(this.suffix) || showSuffixSlot) && !this.disabled;
         const className = classnames("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-        return (h(Host, { key: '7b4f52c16da4f4f5c2c9a51856c9aae7e9c04f23' }, h("button", { key: 'a74a9c60edc2a183c04f93e9030554c551ceba67', "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, h("slot", { key: '9bb61a72d80c55a35e0dc3c809d8bebb7ff30437', name: "avatar" }), this.icon && (h("span", { key: 'ba49170992a1dc9e6d8b68e64af781273bf4b7e8', class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '3284724f84d3d6e018f244cde0a7ddc233f7459d', class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (el) => (this.iconBadgeEl = el) })))), h("span", { key: '2084ba440fee7881921d10781ab0100c8aef26d6', class: "action-list-item__label-container" }, h("span", { key: '81d4f0652172c6e468b7a6d5c2381d05905d5e22', class: "action-list-item__label" }, this.label), this.description && (h("span", { key: 'f09d273290bfc00630c592ed45013b565845eb5a', class: "action-list-item__description" }, this.description))), showBadge && (h("span", { key: '06cfa9c3a1af2b53a472b472529267549b4926de', class: "action-list-item__badge", innerHTML: this.badge })), showSuffix && (h("span", { key: '7ab7dd54bb3f1e2c9cac00dbf98775e18f66ab98', class: "action-list-item__suffix", innerHTML: !showSuffixSlot ? this.suffix : undefined, ref: (el) => (this.suffixEl = el) }, h("slot", { key: 'f2bd1ae7bf49c5e22757dbdb23fada915ab13e2a', name: "suffix" }))))));
+        return (h(Host, { key: 'cf72c77a7238b89ac5737fbd26a4f9c5fb8d2aaf' }, h("button", { key: 'b883df9fba48c6f1e3fa18cb2acbddcb1c4f7903', "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: className, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, h("slot", { key: '2903ffa6a0b97a9d1f30a3ab485a5f4625016893', name: "avatar" }), this.icon && (h("span", { key: '687e8b468e26a239a45829f5448e3f4fae991a18', class: "action-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'db6fa0aa9ee28b495febd9278f464add1d195295', class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (el) => (this.iconBadgeEl = el) })))), h("span", { key: 'd64137da6c8345faf3fb14f6963b267e2bc83f91', class: "action-list-item__label-container" }, h("span", { key: 'a7e623ccfdaef36bd426f4e0121337926a04132c', class: "action-list-item__label" }, this.label), this.description && (h("span", { key: 'eae257be5f0974019afdd7a1517c2efed55d397c', class: "action-list-item__description" }, this.description))), showBadge && (h("span", { key: 'f6837cf900a859145f4360ec9d407ea51659c0f0', class: "action-list-item__badge", innerHTML: this.badge })), showSuffix && (h("span", { key: '4aa5cd117be445a278cefcd6c7ffaea2e72a642e', class: "action-list-item__suffix", innerHTML: !showSuffixSlot ? this.suffix : undefined, ref: (el) => (this.suffixEl = el) }, h("slot", { key: 'c496345eea881fc5d6742710a053aa45cd4d94e6', name: "suffix" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-app-icon.entry.js CHANGED Viewed

@@ -25,7 +25,7 @@ const SwirlAppIcon = class {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'ce5423e05738bc7881dd6f9d678bdb1092a34165' }, h("span", { key: '6cc990326010d117bf9bdbc3087e5f82de856c76', class: className }, showImage && (h("img", { key: '474e88894b36fbd2e934b4613b474b87768f3c40', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: 'c4bc17d99f83fcb30b971b0084e33d3bc9199970', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '18668b1b36052a50087ca49a711fa39dd23ed647' }, h("span", { key: '2e62fb4176cbc9029370c9ade98d85973a53595c', class: className }, showImage && (h("img", { key: '50c4908d815251a971731721e7aafdb3a7080962', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: '6650b12d71a7ddd6b255513192f1c632aca7845e', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = SwirlAppIconStyle0;