npm - @getflip/swirl-components - Versions diffs - 0.265.0 → 0.267.0 - Mend

@getflip/swirl-components 0.265.0 → 0.267.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 (1623) hide show

package/dist/cjs/swirl-symbol-work.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlSymbolWork = class {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: '3813650223c2b5cdb560bfc851fbeb229a36e06b', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: 'd2a210d2fa5d9175b768647cbce2e80d34068a33' }, index.h("path", { key: '0f9bcb8d845fba3a60c59ef2061e9aba85d886bf', d: "M20 6H16V4C16.0009 3.73709 15.9498 3.47661 15.8496 3.23354C15.7495 2.99047 15.6022 2.76962 15.4163 2.58372C15.2304 2.39782 15.0095 2.25054 14.7665 2.15035C14.5234 2.05017 14.2629 1.99907 14 2H10C9.73709 1.99907 9.47661 2.05017 9.23354 2.15035C8.99047 2.25054 8.76962 2.39782 8.58372 2.58372C8.39782 2.76962 8.25054 2.99047 8.15035 3.23354C8.05017 3.47661 7.99907 3.73709 8 4V6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15107C2.99296 6.25147 2.77287 6.39892 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.2346C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.73709 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76962 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15035C20.5234 6.05017 20.2629 5.99907 20 6ZM14 6H10V4H14V6Z", fill: "currentColor" }))));
+        return (index.h("svg", { key: '5c82da05ebeeab64fc0c03096cd12753f942d01e', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '3ebc915f543af6402438a1ca50d05f48d41c6077' }, index.h("path", { key: '480ec5a2d9ce90f49c0e7b7fd35c336f3491bd3e', d: "M20 6H16V4C16.0009 3.73709 15.9498 3.47661 15.8496 3.23354C15.7495 2.99047 15.6022 2.76962 15.4163 2.58372C15.2304 2.39782 15.0095 2.25054 14.7665 2.15035C14.5234 2.05017 14.2629 1.99907 14 2H10C9.73709 1.99907 9.47661 2.05017 9.23354 2.15035C8.99047 2.25054 8.76962 2.39782 8.58372 2.58372C8.39782 2.76962 8.25054 2.99047 8.15035 3.23354C8.05017 3.47661 7.99907 3.73709 8 4V6H4C3.73764 5.99933 3.47774 6.05068 3.23535 6.15107C2.99296 6.25147 2.77287 6.39892 2.58782 6.58491C2.40277 6.77089 2.25642 6.99171 2.15724 7.2346C2.05806 7.4775 2.00801 7.73764 2.01 8L2 19C1.99907 19.2629 2.05017 19.5234 2.15035 19.7665C2.25054 20.0095 2.39782 20.2304 2.58372 20.4163C2.76962 20.6022 2.99047 20.7495 3.23354 20.8496C3.47661 20.9498 3.73709 21.0009 4 21H20C20.2629 21.0009 20.5234 20.9498 20.7665 20.8496C21.0095 20.7495 21.2304 20.6022 21.4163 20.4163C21.6022 20.2304 21.7495 20.0095 21.8496 19.7665C21.9498 19.5234 22.0009 19.2629 22 19V8C22.0009 7.73709 21.9498 7.47661 21.8496 7.23354C21.7495 6.99047 21.6022 6.76962 21.4163 6.58372C21.2304 6.39782 21.0095 6.25054 20.7665 6.15035C20.5234 6.05017 20.2629 5.99907 20 6ZM14 6H10V4H14V6Z", fill: "currentColor" }))));
     }
 };
 SwirlSymbolWork.style = SwirlSymbolWorkStyle0;

