@getflip/swirl-components 0.285.0 → 0.287.0

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-work.js

@@ -8,7 +8,7 @@ export class SwirlSymbolWork {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '198d03a301475a4da86205b6b8003817c926d0d9', 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: '7e1672a1d4c0b939b3f08b10c8d70c9e97d00cfd' }, h("path", { key: '176e99cfcb803540ab2920490c35df1f1dfc695a', 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 (h("svg", { key: '775bc673a267a93c3968544e6cdbb9375db558b2', 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: '98b826565b32d29e1bb5ebbb67885c2f31ce495d' }, h("path", { key: 'd41e479e834c8a81c6245f731b9234f31cad0022', 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" }))));
     }
     static get is() { return "swirl-symbol-work"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-xing.js

@@ -8,7 +8,7 @@ export 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: '7fd6cbf20eca3bfd7b25031ed95c31c9b7b4dfe9', 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: '0f0b96a7fc3ab67014cda64d1093fdbf3da36f63' }, h("path", { key: '5fe4386bed027eee90bd0be0d501ab00b8066fd8', 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: '0331b2dd00b2698a89f4e5d86da1cc3753712ba3', 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: '059e53a397e6f87b6a5224eec8ebf1b6b964995d' }, h("path", { key: '29ee94e5c77392b18467a468b4632561d41d0ba6', 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 is() { return "swirl-symbol-xing"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-youtube.js

@@ -8,7 +8,7 @@ export class SwirlSymbolYoutube {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '3017b8ae175ee723ec0d2cf1b89b4dcf16302f86', 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: '591532457dc7d5d8f712c87a7fc2c287b0fa3d8b' }, h("path", { key: 'aad866b9aec699f43fa3795e3e3c2b1a0277ea64', 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: '50ef5b7736ec60e3123b8e4078ff6d440098d449', 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: '7cf9dc8e2141b7964c912b3f045a386a1ac6b254' }, h("path", { key: '0fa69ebb2209f3beab969b269cb3d666b62b21c0', 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 is() { return "swirl-symbol-youtube"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tab/swirl-tab.js

@@ -10,7 +10,7 @@ export class SwirlTab {
     }
     render() {
         const className = classnames("tab", { "tab--active": this.active });
-        return (h(Host, { key: '06dc3161c018f89fbfed580dea029a778a79ad19', "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: 'e381731a07a83b7186b54a2880c80fffd9f25a94' })));
+        return (h(Host, { key: '52dc466ef5fd1b19cb5d16136f3b595f835598dc', "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: 'adcb92d195647fe3bdf27f9d7eb4042e0861f3bf' })));
     }
     static get is() { return "swirl-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.js

@@ -29,7 +29,7 @@ export class SwirlTabBar {
                 ? `var(--s-space-${this.paddingInlineStart})`
                 : undefined,
         };
-        return (h(Host, { key: 'f6a9bc66a1e6632e231a6404ec847699a59a2409' }, h("div", { key: 'ae3442c940dd43f5a63229a06e871c364f544a60', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: 'd883f7af119dd81a09081301e1e48c9f65e4a822' }, h("div", { key: '016e1125ef12dac89655aee9cae6e7514ba42e67', "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,
             });

package/dist/collection/components/swirl-table/swirl-table.js

@@ -251,7 +251,7 @@ export class SwirlTable {
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (h(Host, { key: '3c6ceb12f44c9569c2e1f0123469a7f7bf78efac' }, h("div", { key: '8fc610eac6c9137c31bee2e1d29518b83c33109f', class: "table" }, h("div", { key: '7b7d0a4db01ae20c0bb1838fea908edf53429205', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: '1351cc726777a39b94a61ef313728d2053d62012', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '80dd6702f8c1451447040687d4ebb843abc77d77' }, h("div", { key: '80f75e2bf3d8251e9f078216016d373751b937b3', id: "caption" }, this.caption))), h("div", { key: '47ed57a524071c9b8fd0e4c0837340cc9b7af440', role: "rowgroup" }, h("div", { key: 'ba655b6daec9de3777f4bf156299beef79ab8fa7', class: "table__header", role: "row" }, h("slot", { key: '1f1c043262ebe55a7d7d99ec01ce93594f4ea312', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '4a7e2126391c33e31898e0bf57d5e7df9593ce16', class: "table__body" }, h("slot", { key: 'e68a58ff6d4cbe8d2d31d34106bdf341b026cd91', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'a0c03aef7304d9bd75cedb1fb1b3d8261934ec29', class: "table__empty-row", role: "row" }, h("div", { key: 'aeaf22c6f0de29b13fb72605057c801c819c985f', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'a27e8c59ded4317ef8efa447c4c41174f3739c10', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '7a80f66bb69e1e2bb518c9f4ad7373f3d1cd8aaf' }, h("div", { key: 'b902a14ca817ff832c0622469345dc0dffca1fe0', class: "table" }, h("div", { key: '86f4ee3195984e75b525062d9b379b8ee86d66e1', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: 'ba0104bfe969a01d50dcdcaa5624927b6869724a', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '975f6b52dcaa745662c33f4faaf90d6b99fa66a6' }, h("div", { key: '582c32d143f9291b72ecafb726b51907bffabb5e', id: "caption" }, this.caption))), h("div", { key: '808c56a7fb22853894b988d8f8515b67dda232bc', role: "rowgroup" }, h("div", { key: '1aa3dc88ce963001bb792d42a9e3730519377b83', class: "table__header", role: "row" }, h("slot", { key: '1be89a881770c763962ebc0a88b01809bf1a7565', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '8d891c4281b4e85a51589e44a7281cde41fe68d2', class: "table__body" }, h("slot", { key: '0e1a53489761f18466f7602c75ad6cbbc43f58f8', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'cb86d4b7da8de46dbcd0c24d0e8a54e5e6ef34de', class: "table__empty-row", role: "row" }, h("div", { key: '801287a643effbbdc592af74b72285e2a254bf42', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'ceaa762a51a2d65ed970bddb6e41fd0583ed07ed', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     static get is() { return "swirl-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-table-cell/swirl-table-cell.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlTableCell {
     render() {
-        return (h(Host, { key: '0b6dc5bfb399ecc60d327144cf511b0aec2e0d1b', class: "table-cell", role: "cell" }, h("slot", { key: 'fee309d46272e02fcda2c8da606faf8c956be4dd' })));
+        return (h(Host, { key: 'ceb9080865cd17b2672b0a9201b8e0a3ff6ad677', class: "table-cell", role: "cell" }, h("slot", { key: 'c2852a4c7bca54b8ef3f2f6ddd7e36b259d15b91' })));
     }
     static get is() { return "swirl-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-table-column/swirl-table-column.js

@@ -22,7 +22,7 @@ export class SwirlTableColumn {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: '26014f39a74da8d6834f698fe8479aacb2e3278b', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'd8602d679734e24d3ed1592fc14ced19b6115fcf' }, h("slot", { key: '4f92f06bcb68041cc1d6763e627aa5fb919df1a2' })), this.sortable && (h("span", { key: '431cd995178bde16cfec14c0e2a55f5de980c3fe', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: 'e3628dc4e2ad40fa09e3993d01889c92de2bf3ee', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '6046f2b3c39ab9005ea1a35ec2e1b2c7ddfad703', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '6ef56fadf99f9ff657bef1f2c9c3252d4704cc88', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'd63c689c1e504d06f87f122d3e378cb18e4122b3' }, h("slot", { key: '373530e1e7e33368e5e9ff6beba5287ad2fb7541' })), this.sortable && (h("span", { key: '2f1fdcf224bfa0d1ab6dc53bc8ee05103cdae04c', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '76a22ad40225bc27f8af2df5e4ccc795eceafea1', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'cde3f7f04e8191fb6406797806585b1d45512b16', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     static get is() { return "swirl-table-column"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-table-row/swirl-table-row.js

@@ -17,7 +17,7 @@ export class SwirlTableRow {
         const className = classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: 'dbbd333f12aa2f3d339905922f67c1264138548e', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'd29c77cc9c84f28a6021bb48c74f928211ed2e35' })));
+        return (h(Host, { key: 'c88fcd68ccdebfe7849194d555026f2e028eac0a', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '47a647470df409a4f3f08eb611f8a639dbf7fa51' })));
     }
     static get is() { return "swirl-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-table-row-group/swirl-table-row-group.js

@@ -40,10 +40,10 @@ export class SwirlTableRowGroup {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: '954c20155b22cf7ffb72e9ed40304c7c84b71253', class: "table-row-group", role: "rowgroup" }, h("div", { key: '54144ebb956aa8ffa84194ddd664b3260e43098c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'f03d53947eca62673726719112d5005c2a63074b', 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: '1f8dc631e50d159ae885159f0c59252a3f9c7ce5', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '89b239c5b27b3fbac62f0081e6f0cc419ea7a65a', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'dad272a08b1dc5bd57851d39fdb4e848fb15b9ea', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'ba824931944c751f4997b7e2c015fe761a25320f', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '56e35e740f5bdfdc6d0d3620c0e32832a2e954fd', class: {
+        return (h(Host, { key: 'eb20c98db01ff9bd3aac6b497fa6f7e3ed4e3ad9', class: "table-row-group", role: "rowgroup" }, h("div", { key: '1c5caf8fe15ba2e2374fbc98dca54ffe8762628d', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'cc73bfe71d420e7c0c79d79c11d5fef78a075ef1', 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: 'fd964075bf619d18664cd5d7653e5789fac19e67', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '58a526fb6c387074627d3ebecf26eeeb66c874f9', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'acd103cfde8cd75fe7deb86e1ea15cb5b40730b4', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '5c4f59c7e46236d0d811b52eeccc95cc382d7c15', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'aea0e3fedec73c5f59a7f96355794e7bb9726fb9', 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: '5b31481ca5cc8217f303402c29a4f8f984eb3d66' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: 'd530d932920f87cc912fc256611886fbcdd2ca01' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tabs/swirl-tabs.js

@@ -74,7 +74,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: '6b1426436840263dd7b7e58646daf3b10fe9520a' }, h("div", { key: '34da9a8dd090dd601fa3bf2dba8f3ccbc0168844', class: "tabs" }, h("swirl-tab-bar", { key: 'f556966b5d8d0b0aa66ff546effe642fcd03619c', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), h("slot", { key: '72a07cf0e9fcd0716346d26c4e637fab1d73431c' })));
+        return (h(Host, { key: '44caea9a926dc297cd030eb005fc3f6123a8d505' }, h("div", { key: '34a91794a16c5bf3f274edafd9a9cba4d4784ce0', class: "tabs" }, h("swirl-tab-bar", { key: '7d7351ea490ba3cd2d8863da2ce302bd4761fc6f', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), h("slot", { key: '35a4ab2fe39e56da291bfe5e3b624ffed3ce6220' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-tag/swirl-tag.js

@@ -36,7 +36,7 @@ export class SwirlTag {
     }
     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: '95d5870924775beac03669d847b98a50961d410e' }, h("span", { key: '84a3d54ce98125ea34c72c636ec3cdb1e1b0fbf4', class: className, part: "tag" }, this.icon && (h("span", { key: 'e4d1cce127244c451c7689abaf0c7d245fb77ad2', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'fa9e7c623b90f9e3a61dad17f2f4c695a385d43d', class: "tag__label" }, this.label), this.removable && (h("button", { key: '268ff7b2de842fa24f2bd647ea41e8b89cca1d72', "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: 'b1a595c4d769289c2d7b4795f4d18016266844e7', size: 16 }))))));
+        return (h(Host, { key: 'ca2cb979501329ba3ba800a37c3a7132d75222d3' }, h("span", { key: 'bd936736821251c24baf182234105ce17d1f71d1', class: className, part: "tag" }, this.icon && (h("span", { key: 'ca1f65bd6534347f6d31478f5ce6aed953595a72', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '56ae5febd056e6fad9ffca2aca2389639a679083', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'a0638fc6ef90664d7c309b72b40a9cde043a3480', "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: 'bc276c83d87e0a4c4fac1ebcb3106006dd65376b', size: 16 }))))));
     }
     static get is() { return "swirl-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-text/swirl-text.js

@@ -54,7 +54,7 @@ export class SwirlText {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: 'a8d2d9e515225702b2f88e1e83575d2594fc81ab' }, h(Tag, { key: '50590b4ed3c0b43cd383c582611efe7bf644ede3', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'd8459d00bdcd99b384677469de8406e4f48f3c13' }))));
+        return (h(Host, { key: 'bf400674931ce8619bca89ce94de049937554be1' }, h(Tag, { key: '89c58e30de25038993bdf0dd94428ca996e65859', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '44a831cf4fbab6c5b47a7258ae0b68c4b1ba2b6e' }))));
     }
     static get is() { return "swirl-text"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-text-input/swirl-text-input.js

@@ -177,7 +177,7 @@ export class SwirlTextInput {
             "text-input--inline": this.inline,
             "text-input--show-password": this.type === "password" && this.showPassword,
         });
-        return (h(Host, { key: '0470782920c3273914f03099ea60b191b4f83158' }, h("div", { key: '6372e6531ebdc6277d9769c9e721421619fc1ad9', class: className }, this.prefixLabel && (h("span", { key: '0f89b76e5ca43c161b1c832ad4d232699acd732a', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: '7c5f88e908411e533d76fb2deefb67e02ce1068c', "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: 'a5878aadd305068dc478156c3e67f442d847ffa3', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: 'e8a9e61f1ba70e99c5ce93f6fa9f27474e107de0', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: '3ab044c9ebc7dff0f37c66dd7712e4cd5f97cef4', size: this.iconSize }))), showPasswordToggle && (h("button", { key: 'cc615067bd4b6d6625e797d32dc30e49adfe2307', "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: 'f718f46c63bf7473ed17c1e08a583c111f65c9b8', class: "text-input__stepper" }, h("button", { key: '248a6d919838612cb97aa80ab893e11f7ba0b0a2', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: '390a679d284cd9510a5938401b18209241026e10', size: this.iconSize })), h("button", { key: '6505f9710b8e8f92dff64e8650556b677da4682c', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: '76b50d5efa7cc9ae99273fdbcf4271f73d94a939', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: 'fcd5a051c7c5fcf63cf8a38a3ad651891b02227d', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
+        return (h(Host, { key: '8877954f2b89a0b7b9669c918b7daf110607c131' }, h("div", { key: 'da676db95d6671652984ac045c906c2793f3656f', class: className }, this.prefixLabel && (h("span", { key: '8da3604242fe0e746285915fe024f4920730c496', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: '5223ee8c91b51c07191ca305c5bad1f6b7dd311a', "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: '6456ab9afe0c8be65de7a0c11259cf95e1cd1e4b', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: 'be09212cb1701d9f0f5a4e62450cf4a52e540db5', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: 'aa7b43c410667c07926bf961659f418dca46851b', size: this.iconSize }))), showPasswordToggle && (h("button", { key: 'ab4c0e6e8e61e80462bed282fda11edcbc36dc28', "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: '145fcaa35c8c842cafb2d2988437e6db9bf1857d', class: "text-input__stepper" }, h("button", { key: '2ebb5e19d146e168479e82ca56d4332ff6693789', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: 'b8c528d353e1ed55b135538e36c4252203091449', size: this.iconSize })), h("button", { key: '58d8392f4263b0e3292020a66bf1b29756b72af0', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: 'e04b796438f6e3f77bc594bc400a027e8f1d2583', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: 'c387de92beed839754ebad2d032c56efecfb8f4e', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
     }
     static get is() { return "swirl-text-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-theme-provider/swirl-theme-provider.js

@@ -145,7 +145,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'e3fe6e2eb1cc7424f521e351264d3442be5d6d21' }, h("slot", { key: 'fa5e17da0289211471c6e70fc88d1cdfd1547783' })));
+        return (h(Host, { key: 'debfbb9678d6e369c7481e5f712ce472ba2d9c76' }, h("slot", { key: '6e754b8908c5ff60064f021c28666708da2f15a9' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-thumbnail/swirl-thumbnail.js

@@ -29,7 +29,7 @@ export class SwirlThumbnail {
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: 'a6bff2a9a9e52bf4428c4d664c6c898854f5e357' }, h("span", { key: 'ac0906061e6aa98f6ce5ab937d49cc104c690a55', class: className, role: "group" }, h(ImageWrapper, { key: '45b7264b37f3afd057f32154857246075777db9e', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '6318a85db3f583976a5c1bd57fd294cbde0ac697', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '164f86a3b7963abdfd3e676fc876b362a0f2cb56', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'f2d6e51378bf7b00672c34c7927d3cbc84dbf575', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: 'c4efd7552256207477d004be538a3c162496c4b7', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '4ee4b65a99a21406e18d358c311b8a4519fb2b2a' }, h("swirl-button", { key: 'f0824c0767d6b706cbdf7c3919d57c8e769a74a2', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'e5548bcd85d81dadab3124b9072726ff65259323' }, h("swirl-button", { key: '6ddc9910aaf9191daace463b5eb1eea49234013c', 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: '7e814252c690c11eda0a8d8637db1425071aa94e', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '8acb18971b79f40679872f3e3ad56a80ffb1f545' }, h("span", { key: '65d7090da15b6e2ba2eb3b0e857e4785ce4fec3b', class: className, role: "group" }, h(ImageWrapper, { key: '36fcb4c2daf90ee32368df493bbad767fa5f348b', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'fb876bef75a0f612a663e51bafe0afc932e0a908', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'bd51e4655c1444519e1d661f2c69ea0261b05099', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'fa1b8182f261bdc535a9b47f8157d59f680e451a', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '74fc26527be06fe2fb60030497728e5ea2777377', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'd77189e842a048c7d750053a22afc046c994753b' }, h("swirl-button", { key: '2db75d17a36e2911c12e90cb2baba811771e079f', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'f9809e57a3df0401bba3235b5cb822d5297c5ebc' }, h("swirl-button", { key: '41d3eda0cf02861f1b78fca15de94b9f729f6da3', 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: 'f264b33fc1fb9b7e61fd676085ce98ca482a5ff2', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-time-input/swirl-time-input.js

@@ -117,7 +117,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'eef4dbf1969b693fa25563f9fb1e2c2da0a947f6' }, h("div", { key: '925a03a60c99f27c66087e90826b9b2e7252eece', class: className }, h("input", { key: '575da3dbe7be598014eb9c66a4f4239afe5a19c7', "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: 'aa2df52defa4638d85b6ca2bdd482f13d0c6cacf', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '3e842f1455d3ec6f59728c34f0146188dd29320a', size: this.iconSize })))));
+        return (h(Host, { key: 'e6c010677d0fe28d382412d125809f54b27b70f7' }, h("div", { key: 'fc50e1af664bea9d903acba075ce797f82c382de', class: className }, h("input", { key: '434bfe9e5029252ff1eacdd09dc1e5711847bb47', "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: '680a27380203369f4daf51f631923c2b5307ad0b', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '15d2dad527da68b7200f678c6ac6c035bd301e8d', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-toast/swirl-toast.js

@@ -53,7 +53,7 @@ export class SwirlToast {
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: 'c8c334f65df3d9d1e6f6057b264a5ae2282b9c8c' }, h("div", { key: '64d35663c4a5f6fd8d19f034dad671b3062812be', class: className }, this.icon && (h("span", { key: 'e871ebbfcf2ca0591223f0183d50eb3a8651ee6d', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '5f13af629e68a0c4b4984027b102831f91fc401f', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '41964647038100002863b6900483f6b3a3fec514' })), h("button", { key: 'ad9ed67b62c82de7c214c8894a0351fe116c2a9e', "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: '07b679cb70d6536e741c469110c6bbfeecba1bc6', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: 'f13b7019f9fe5dd537f55e98c5f59a4608a11ba1' }, h("div", { key: 'c92eea5154be70cc099ee18cb3b3caf389bd9d12', class: className }, this.icon && (h("span", { key: 'eaba6a7fdc594ed5922e1f73950fbd0a3c979b62', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'd051a303c25a2626f75e317e020d73f42c777122', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '02ff7970aae6b760a6485fc303d768f94580c4d7' })), h("button", { key: '0f202582d613d7c6ba3e3eea079427aee99e34be', "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: '8741abe6c8b206d4bc4a3aa260a0a2a5b79fbe0f', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get is() { return "swirl-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toast-provider/swirl-toast-provider.js

@@ -49,7 +49,7 @@ export class SwirlToastProvider {
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: '76668e8cdbcd64d3dd0f214043a944a15d4c8a1e', role: "status" }, h("swirl-stack", { key: '882fb3c14189644c9bd230a87d14e039ad08c1ed', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'e045177df7cff3172098cf31219edd163d887573', role: "status" }, h("swirl-stack", { key: '9d0d089b2e58e99cb3c73472d0051af3c5b87519', 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/collection/components/swirl-toggle-button/swirl-toggle-button.js

@@ -13,7 +13,7 @@ export class SwirlToggleButton {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '93ab1b8aef098073cc2a73304cf5adc11ff8b6dd', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: 'a280e3b067ef3199ecad4f70a7c5d65596de60ee', class: "button__label" }, this.label)));
+        return (h("button", { key: 'b8e7f721501d04c68b53c450345b4dcabc790027', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '4eef8b7908fc9f7ba892068eedcfd9773dbe963f', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toggle-group/swirl-toggle-group.js

@@ -51,7 +51,7 @@ export class SwirlToggleGroup {
         });
     }
     render() {
-        return (h("swirl-stack", { key: '667d79f6202e7cbb5167fb50c432c7c787d61e56', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'd5e7a2a34daef1af90ac9393905bd20839bcd9d5', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '3f15bce65905838eaafa73ecd6cebe6737c35b7f', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'ca54b914417598aacd1f92ed5ac8b486dc053d8b', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toolbar/swirl-toolbar.js

@@ -66,7 +66,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'f2a7c74e2a79a7cb094b299943e9556a369edf83' }, h("swirl-stack", { key: 'c920e72b684aba1ddf4192f6e8e8739df96545cd', 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: '9feae1c92047152e580e1dafd0b30213ce51c312' }))));
+        return (h(Host, { key: '0ecf4e7dbdddd65054c7bb330d65dd3b25db0c17' }, h("swirl-stack", { key: '5627a2705583a78d2160dea68313ec1006a4b1d4', 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: '030851de2134c50b17ca1d09d744f31d2b3f019f' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tooltip/swirl-tooltip.js

@@ -110,7 +110,7 @@ export class SwirlTooltip {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'c9ab85ded0e405408216a391afcb0baae2be53bd', onKeydown: this.onKeydown }, h("span", { key: '2882cb94d0756572f88224600b220ce61d30fa3e', class: className }, h("span", { key: '6c7e0fedd91ab1c27141c0ea94838a6646f4a3da', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'aa84228571d7fcf6ba9189887c8e337fc5aa1252' })), h("span", { key: 'ff2aee38126a2995c3502a4cb41c33ba08c00543', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: 'ffc758691e7eb769d7c63a8d00cdd97fbd0fb88b', onKeydown: this.onKeydown }, h("span", { key: 'd1fbfb04a0757fae672c0e2ed79d47aa79665834', class: className }, h("span", { key: 'de2f233384b1cb66d9e09938d5b3a0b7d95c241d', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '87728d6c2818b7cf44bd11b64f8bac60334d00af' })), h("span", { key: 'e5992fb02ce1cc73e7f82e6b666601c2f1890c75', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -118,7 +118,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'eb6c1ffa68b1f70627008629ed2cbde2b50909be', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '9f76cd3cdc16d3e1f43f891df2aa2c70e13edfeb', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'e4e610fa99135e7a39d828235e85b4e3c2298e89', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '1b433d578d60ee7f206e48caaba583ba1c51b1c7', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'de588b3f12fc2e4a07013d8c2b99c3c37cc3c864', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'de5b0812122f51cfd867731a5406e1443a9b8f05', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/collection/components/swirl-tree-navigation/swirl-tree-navigation.js

@@ -4,7 +4,7 @@ export class SwirlTreeNavigation {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: 'e9c3d9bcf0f17466b0a5cc3aa5d7cc02f5f39df8' }, h("ul", { key: '1f89ae51a1af66ba73d71c9260e8a9516a570d83', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'dfb1cae36cbdb49eca03952fdb789cc53cffb04a' }))));
+        return (h(Host, { key: '8246dcc5d18a8736dfd23c7974a8deccd0403ca9' }, h("ul", { key: '5b4979eba60411f412fabcb92243b497fc1b45ae', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '1b04319c154ae86265056fde34d3b1012c33dd38' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.js

@@ -89,12 +89,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: 'a9fbce22fc2c48e419f2ba9827ca6f54f1b43db7', role: "none" }, h("li", { key: 'f17e7d783b44949e9b918a591d1c760472c3f23e', class: {
+        return (h(Host, { key: 'a42d7d58474bf84de0d134f2b3609967559dc879', role: "none" }, h("li", { key: '51cb405ab5f9530d4e6e765e67057ac9997d4634', 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: '82280630fa2877e8daff509612aee44c48ec91a7', 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: '065b36cfdb9581b46a1df4fa8b1e45e0080a5520', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '3f44154cc4ec8919465b0804bf0d56a52806d793', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'c947897b89843c744cc0d166bcef5644421f51fa', class: "tree-navigation-item__label" }, h("span", { key: 'c07a23ea8d3b49beb64fe7f4c079bdd7887f0583', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'cdcb068e7abd0f0065f68a53a4002f11c7f94f25', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '7f0cf84b86a6d07af0582214b10e762f4ab9447d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'b789cdae7ab0604bf7d3b354bff3ca4e705bcbc6', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'e5646106a5d6acbbd17b0ee1684aa4f4592f5b47', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'f843b12b95f71466b313b6a1b6c5ee8103eb1199', 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: '44f560f801d3cf310501173dee5d2f4705570dce', 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: '123e8940aa5bf2428dfdcd7d64edaebbbec9cbc6', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'ffac14d62fa8e10df0ae5904e0e2cc7a1b2f2ef7', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '1efecc50dda818fd6bb170452347e56e9fbf55e5', class: "tree-navigation-item__label" }, h("span", { key: 'c4853609022c3396999efa4a865537decdc869e9', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'e1d8cb7ef87f2f30d0f98b578bcb062ea7db7f6c', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '6b3366a4a34fbc0984ded85cfc95b26b85eb9841', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '486638d47ebde4c21734f40fc517ecbb57124d13', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'be197e40ece624cc4235ade598730bb0677adef0', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '91f71af45a512ba54aebcef3cd5fec4b8c17b361', 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: '46bfa61a656a2de53489b0f22422de2f6c6f4a12' }))))));
+            } }, h("slot", { key: '904ab4553e16b41f600100ac0ed143bf4068fd5a' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tree-view/swirl-tree-view.js

@@ -192,7 +192,7 @@ export class SwirlTreeView {
         return nestedSibling ?? undefined;
     }
     render() {
-        return (h(Host, { key: 'fa93c938faa7e11fd4fad055fa9619b305895540' }, h("ul", { key: 'fa0c7adc5bf1cd3f4efc77699726706f3e0a4648', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '713c42a3fa2188afca21934b6c96e816a5a86929', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'c7ef2c549ea86a8206321c0d0ff1697b52e09596' }, h("ul", { key: '25ad431f5ec2295cf853e8d44c468203733f503c', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '8478ccb313cc9ca6e1d60f7fbb4a194489bd9229', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tree-view-item/swirl-tree-view-item.js

@@ -74,11 +74,11 @@ export class SwirlTreeViewItem {
             "tree-view-item--has-tags": hasTags,
         });
         const hasChildren = Boolean(this.el.querySelector("swirl-tree-view-item"));
-        return (h(Host, { key: '61f2f5139b9ca27e60e50a69e72d444d1f31fd4c', id: this.itemId, role: "none" }, h("li", { key: '3bc5d305ce0ca0c69c172cd688978476e5ac3ce1', class: className, role: "none" }, h("a", { key: '450e7bc4308d6e776d7da0cc9a214f327b3af3e0', "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 (h(Host, { key: '47fd18686962962937ccc3708f5055dada1de65b', id: this.itemId, role: "none" }, h("li", { key: '16d0c6786f038ec8f1bb9082f7e3039856dd6733', class: className, role: "none" }, h("a", { key: '4e538aa7a3ae3704ae75702ae4b576d40b5afc2f', "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 && (h("span", { key: 'f6d1eea5ca826bcccc27b9f49b146a8a8eec5e67', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '7020d6ffa109cc5b99c72dd9c044bc5746ef8684' }, 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: '269b7a9347440cf7e7877ee44fa98c4ae6ade8b4' }, h("span", { key: '8cc35d72f1359baf6b0a4b40f0147fc8efcc117f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '4c45722270e13a858be08069e587778654f8274d', class: "tree-view-item__label" }, this.label), h("span", { key: '36f3836c5e4cf22b86340c330163485ee1b5487e', class: "tree-view-item__tags" }, h("slot", { key: 'cf6495dd4be44436748dfecc74584f8c62e02024', name: "tags" }))), h("ul", { key: '6a703a5fc262f88d33125d2670f1640f7ee1c16d', "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 && (h("span", { key: 'c8378dc70fa49a84ba345b7a352f480bc777f768', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'a9d66509696f58cecdd0d5ccacbdcd182f90d676' }, 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: 'cc3b301449a61927977554764808d4a45ecc12bc' }, h("span", { key: 'ca01a05b89a703befb4323a770590f59d3c97452', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '654edeb374f8a8728bdf82e228231f62406fcfae', class: "tree-view-item__label" }, this.label), h("span", { key: '92809da1786d9852af825f6958113c0b01618416', class: "tree-view-item__tags" }, h("slot", { key: '38257ba68c4d6822d4b71e9b6aca8435b2a55c2e', name: "tags" }))), h("ul", { key: '50572d909fa2ce6df8f3b24d7dc151328bf5b12d', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !hasChildren ? "none" : undefined,
-            } }, h("slot", { key: 'bb1796e1873a9aa3fc57b35b26955f7feb0a75e4' })))));
+            } }, h("slot", { key: '9a73358108ba61c642c9cb36cf40123316979638' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-video-thumbnail/swirl-video-thumbnail.js

@@ -7,7 +7,7 @@ export class SwirlVideoThumbnail {
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: 'c27dd9df714d9f2881049363be1fc042e2017dc6' }, h("button", { key: 'baab6007364ffabc39c20200446ea688195d73de', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '4ea56eb5a63793861b38a6767de5ff8d6e710a19', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'fd037e5a245ed10f2782671837c7cb89b02f3e5f', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '40fe7b6e3819cec721ef0e1290970185a5b4a6d4' }, this.durationLabel), this.duration)), h("svg", { key: '5616174cd1d5b45df6bde5bcf4a488f4ee14dd55', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3cfe6b1d7bf48b9fb158d1ae7fa09f1967e5fa5f', 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: 'c3391b000313dfda53d6f3b41b819ab281d44848' }, h("button", { key: 'a919fcec1196b1c38751e6f42230851202887bac', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '7f725cff5641767e7cf70342155959ada5e2a176', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '7e528e23564753c92407ef8959d1f1fec67decf6', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '98ab1fcecd46520ad8257da8a89f12536869061e' }, this.durationLabel), this.duration)), h("svg", { key: 'df470fd68c7e8190c87ea9d97e46ed37cf06189f', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a7adb674f667bbfdb88bfccf9cd492a651d689fd', 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 is() { return "swirl-video-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: '283d92854f91eea22f68324f1e7093f3a81db80e' }, h("slot", { key: '45db844f488361adc64c30b962833c544b079e0b' })));
+        return (h(Host, { key: 'dc381cd329d166df18e107e0216936c445300bd5' }, h("slot", { key: '8a604b0d79fe11af79b12848db1e84282cd41d4c' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/prototypes/file-manager/file-manager.js

@@ -56,7 +56,7 @@ export class FileManager {
             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: '190b1e5695f2bb8b03a00d2a4e496bd00d09a301' }, h("swirl-app-layout", { key: '7907adf47e5c8d6c4e03b162b84e3b011aa8b3b9', 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: '86f0a83e2295e7fa30b77f74f88f45c6ac8e50e4', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'a574aa6a3e11d6acf7dba1ab63e47071937d8fcf', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f9c572b5bb81ee8b49ddd4708d2ed1a20d2512a4', label: "Sort items" })), h("swirl-stack", { key: '01b68ecf5b141038291ea05823fc3c07e7b48668', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '03a2bb0589fcc90290390fffc2d8d43a6310d936' }, h("swirl-heading", { key: '128a17deca25cc760d0c67ea3a2af989bbd76162', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '94ded472f785bcb3b7c91b3e07d0998242cdfc8e', 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: '269e411033840d17150c39b74692e28a6fced62a', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'b566c774ef5c06bcf17ee5c6dda7248ab8a46477', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'eb639d1c031a96822252cb66c4d60a940c57cfc4', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '92639660b01b3dfd5d92a0abd8f9019c66baa896', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '2d17fcce26c39e2b867a8811ab7668a90d265fd5', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '4a3ba39b370be490fd74ba6b400928b9e48f9129', value: ["ascending"] }, h("swirl-option-list-item", { key: 'f38d53b1ecada1e94af75e0bba06db6274f9a5ae', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '5c326e2053359dec242a04e4f0f74dcd1537274f', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'f3bbf96da04a1bc69d72bf7b4457cd609667df16', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '6603abe64ac9ea6436bf164e5863dbe252485444' }, h("swirl-app-layout", { key: '41bf19429c03eedbe5b53a27a9e1f5ac53199872', 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: '9c27bc74c66a7551ff7d10c7e97a168e13a53ff3', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '347b1f00fc38adee4d9c3c8e61b068341b46bba1', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'd4cfe8cf0018329a5bd5c0aafeb1b7d814848fc2', label: "Sort items" })), h("swirl-stack", { key: 'f5dfe41009bb7ce695eb7751e5d9c7da0de5b49e', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'a32447f4da4b23c479eda986074cc6872fccec6c' }, h("swirl-heading", { key: '1b195e5c58b6b0547c2513279500ffac6708f5e9', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'fd5e67c61cccabf95c49dda8a797c1ffde13d244', 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: 'f3df316e5f0b4f83b5bb08b9909ed926f7c52ed9', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'f923387944645c02ac03e23395213b176ed09203', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '61a6233730516d6e3a9ee37f777372f1c68d428f', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'b1d547fbf54276b014329c6585b161531181a138', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'b076f7e20dd0d765480f8f42a0510231956f315f', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '730c7e0f5a54eac3d34270d34523b586b060cd13', value: ["ascending"] }, h("swirl-option-list-item", { key: 'd42dd5d600b0e67b3e11bc89374dd633f6024d47', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '2aeeffcb320b8e4614ca86557db63fe533e44adf', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'bd7b9b047b2ed441d1f7b0545f4423c46b5e150b', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
     static get is() { return "file-manager"; }
     static get encapsulation() { return "shadow"; }