package/dist/cjs/swirl-symbol-xing.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlSymbolXing = class {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: '34bdcbf3b1bd5a8f61ec710045a7ca3f703ec641', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: 'b852ed774c6edf888ed05bcff49a9d77454a18a9' }, index.h("path", { key: '9f29e491aea6679eca6c149ecb81294ab206b4c9', 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 (index.h("svg", { key: '0a560bf8b91ceceda10912b914ca8d240a28f58b', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '58f3da10ca9e4d771100890a493002e5c706249b' }, index.h("path", { key: '0afb49f76ff214fcf13895c48de07b8698616463', 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" }))));
     }
 };
 SwirlSymbolXing.style = SwirlSymbolXingStyle0;

package/dist/cjs/swirl-symbol-youtube.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlSymbolYoutube = class {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = index$1.classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (index.h("svg", { key: 'f1109b8ae9260022639a9eb2c9b92769b92e5ec9', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: '7d0ad56a2c651c1a401db2480a446d9a747374d8' }, index.h("path", { key: '37537ca80555dbe3acd5161ccd0257cc866da79c', 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 (index.h("svg", { key: '3d91211721c3dc63da9e42d60396e9fdf9ee9bfb', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, index.h(index.Fragment, { key: 'd9feb570cdb89bb8486845c18b60b1706940533f' }, index.h("path", { key: 'dff3132bdb46420a79390aef14c9b3fe8d8f6dcc', 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" }))));
     }
 };
 SwirlSymbolYoutube.style = SwirlSymbolYoutubeStyle0;

package/dist/cjs/swirl-symbol.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const SwirlHeading = class {
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (index.h(index.Host, { key: 'e8686c6617cec93769e191492fdfda9b17fc75bf' }, index.h(Tag, { key: '1d7037d529e9ec1e39a99966a392fef02cb257ca', size: this.size })));
+        return (index.h(index.Host, { key: '17d7fbf3e65b8017ece6c08503cb47a879066a38' }, index.h(Tag, { key: 'ccaa7e227eccea1d483cf0cedfb4288e420393be', size: this.size })));
     }
 };
 SwirlHeading.style = SwirlSymbolStyle0;

package/dist/cjs/swirl-tab-bar.cjs.entry.js CHANGED Viewed

@@ -41,7 +41,7 @@ const SwirlTabBar = class {
                 ? `var(--s-space-${this.paddingInlineStart})`
                 : undefined,
         };
-        return (index.h(index.Host, { key: '3096428501db71855292ede987e4741283d2b1a2' }, index.h("div", { key: '0d4e629c9bfb4dfb0e27f8550f5a44f7a1b56193', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (index.h(index.Host, { key: '782530970122efff271bbf08d0b0e9588df06e0c' }, index.h("div", { key: '943798dd0fa45c43126f2e7f338f7876ab7b954e', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = index$1.classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
             });

package/dist/cjs/swirl-tab.cjs.entry.js CHANGED Viewed

@@ -19,7 +19,7 @@ const SwirlTab = class {
     }
     render() {
         const className = index$1.classnames("tab", { "tab--active": this.active });
-        return (index.h(index.Host, { key: '81fcacab86e3cf2b019c7c89316079ab23e65588', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: '4d1298e798798c88fd7fb401491abcf5728f2b20' })));
+        return (index.h(index.Host, { key: 'cee2a0887fec7ff458dd2e45357fe537df6870a2', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: 'd8a10fc4d0f5dc1e6f935872e0b17615914386d6' })));
     }
 };
 SwirlTab.style = SwirlTabStyle0;

package/dist/cjs/swirl-table-cell.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '12ef72fd3d0611dc519fdcf5ceeaa7310ccd79ea', class: "table-cell", role: "cell" }, index.h("slot", { key: '6ae7c80123adf373930ab6ef7db4642e8db54601' })));
+        return (index.h(index.Host, { key: 'd3095861bb995bcca497efc67e6ffac8ab2dce3b', class: "table-cell", role: "cell" }, index.h("slot", { key: '355962166fbcd717671873d8ed54317c1477fcbb' })));
     }
 };
 SwirlTableCell.style = SwirlTableCellStyle0;

package/dist/cjs/swirl-table-column.cjs.entry.js CHANGED Viewed

@@ -28,7 +28,7 @@ const SwirlTableColumn = class {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (index.h(index.Host, { key: '80be569a83e148f5def8fa88684e0f948e54c1f0', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '806be390002d4f9b600cb017eab3a77f98b54213' }, index.h("slot", { key: '7b817391af961d33610842d5427c4547de9e2431' })), this.sortable && (index.h("span", { key: '2259b76e30f9f5c8e5493c5f7707d93c9c0d2cab', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '799b24b20a55dad721106bd9be3fecd0c3ae238d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: 'ddc1383adc6f7b452bcdc95200220f7c63889fce', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (index.h(index.Host, { key: 'e6ada7191fd13bbef0b6fae99a1328800f704ec7', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: 'dbda4fcef582391f4c24d5d70b625c972cb82e2b' }, index.h("slot", { key: 'fb80c0c0c73e24ea13911b1a2e28382b69d21df8' })), this.sortable && (index.h("span", { key: '8d1061c7950ec4ddc64c8cafc0f8bc565b4aaa45', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '4bf1152d375f302ab24444eaf4c8fe7a0447c086', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: 'd8aaf370afbab5d6fb6de47bd6deb680f4c8841e', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -46,10 +46,10 @@ const SwirlTableRowGroup = class {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (index.h(index.Host, { key: 'da80d48b8afc03e6791327fbf5c2efbe52d711ea', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '5183c7f2a342fb38b61133b42dd0c70f1a0ad778', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '43166a5078ecf34981b2de19ec201fe2de683673', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: 'd98d96586418c727e544eb23247ce51b8f8c061d', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: 'fa74034ad5dd767f2f7367c66fb6b3fbfdfdbdd5', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '6a1f1c5a339f043331b8d3abb95091c2b0f130cd', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '2d1020908befe6aa08f88d19238a64906bd877aa', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '941a97c4b9cd7474db0c015013d2955c2510bceb', class: {
+        return (index.h(index.Host, { key: 'b924e46baf0281ec95bab79d1991e302037f1d3c', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '960470387b5482b051cc97ec6e350a05a17d5cd6', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: 'e5e4e701b049c71a20763d6b42826bd697f54016', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: '93ab35e795eaa9350c93e2657f8da70a52f64f2b', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '33d4c9111728a0bd6e7db3aa01185d8fe1a8d3a6', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '353c6f87eca97d2075e3aad2247f43063d8315eb', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '843f646c1fb40dac27289e60eef7451c47012639', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '2ca1d7473beb0f47413959ed069d753c70ae94cf', 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) }, index.h("slot", { key: '3ecadf8a6ca263fcb083d02bf4f62f9f71fc2d25' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '6b1813c49aae310b93e9c8075be651ea5764b842' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table-row.cjs.entry.js CHANGED Viewed

@@ -23,7 +23,7 @@ const SwirlTableRow = class {
         const className = index$1.classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (index.h(index.Host, { key: '472b5eaf992a8392fc7f2fb99adc67a34d4bbe82', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '23d041a79aa3a7e70ccb737af3f5593e0a5b5290' })));
+        return (index.h(index.Host, { key: '9f511f2ec4553c85fb316c0fbf857f9afb548c80', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: 'cfe2d2386d188c8a5825b29beba5ea0d449f53f1' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table.cjs.entry.js CHANGED Viewed

@@ -326,7 +326,7 @@ const SwirlTable = class {
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (index.h(index.Host, { key: 'a0b881f2993617c9e14a8ca42d8759f32584cdb9' }, index.h("div", { key: '7e90882ea5f638c1b947dd8f2aff4b2b0c5bd9af', class: "table" }, index.h("div", { key: '891ce0c68c3b0443c8c001f8c90796c3253ad564', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: '0e1e7658c96d3a81623cf5dd6a506cb71aa70ed5', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: 'd2714c76fed1fecf4c0d6d5429ed3e2ef5418e55' }, index.h("div", { key: '86cb08c09e89c00363288473caee834eee9639a4', id: "caption" }, this.caption))), index.h("div", { key: '593db14a8fdeb8a1d132a4ba66c73c445851eb4f', role: "rowgroup" }, index.h("div", { key: '0022404e7323e564c90c62de003dd4c2d9e75385', class: "table__header", role: "row" }, index.h("slot", { key: '44c10bfe0cd382c2a6747579cedb974ac15b42a6', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'b6d99faef202c1a5268b443356195c536f6dd8c8', class: "table__body" }, index.h("slot", { key: '15cd03af69e4c13eb073fcbe834df0357f23f79c', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '2502b08f927fd141b50fc41ca51a10072dc145f7', class: "table__empty-row", role: "row" }, index.h("div", { key: 'ccbe91d04aae2ba9b2d6d92d751e8b615617aa81', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'fd1fd40ab40623e6581b873b5c8be4fbc6536b3e', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index.h(index.Host, { key: '412b08769f45b8aa858869d4491ceccdfa4e86d1' }, index.h("div", { key: '6dd4ca54706cde4c9487661f9200bc9d8a7fc918', class: "table" }, index.h("div", { key: 'f27441bb815a76c2e12a179d81a0390d5ad941d3', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: 'b9692a25aaafc343ed763015ff4c69fe268ed009', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: 'd63787b20d15ed26019171a2130ea28d90c82b46' }, index.h("div", { key: '3aa8d4a55694bfaeece39537122c9febdaa1f70a', id: "caption" }, this.caption))), index.h("div", { key: '7df652d72ae16a656a640d37caf46ee64d6af5d8', role: "rowgroup" }, index.h("div", { key: 'd347894b3861370357e82e907446429c938fdc61', class: "table__header", role: "row" }, index.h("slot", { key: '7208f8d4986bdf8ffeeae0df4a3e59213baa880e', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: '27ac5928a49862f20ac2ca291fc95e8f562e75c0', class: "table__body" }, index.h("slot", { key: 'a86a20735cc0104b9cefb408a47289d8b42553f4', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '55e6fb96945be8c0499dcb8d12873e162e4bf982', class: "table__empty-row", role: "row" }, index.h("div", { key: 'c3a0507eea172cb4cdd283dba08cb495afecae00', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: '71f3fa8903d2a8bfe1e1d44dfc8bb8894153edc0', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tabs.cjs.entry.js CHANGED Viewed

@@ -84,7 +84,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: 'e1c50e0b199a21f6dfd0cc87009143511267fe9f' }, index.h("div", { key: '2519ea5daf5865a1e3f7041fbc5f49dcab7fbb94', class: "tabs" }, index.h("swirl-tab-bar", { key: 'f4aa60406175d4d63937f3a52492d5342faebcea', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), index.h("slot", { key: '613935618bca41cc3b5849a61119b150086bcba3' })));
+        return (index.h(index.Host, { key: '07540d084786f425e95755d62fb0093a999f8799' }, index.h("div", { key: '78f76c96435c61801042b9f8f47afd3209fd5190', class: "tabs" }, index.h("swirl-tab-bar", { key: 'e5c7c8f4258a9ec73f88e248c885d865a639d03c', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), index.h("slot", { key: '89daa6848f561e37c6031b926030b787afd00edc' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-text.cjs.entry.js CHANGED Viewed

@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index.h(index.Host, { key: '67b3f84f719c449587fdee7cec69b658137b7318' }, index.h(Tag, { key: 'ed03d274cde2bba9af7bf6cc0d65e66592392c0d', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: 'c5ebf1c1a2ea1619100a8dd05fffc3fbbcf80071' }))));
+        return (index.h(index.Host, { key: '32dc266a755c1dabeac2c985ea8d905dafcbe886' }, index.h(Tag, { key: '40e528843db1896427fda552e0d0abcf97637021', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '292b61a0c45364c90a709f874c2d0e493dea86b5' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-theme-provider.cjs.entry.js CHANGED Viewed

@@ -156,7 +156,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: 'c60d209612acf0418fed1d265bc583d35cf42c91' }, index.h("slot", { key: '522e2252bec1ff1cd93933c8fc16aa83755c9108' })));
+        return (index.h(index.Host, { key: 'b2c16fc101fbb05c86f26e0d21e479c7b6dc7bb2' }, index.h("slot", { key: 'cd1b1db2ba011ae1bc8450df198dfe3e76d1fbf9' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/cjs/swirl-time-input.cjs.entry.js CHANGED Viewed

@@ -129,7 +129,7 @@ const SwirlTimeInput = class {
         const className = index$1.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: 'a9d655b8dd42cb3492919a789f045ee444c4403e' }, index.h("div", { key: '73080fe3c1f914d1f0a74994170e153196cd87aa', class: className }, index.h("input", { key: 'e25ea24fb9fce58b05a20a80e14dd935770af845', "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 }), index.h("span", { key: 'c5c97f53c96ad3b4058760bfdd0c4a65ca0a11e8', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '4f5bca48fc98dbb5f72513da5110ef5658621b0e', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '489eed3727176e834e170772e2d45f643313a94c' }, index.h("div", { key: '913f4814583e52b837a2713c2bc9e4d0cc37219d', class: className }, index.h("input", { key: '33677ddfe35240b87f7d3b6ebcb37b5a3a2bf86b', "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 }), index.h("span", { key: '72c7744ddf03d3db46c51f2e47717e3e183057f6', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '9cbd8c660778f9c566f2dc556562e66af3e8a900', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toast-provider.cjs.entry.js CHANGED Viewed

@@ -55,7 +55,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: '291cbaa4de84f5642e2e81f2a1dc5725fc1f760f', role: "status" }, index.h("swirl-stack", { key: '3a0ddb12cdfa15889ae18097657dd448f77e5348', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: 'dae1a9edd3dd5dcadc1068e0b91060cd0847b858', role: "status" }, index.h("swirl-stack", { key: '31846e109301df202aa9a064b89a8f0cf3d5a374', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (index.h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/cjs/swirl-toast.cjs.entry.js CHANGED Viewed

@@ -63,7 +63,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: 'd1a206cc1408bd32f79b2feb9dfd26dbcfe1789a' }, index.h("div", { key: 'ae3d5d0cb7670db77bff1dabaa44c25f65aea10a', class: className }, this.icon && (index.h("span", { key: '7cf231b57090e4bdd862662e4e847ba22c9117ad', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '87ead7ae92ad5c54455942c47b81a436dedeba63', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '095331448ed5216d25a6afb5509b31ac64a6796e' })), index.h("button", { key: 'cca7dd9b24296c10cc17139fe687e26598303d54', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: 'ce360cc5829a71d521cceebb6a8b0418f3692302', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: '569484da1c257f0d7d5e01a9542c7be2a1b22654' }, index.h("div", { key: '2b8e58e7a7be4e361818f70dc19dd92cbd505681', class: className }, this.icon && (index.h("span", { key: '2f701e06a546ce2ca2d9bea70e64156d8e129ab9', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'bff563d122f97e0dd131d46eb2e78c71308db397', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'f7e07305384660b969f43e531ef3875c59809e21' })), index.h("button", { key: '0b610699e3793a2a1aa0c9d4f1fcf912cb54467f', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '28c5476a300d3b210c48fb06074702906231a097', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/cjs/swirl-toggle-button.cjs.entry.js CHANGED Viewed

@@ -22,7 +22,7 @@ const SwirlToggleButton = class {
         const classNames = index$1.classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (index.h("button", { key: '550bcc1b6421860dd6a5739e7bb1f43c398f3932', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, index.h("span", { key: '5c54ccfec07102a5e5a7c0ba9d98f565147ddbc7', class: "button__label" }, this.label)));
+        return (index.h("button", { key: 'e4b8d08845c0c1987ee12f6b8c68c154f1abef63', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, index.h("span", { key: 'f1fc7b8bfaec51f6cf870e60f807235fe4542935', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = SwirlToggleButtonStyle0;

package/dist/cjs/swirl-toggle-group.cjs.entry.js CHANGED Viewed

@@ -61,7 +61,7 @@ const SwirlToggleGroup = class {
         });
     }
     render() {
-        return (index.h("swirl-stack", { key: '2100aca58762a18b2c441d045b0259d95b903f75', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'a2604d10937e9c496579dfc27daeada2681407e0', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: '39cb88c126872e07430aad3fd2257db2b06bf6a2', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'c2361ea04a7267267180e556faf2ded5bd8eccbf', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toolbar.cjs.entry.js CHANGED Viewed

@@ -75,7 +75,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '72977493f6b33b2b1d053027fa0f4ab363090973' }, index.h("swirl-stack", { key: 'f7d0790b83c039a0550e3e355111b1e96445303b', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '08334df6038b818ca78243beaec98d85f97a7e04' }))));
+        return (index.h(index.Host, { key: '217aeb08b27129c18ed0925805f03e074de2d5cb' }, index.h("swirl-stack", { key: '11e8f0ac8f648fd469cf5ae0ff5d4693fe4b5923', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '8501d2cf5d0bc5c8b50951f6a27f6dadda859be8' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tooltip.cjs.entry.js CHANGED Viewed

@@ -119,7 +119,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '7a14595f01dd2cc707ef5d540664f0cca2766e3f', onKeydown: this.onKeydown }, index.h("span", { key: 'cd4f0f8f6ecf8db5aa096822f69abf8859ca4bcb', class: className }, index.h("span", { key: '55da1452153d3bdbf2dec9a597cae31343b803d8', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '62c1e9c1a88102d18dfc6ca4686102b419ff79c4' })), index.h("span", { key: '6243161edb779b3bb9d885416f4688382ceeac03', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: 'ce14095a3c0e900041fd0df8c6b99c196155350d', onKeydown: this.onKeydown }, index.h("span", { key: '2a8a359cee3ad28a5073ff2c0ac455b4e2bfc784', class: className }, index.h("span", { key: '0765f346d224709abfb9079441735d1e851fde10', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'e470c934075f7bd2621647b5f34b7bc89f781967' })), index.h("span", { key: 'be31d205bf565740edc3ae0f775a0a7af51002c0', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -127,7 +127,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (index.h("span", { key: '3fced37e021251c5d868641536ebf9ec9470b480', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '77f9e4ff72dfe1c8427a7eaae83632a16fe5e38d', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '555e04a2f087b29d380fac6d6ac85f8aa553758c', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '2b67bbcba09607a77b2954e69be2d4c30e808789', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '7812af453b17d71a7f63071eed60e995ca913952', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '5c3aa1d245ca097a4e471f961d45d7244b14b323', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -99,12 +99,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: 'e4ae932bdae564eeea378a21ce80fdf24bab5bbe', role: "none" }, index.h("li", { key: '2180133103b4a35883370268c4c16b5309c8a9b4', class: {
+        return (index.h(index.Host, { key: 'cf726832cb0a6d48b9872041ea741bf7ae50a2fc', role: "none" }, index.h("li", { key: '07541c3b63cc1ec66ce957e56bf34e5db34e7b08', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: 'f2d8c1b6ee15d65091c3db576efa5a6d2db8ef04', 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 }, index.h("span", { key: '0b0d00cf4e59b348db19c2afa2314d922058a2f1', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: 'aa9696841a8a75af4e4a131d5a1edc236be58eed', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '11bc1aa2873b8a3f3fefc82a6d45a1e144074266', class: "tree-navigation-item__label" }, index.h("span", { key: '6d3212c860627f120cebe27b251482b4c358a905', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '679d19bfb8190090593c42f832203b23bc68c829', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '80de69632fcc483a471eaf0ffe3ff247ababbc0b', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '51bcf079aae4fa5cac11fc4a8ad75ba67f490d60', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'b6b94dc1d6a9d5b2a4f57a744eb26a8b20422459', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '45033e3fa251f3803305234bd98b80928dc60ab0', 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 }, index.h(Tag, { key: '50ce666548e13a80b290c4a15aac3ae5a87ed45e', 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 }, index.h("span", { key: '7b10d71ee084a647ed4ad3bc984006feff5c0693', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '48c30ce22e79c8712f72641fa413a432110645f6', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'e019e05cfa3dc0b44be48c54ea6cdadd80fe1bda', class: "tree-navigation-item__label" }, index.h("span", { key: '6cdf08bcc2935bebaa0d738a2b2ddc293910e1f0', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '4406a1468fa08f855618633666e81f411e8de85a', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'c0c9c1a74ffe35939e092420e005dbc6f9197435', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'fa517b61c96454cc57fa317818f46bd5ea550a9a', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'f9add0b5570730032a4667a2ef999a22402ae5cf', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'bf70346d91410d6fafc43c8d08072948c9b5315d', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, index.h("slot", { key: 'bf6390ad3b86e534309b4d110ef6a008663f4915' }))))));
+            } }, index.h("slot", { key: '6687d02d82e60acbd3761efbaa82e57643985e6b' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-tree-navigation.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlTreeNavigation = class {
         this.label = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '8ba08edfe0ac2619178e4506cdb1f88433590377' }, index.h("ul", { key: 'aee847cc0e73f2d43a99d7b2911bc2b1c511db05', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '88669ac1e2d4c00281aa3b0e960052492e213895' }))));
+        return (index.h(index.Host, { key: 'd8601a6aed64a36011c2dcdb720d6a92666d4e8b' }, index.h("ul", { key: '0a07e4abce94a9c21f5f1f9aa25a7937708b7283', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '84b1ac669e25c634d78e78d7556f9f2abdcb3032' }))));
     }
 };
 SwirlTreeNavigation.style = SwirlTreeNavigationStyle0;

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

@@ -81,11 +81,11 @@ const SwirlTreeViewItem = class {
             "tree-view-item--has-tags": hasTags,
         });
         const hasChildren = Boolean(this.el.querySelector("swirl-tree-view-item"));
-        return (index.h(index.Host, { key: '84e8dffec34b056cbc21ec64b9ac5ee02046d947', id: this.itemId, role: "none" }, index.h("li", { key: 'e0496d50597235d2f233d5f1d1c12d4c4173d69c', class: className, role: "none" }, index.h("a", { key: '85552118048066331756343b6aa6f971a16a5b79', "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, style: {
+        return (index.h(index.Host, { key: 'b8e2c6a92fb374acd8942726bf97823505604243', id: this.itemId, role: "none" }, index.h("li", { key: 'a6ec359ca8dfe1a45a185a0702bf49a6b728980c', class: className, role: "none" }, index.h("a", { key: '72311df072dc341d3c355d837cf7c9630bf59286', "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, style: {
                 paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (index.h("span", { key: '0cf52838ae02adb57e1326dfc3a8cbf507dc7b62', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '28000faf29edaf36743b8661d7179f01059346a8' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '5f8650233cab5d232a12d619fc6ea228753f073e' }, index.h("span", { key: '05da1e386195f4d1e4b1ac9958251d94eebb8015', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '5384a5e8f6820ab748e64415763e36d637cb4ab4', class: "tree-view-item__label" }, this.label), index.h("span", { key: '23dc0a18cbf436d08ffca6fe6d3c693921eaae80', class: "tree-view-item__tags" }, index.h("slot", { key: 'e7ad54894349b9707059ea5fded3f4ae510094ad', name: "tags" }))), index.h("ul", { key: '027ace3a1dd9ed5756c619f44d291ea111b41c45', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (index.h("span", { key: '9102d8b203e05e94d0958bc2ff932124ebcd262e', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'fb3ab557847ef9d8a7fb4e1659b9ec82cee35fbc' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '96df692d43c0ec3ba6b89b3f975ac4bd14087e1e' }, index.h("span", { key: '6690cff6688711290f84763e305d41f4e8dcbd0c', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '9b6a226d4a7668e53a211fbafa652e0233206bee', class: "tree-view-item__label" }, this.label), index.h("span", { key: '920ac7a2386b40d040603537cde22323ff72a1dd', class: "tree-view-item__tags" }, index.h("slot", { key: '43b6674aa96e1b9fb44135486b590e67b052129a', name: "tags" }))), index.h("ul", { key: 'd38101fa037d0b863e0a9b943b6deb4e07402f00', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !hasChildren ? "none" : undefined,
-            } }, index.h("slot", { key: '174a2d22926f86deafc5168b8319765aa608eb78' })))));
+            } }, index.h("slot", { key: 'a9ecf846cdeaa662dc24b59870da9557cc39f15c' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tree-view.cjs.entry.js CHANGED Viewed

@@ -199,7 +199,7 @@ const SwirlTreeView = class {
         return nestedSibling ?? undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'a2bfc69fabbf6adcbfc3d418f41f3207856c9e7a' }, index.h("ul", { key: '3ec4f616d3dad982a474a9e3fd0055587551bee6', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: '07c695e41dc8cede5722b4fd098f1f8bc9a25983', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'e1353d99168e7c7e6b5b66a6973996bfbd4c51a9' }, index.h("ul", { key: 'd1f0d799218817fad7f0bc87108cf16a3b123782', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: '83d1b8bfc2f4013788749363f5421321d21e607f', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-video-thumbnail.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlVideoThumbnail = class {
         this.src = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'd0bea75a46371ce3259246720ef5e5e4174b6053' }, index.h("button", { key: 'c58cd2f54b71f92b54d9557d33c78c7a3991ac05', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '790ddb68d1e747f5193af6554af36b5b3228934e', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '83879acdd74dc39578fcc024617f0d1593a4cea0', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '1cca6643d3ad6ba8963aca8115da66d2230b7afa' }, this.durationLabel), this.duration)), index.h("svg", { key: '717fd9a88cd0c25fa2d1998974bd8dd19b7debfd', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '7e24ff8a99893f3a548b96e4b6da46060cee64ef', 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 (index.h(index.Host, { key: 'd8351ae7c2d885a612251c0915fb60a62f2f5ca7' }, index.h("button", { key: 'b8d166f56e3861bc778f634295993dd7199a3565', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '303ebde2d6c1732274c2a3769af6aa12ca68bc53', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '2414d916f68ad2be818084ba7a7e38ce108a24a9', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'c64c3da49ac5720b0a1b23afa6252642dd9f7be3' }, this.durationLabel), this.duration)), index.h("svg", { key: '46fa1742445698ed1f34c789195c5f0dbecdd4b6', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '60045c2059310c3737741bdd3df0f97fa74f7671', 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" })))));
     }
 };
 SwirlVideoThumbnail.style = SwirlVideoThumbnailStyle0;

package/dist/cjs/swirl-visually-hidden.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'b216c664f313f0c3c7aa3a6a746aac1042308250' }, index.h("slot", { key: '4cebb4cb606e9bdad5836863ec6de489c1018043' })));
+        return (index.h(index.Host, { key: 'e4436e78fb4f140ae2830badd6c08e691ea90eee' }, index.h("slot", { key: '2400dcfb2132a1b205d6d84cfdfc8aa7204b9036' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -123,6 +123,7 @@
     "components/swirl-icon/icons/swirl-icon-dark-mode.js",
     "components/swirl-icon/icons/swirl-icon-date-range.js",
     "components/swirl-icon/icons/swirl-icon-delete.js",
+    "components/swirl-icon/icons/swirl-icon-deployed-code.js",
     "components/swirl-icon/icons/swirl-icon-description.js",
     "components/swirl-icon/icons/swirl-icon-desktop.js",
     "components/swirl-icon/icons/swirl-icon-directory-filled.js",

package/dist/collection/components/swirl-accordion/swirl-accordion.js CHANGED Viewed

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '004b1573b2075e23a5b1a0a154c4ec1c6f5d27be' }, h("slot", { key: 'b2f412f6020ef6d8d90bd837091d4e5896ecb38e' })));
+        return (h(Host, { key: 'd55429aad4516126e668b224362c1b1a8fe14840' }, h("slot", { key: '830e7a692144588d97b3b19d1dc7981d9528f05b' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-accordion-item/swirl-accordion-item.js CHANGED Viewed

@@ -58,7 +58,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'c6d9fc10a2ac8f527a9d808287041166aaab4870' }, h("div", { key: '234903b1094c4dad2ca0c677fa483d6eb9fc10ba', class: className }, h(HeadingTag, { key: '6ec1f491bc0abecfbb6366cfc85ee0ce68f5dde1', class: "accordion-item__heading" }, h("button", { key: '84fcf94c50141cfc9e6c40d3187b2c20d65ad8fb', "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: 'cdbaf4f3ebdde6ee4a0a756bd69c4c0c13dbba03', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '85564f3d319e46d89cca9c6f5b64e2f087394ac4', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'f7e739a84c489e399a56dfd7ae5f270044b3b17b', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '8a8de5ae8958b1f63af03e00772b02f1d6b7e801', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'd325057cd997f9c88adfb3bc44ae3a6287410ce3', glyph: "expand-more", size: 20 }))))), h("div", { key: '43c47bdf78e3889c20e19cd752eda010d83c4218', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '6e89f9bdd0f1226037a97919445dc734fabc99cc' })))));
+        return (h(Host, { key: '9d7de27fab1b6fa257f2378ffd3541da37236353' }, h("div", { key: 'c6cfdfe8ef238a3ddf1eff29cf5333b736796781', class: className }, h(HeadingTag, { key: 'a8bcdf75fdb679e80fb3b7b8d2fb82c8df2b2325', class: "accordion-item__heading" }, h("button", { key: '00e70a63be57e80639df7e87187fb46966036719', "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: '0537ec5f84d24ba6091aa007347647379ef6622c', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '3c187e3058940e8b3a66e5968f2b940db6987214', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '1e8efd3e1a46fa459bc374f24e75877ffdd76777', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '771d3173c02d1801399039b391f3f8dc378721a5', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '4cec14ec7f46af6d828b4b2ddb59f336c2f443a2', glyph: "expand-more", size: 20 }))))), h("div", { key: 'b66c80b51ddd18dec1b31089b9db5adb728587d2', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '4cf00b1ae3887621f7b1d6269c4bf38b9cb452c5' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-action-list/swirl-action-list.js CHANGED Viewed

@@ -76,7 +76,7 @@ export class SwirlActionList {
             item === activeElement?.querySelector('[role="menuitem"]'));
     }
     render() {
-        return (h(Host, { key: '9f6c3f33370fb9a3ed2dae5b032ed6aa2516f7d7' }, h("div", { key: 'ee3535a465baf0ebe9c37cbb6424f55d764a8144', "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: '8b9de9551a41afa6f2b74ec787501e078881c334' }))));
+        return (h(Host, { key: 'df9e8d994a640babeec12638708d986a90e15ccb' }, h("div", { key: '75d900e53d5cab787775d484b744e2f61a6fa0df', "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: '33ee2e5013f8d4c95b4ba52581296940230a9574' }))));
     }
     static get is() { return "swirl-action-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-action-list-section/swirl-action-list-section.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class SwirlActionListSection {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '8cae6b24fa63e2a4293dd290d046a181acec4114' }, h("div", { key: '938b89ab19e4e864964841d7c8792a88fb9715db', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '3f0cade363242d3b2abf07c17adadaff8985d54b', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: 'ae351506f15b64702e5163f3ae3370e542f51552', class: "action-list-section__items" }, h("slot", { key: '106c08d0dd9c83d2e6e54e02e71763906aa2946c' })))));
+        return (h(Host, { key: 'b26e44c7aeb2812906e4024f30fc6a0037b2d345' }, h("div", { key: '43c282ba01329b008ec12bd1f4ce75c0d94dc181', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '77ec2da92deb17a84dcbaecdb5c75849a4b7f665', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: 'acd0d5cdf0c68d0c243ef4cb137873535f9c4adb', class: "action-list-section__items" }, h("slot", { key: '05b7dd200c520546602c658ba09d9ea314b837cb' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-app-icon/swirl-app-icon.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '6842caf131f2b105538cd14e25a0f8bf0a44c26a' }, h("span", { key: '331a8d940fa7d65f523cbc2aba537458296a63bb', class: className }, showImage && (h("img", { key: 'a17f3b3945401d487247e6ac92beb8d1ddd3fbc1', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: '944dafe88937ac7af4bc65e7eadb006c4e5981d4', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'edcf8cc69d16fa12285b1cb2e2b58dde368e72c2' }, h("span", { key: '764c775416d56e7b07b68b7d7fdb89404fea3362', class: className }, showImage && (h("img", { key: '15cd23766dc7e81621017fa6a33eab01eb7bf88f', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: 'b7c9a9c803411570a0015e1a2febbef6f03fcaa8', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-avatar-group/swirl-avatar-group.js CHANGED Viewed

@@ -25,7 +25,7 @@ export class SwirlAvatarGroup {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: 'f499e91465cf9179cd6e3139f4c21f6bb0f7dda5' }, h("div", { key: 'cf2868c85e93991f7c850f016d3151f64680e5b8', class: className, role: "group" }, h("slot", { key: 'f1606a310a7a63fdd9c764ae6d3c8feddcd7b6a1' }), this.badge && (h("span", { key: '3002d8955d5c68a683f85ce7c68a727bce406c1e', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '6c81860c9a182698fb09f5e0fc0074c53bc4bd6c' }, h("div", { key: 'cd5f70dcab98ba8e3b75383fe82f53bec8ba5942', class: className, role: "group" }, h("slot", { key: 'edb2796a9c1e07482d08792c5ee93cda49e94cc5' }), this.badge && (h("span", { key: '957ac8bd7d1cbc9f959a050159e8ae5643a332ff', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get is() { return "swirl-avatar-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-carousel/swirl-carousel.js CHANGED Viewed

@@ -104,7 +104,7 @@ export class SwirlCarousel {
         return inInView;
     }
     render() {
-        return (h(Host, { key: '801697822fd433c46ba90d32b73fbedf3e7b1d5d', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '275ba2f4cda4630a8af16fe7eeabec632d4932b3', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '246e774f5f8d1506d109c8e68d83c626be472641', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: '5c847d86819472aebd8d22348efbc57a25a49a8e', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: '2bb930b8f2458177507db8ac62fbf165e525e37a', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '596aa756c3919a1d66d6af891a11d8d45b70cb3a', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'cd2ca352a6426f2e12386599088a7de9e3f93df0', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: 'ae511fa076d36e63dd1b7b2706703e2d09cbd6dd', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '5d69a44a13f7bba287776b68a811d1c828fb14c4', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: '879a532bdfff58a202adc8abc9c6ada593f80f8c', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: '9af15bc83352d2c282df0fb70a0d151b139a8947', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '843034f11070d3177bebb74355fb77585fd8cb95', onSlotchange: this.onSlotChange })))));
     }
     static get is() { return "swirl-carousel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-carousel-slide/swirl-carousel-slide.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class SwirlCarouselSlide {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '21e5c0c1a0554506a0e8eeb89093673bf4c55efa', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '13107eddba0cfd06a83194bb0f5c72020f073683' })));
+        return (h(Host, { key: '1e818397fe4302ceaba585b537c123317307452d', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '0dfc63ca13321615bb5b3295e767c9e4ed82bac2' })));
     }
     static get is() { return "swirl-carousel-slide"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-color-input/swirl-color-input.js CHANGED Viewed

@@ -64,11 +64,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: 'f0d620c0d0402c04255df09eafdeab6ce0b271f4' }, h("div", { key: 'f28c97aecd99df2e5bf8eda9dbd913fdc1d76349', class: className }, h("input", { key: 'f286823b38675dc28a41c20d1c89ba09058fe8ba', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '17348886e3d8283b8f92bde939d8ffe67cdf0371', swirlPopover: this.pickerId }, h("button", { key: '2737a09648c06563631ea7ad24f932fd116d0c16', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '9c6c2ae8eea70b1c7a3d655966f01eb10fa02126' }, h("div", { key: '9e9952887c16d3b416c733ce3f4b296f1a20bd84', class: className }, h("input", { key: '11f9f1059e8d0794b977d9de4092d3a663088c95', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: 'e1eaf6acc5216eac9720e49b0da4db3ed3d44263', swirlPopover: this.pickerId }, h("button", { key: '2835b722d009daf3018de69061a67274f6cf66a0', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: 'f0deee906e54a0802914abe66b5b426c759c0d01', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'b4beb61326f80d2a57c8ef533b9a7d291867ca12', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '3c412fa3f8dae4128170a25a9906a6ce2bd338a9', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'bc1d9f94ef65a8307e6e006f013d9a354576cbe7', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'd2e9af494473cfdc2031f77d39e4fa3c5fffb2ae', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'd90d1d25866639f722abd765de86985d865931f0', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get is() { return "swirl-color-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-console-layout/swirl-console-layout.js CHANGED Viewed

@@ -122,11 +122,11 @@ export class SwirlConsoleLayout {
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: '0ae8f75f1b1453107bd9595fc3e6fba0c81924b7' }, h("div", { key: 'c564a56cb9b53636b15776124fc05f5b99898d51', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '3fb9fd3aa92fef0aef34833e722f168ae378eca7', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '799e19bd775a44ab92fc84f34a433d5a3249f944', class: "console-layout__header" }, h("div", { key: 'a914ffe53baa687057b885bcd2967cfe1ffc3e00', class: "console-layout__logo" }, h("svg", { key: 'a413bb57cee87ed55e125377fbb4fca32c1c90d1', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '34fc711d9d779a50056329ad62e308f155b7c8d7', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '335a0240fa9a27db046eda7a42a4d168ad2b6ba5', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '6503f6c4cf76c4c51b7f6445987986412daa8fe2', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: 'aa0cfa1f47d5c7924e7f6687d963c8d4c4f9b00e', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '67b8826fea6c6168449457ed853e747eb39167e6', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'ceb73cea3d462e12de2063fb6a4738b3f22b6925', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '6b5ef2e19e53704f0c51421e52a63d56693700bf', name: "navigation" })), h("div", { key: '877036f65f6e66029d54efc8a471353629044aff', class: "console-layout__user" }, h("slot", { key: '110525ea4f0d47aed61a572cfa988d58883686ac', name: "user" }))), h("main", { key: 'ef3ab0d75901a1eee091d2893244347ab28beebd', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '92dede77f656be58c606597751574f448d0a3c13', class: "console-layout__app-bar" }, h("span", { key: '24eea696baae959296f2aef6499a202bbe291da8', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'dc4a6d5cd66358ffed6e979e8afeb687272b8745', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '75ed644620dd6dd6fbfe481181404f63b43bf668' }, h("div", { key: '930295355c9adad85f8d1fb0ffa72105ee9d81ed', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '2b135ece93effa297f2676feb8a3784153c990cf', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '2469171f4c53b0b47c0a11f2559273da03cc8e4f', class: "console-layout__header" }, h("div", { key: 'ea1785c30bdfc66f26d060e9b21e1bd95e08de7b', class: "console-layout__logo" }, h("svg", { key: '4d6a8b892200363145996ce3ffc1f5e9c66e20d9', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '310df4ff4e8cd172ebaa278bf30eb2cb2ffb2b92', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '357d0b108de4f1a41a1f28ebd54ce4373900233f', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: 'fd78a60381f3b4899b8d2a9f64ad8e464e69d5bb', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: '675eaedbd6f6c31a2ee3863eb4f055d957476964', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '4aa22ee51a9b06aa5295491ce3bfb0d4591a3b0c', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '0eb660b82f53b80637d72d67b4f58be787a96157', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'f6db2aec137cf9a4a6b6a076178dbe88c740193c', name: "navigation" })), h("div", { key: '4ff4932553cf449eb7807fd4c02a6c98bf4f2a14', class: "console-layout__user" }, h("slot", { key: 'e03924c209585283216ac4caec3d9d3e0dba46fa', name: "user" }))), h("main", { key: '961a8e76f831093faa4dff577d16d5e219181b4f', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'c93823d2615478e3b372767dd552be282089d2f9', class: "console-layout__app-bar" }, h("span", { key: 'f67587cbd1b2c1486e52bd17f231d47fadeb7d13', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '1b35b8c259050f9ad810a3a677e042c3e18f2b78', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive
                 ? this.hideNavigationButtonLabel
-                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '4d377f51a2e18350363a214d199a4935f16a9c16', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'fc62ac85402e2ec79958c1c2ba81d3cfc07c52d5', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '898a87ca39e0fd4786ecd80418c99793cc9e15bb', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '8e15f85881e119b76ab1c42422503e7bd98610ca', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'ccf7435dd21a960e090eb72d173020efa36b9124', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'a58c3ebbb9a664ad9079670785289c0601643131', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '5b7f51a49cce3f48f302b20db15a0924196580fc', class: "console-layout__heading-container" }, h("swirl-heading", { key: '54105137aafd04bc66d8afd636e6f62a03185721', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '125c91a8511bf13e26352d1696903ac59aeb9ecc', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '01bdf66bbd8110c5ba15c05579c60e3810b9e5ae', class: "console-layout__heading-container" }, h("slot", { key: '7683e7bf782f871455156501d96326c481d73847', name: "heading" }))), h("div", { key: '48d4e6abd947e58218a2a5172b0763d0a901810f', class: "console-layout__content-header-tools" }, h("slot", { key: 'b24eae7b370b1f0e7a0d88728ca60bed8cc10490', name: "content-header-tools" }))), h("div", { key: '5f07afe14c3961b31be303e178b55ab89ffb067a', class: "console-layout__integration" }, h("slot", { key: '78a281174feed87fdd6d7e4058354a172a3d7503', name: "content" }))), h("div", { key: 'dcafe77c3a567421c6767ed25296a996d9be8bd5', class: "console-layout__overlays" }, h("slot", { key: 'b49840f2799837b192233223c0d6cbd2e58291cf', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '008daa8874535ad343ed05aa7d77e8320ba2e7e8', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '4ad05c8d745647c68d431f898fe479bebe0c2a67', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '1f555370a62f9ed20268f130bf9cf4d21f1e79d6', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'f7fe8db11cba3e8597f4b57f8ec2e7373f5e6638', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'e21f508a98ae0f82e0f90e528fc9896379516936', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'd9bb9db7d5a63b843003ba1d71160c0195ea0c34', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: 'afd67e72011390767de47c60b7221f8fdffe09f4', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'f37db40ba500a367f979bd0beabe9a5c0bdb7232', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'dc2a19713110e4637e5dc2d092441c0a4b7fb953', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '4a91698804092c72b94ff1b69df3629b7f56cad8', class: "console-layout__heading-container" }, h("slot", { key: '8cd7b053055d78586685446dad60258038b8efa2', name: "heading" }))), h("div", { key: 'd4119e94bdfb42de34b36d67297bc7af64e29fa2', class: "console-layout__content-header-tools" }, h("slot", { key: 'ad6c40d1e415f5e5d3584214a0d13fa21bf33877', name: "content-header-tools" }))), h("div", { key: '21542321dcd2e49c8999b50b64e71f8d3edd651a', class: "console-layout__integration" }, h("slot", { key: 'e5b7c28eb23edbdd6a55e2fa22c8bee71fb496c5', name: "content" }))), h("div", { key: '104a1dbbabc502cde4f5678268b30e391bbd39ad', class: "console-layout__overlays" }, h("slot", { key: 'aa0d9761d84593c32e7034345465f9b301b5d630', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }