npm - @getflip/swirl-components - Versions diffs - 0.382.0 → 0.383.0 - Mend

@getflip/swirl-components 0.382.0 → 0.383.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 (1769) hide show

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

@@ -13,7 +13,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: 'a699c8d2474c7bca699e883eecb9119a11ad9b72', 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: 'd7ce5460b4d517829ed161e8eccbe99a13d965c2' }, index.h("path", { key: '3f31fc33bb6f02011d4d2bc1a4731cb19e09c459', 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: 'cc08e5fb6b2258b9f63642d6369b38fe3d72e8e2', 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: '87d3605110a151e7b5b03e246cf62d2f834e7923' }, index.h("path", { key: '1111d3515cb4954c987264932d7196ec7c36c2e8', 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 = swirlSymbolCss;

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

@@ -13,7 +13,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: '5ddf105cdaa51692501a84a733c43916331ac96f', 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: '715f9126c763e47819c39608cff5379f53622ef5' }, index.h("path", { key: '2df1705a2ab324894d9b3f04c00b0913b1ae5a5b', 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: '70e37892cc9ad71e909dad51e4cfa8eaafd8313f', 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: '06feeedf01e8acda841ef6322af0b29a19e2ca6a' }, index.h("path", { key: '66d118211c433bb5424ddaa970c97b15235dbb20', 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 = swirlSymbolCss;

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

@@ -13,7 +13,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: 'c155da8a961b376893b14aca2e14ff2b967179f1', 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: '3cabb713e6324234eccd3ef231e9ad23d433bc26' }, index.h("path", { key: 'afa218426e6fe934647409cc775e4ff887d48619', 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: '763fc2f481735bb6616c2c8fe4a80ba8bae68de5', 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: 'dc81817162f72c56308faeeb170e1eeaea8a7584' }, index.h("path", { key: '59205697d385e97537f73fda01015e1bcd76dd7b', 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 = swirlSymbolCss;

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

@@ -11,7 +11,7 @@ const SwirlHeading = class {
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (index.h(index.Host, { key: '4d631992584980988bd98ebc185a5b7f54feac10' }, index.h(Tag, { key: '4238c37e27bef4b19c43e6f5731e698faa620fc5', size: this.size })));
+        return (index.h(index.Host, { key: '431b012302bd094716a56dbb45abec886d1b6458' }, index.h(Tag, { key: '0e388a007bc228b730e1280343aaf9f6f856c5a4', size: this.size })));
     }
 };
 SwirlHeading.style = swirlSymbolCss;

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

@@ -63,7 +63,7 @@ const SwirlTabBar = class {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (index.h(index.Host, { key: '7a40ab6466db00ef0bffd646d7647afa171dbf42' }, index.h("div", { key: 'd3fff309915530aa60a94c1f13e36a89d1fd9094', "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: '76123882365876d2089b8e6562604d781901e35a' }, index.h("div", { key: 'cc28171b2d54f38956d7cd3ab21d84e9d5d44daf', "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,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

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

@@ -12,7 +12,7 @@ const SwirlTab = class {
     }
     render() {
         const className = index$1.classnames("tab", { "tab--active": this.active });
-        return (index.h(index.Host, { key: 'ce1a5476246b9d10568d76851423ad4dbc1eb469', "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: '5eee92ed98d7f7f80cf62dbf925312b5dd77388a' })));
+        return (index.h(index.Host, { key: '299a8a37f0295c7550b1ba0e248e4600cdae553b', "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: '04857bc605a3e72cb97e9c539462b5d874359f47' })));
     }
 };
 SwirlTab.style = swirlTabCss;

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

@@ -9,7 +9,7 @@ const SwirlTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '9b856a0f919e6d397d0d12f7644c380c057f9b7b', class: "table-cell", role: "cell" }, index.h("slot", { key: '43cf03380187df8fd4b36eaf5bb776a6199a015c' })));
+        return (index.h(index.Host, { key: '90c4e6735af6c64d72fe124135be3dc1db15bd01', class: "table-cell", role: "cell" }, index.h("slot", { key: 'eae94941448dad5e72ef44dd56c03fcb01dd33d4' })));
     }
 };
 SwirlTableCell.style = swirlTableCellCss;

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

@@ -20,7 +20,7 @@ const SwirlTableColumn = class {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (index.h(index.Host, { key: '0ceb9e1b67fbcb763a8d3446db99d3d47b2e2a43', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: 'a3f4fa610ab800fdf752f46e4c7b417420e33ed4' }, index.h("slot", { key: 'c153cfe00ed563198b3144a6b89d472fcb73255d' })), this.sortable && (index.h("span", { key: 'ec8e81a31ea987dea4608a33a856c0282c42c3c3', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: 'd95dcdaa0521d80c10c3bdaf094336be7400d0c1', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: 'd713dfc81296cdae7ae48164ca4bf645480becbe', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (index.h(index.Host, { key: 'dcfa2bc190ab31a106daf5a5a85ca617a223a841', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '67099120ca804e67c1a6e031753d3175cd6b179d' }, index.h("slot", { key: '87cbf2898ee233de90f06866cf021c3dfdee95ab' })), this.sortable && (index.h("span", { key: '2c65774feeb2930f5a2313fa573de81f03f68ede', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: 'e9180c4547e35e0bebee2d98c9b4fdfa58a4c5e2', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '43244f71e91bb8f32b89c8c5d4ef4daaee298ff2', "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

@@ -41,10 +41,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: '7d5351138078da704f6b27bae3800436a5ebf43b', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '20b8a431389b4e688f08a0b2b9caed02fdd4f4d0', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '13d500a7220c8ff1c526f15fb784671a60cdb6bb', 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: '0fc9eac7abdfee0c920655a610321d1b148224a5', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '9f4f491587ef67f8006eae6e67ee0d4340cecb95', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '25650596b4f3d1f5b4f074c448242030dd88be73', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '30c6b92810c6146a14489f2067fb06d3ec83849e', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'c009ad8aff896fe31251f793f4cdd66746f4b93a', class: {
+        return (index.h(index.Host, { key: '1b04d2992ca58ed44340e7aec3820f0b93177a56', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '0d282f7ce6c39a952ef96f9812b7dc17f8aa819d', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '5d1f695ff0ceca728f319c23933e7e6678e2ae6b', 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: '5b65eb9091252005029e799b63d31492ffbf04cf', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '21408c1bac4a276f065b68bc7f9429d5daa5ed41', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '98f7da861584f6442aa3fc761205160ddc9ec060', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '467bc53bc32bef6da529faa24f03c21141eb608a', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '849ede732ab8ec47d396fcfb4cc44c39e07be719', 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: 'fbe32bbc5fe2d2e3ba4cf2b5d59832602d4ab73b' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: 'c29f8646b19d065077752896135a6185e9452fc5' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -18,7 +18,7 @@ const SwirlTableRow = class {
         const className = index$1.classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (index.h(index.Host, { key: 'ce5ffef9a003bbadc091c4f07e1c8f435034b30f', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '9a82d23792cd6c5a383865578ba0ea752b44070a' })));
+        return (index.h(index.Host, { key: 'de6d8e69bc3dca0083b57426b6717f36652bd724', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: 'f98bb13f865dadd4cf2e9426e3aa31f48e8df45f' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -580,7 +580,7 @@ const SwirlTable = class {
             "table--show-empty-state": this.empty && !this.loading,
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (index$1.h(index$1.Host, { key: '71acbcbdc039e7b08d567ae733cfccccd025227a' }, index$1.h("div", { key: '0c2a4dca278dfaabffd7865e7e6ed0e9fc4ac55a', class: className }, this.enableDragDrop && (index$1.h("swirl-visually-hidden", { key: '007050bbe785b97dab2fcbd81512aac698f7dcd4' }, index$1.h("span", { key: 'f3065cc5b3b553c130a83b827dacbbe72a2ca9a5', "aria-live": "assertive" }, this.liveRegionText))), index$1.h("div", { key: '791e05da9f511fdb1a4439a3e879ef4b9756c258', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index$1.h("div", { key: '00f4c7bed1f953e507896a3558bb30a6ffdf7184', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index$1.h("swirl-visually-hidden", { key: '8369efdbe24e28f212cb06bd78f40fa1a4b4a5f2' }, index$1.h("div", { key: '7a7aac1376a41ae68f831f15a19db9f8d662fb59', id: "caption" }, this.caption))), index$1.h("div", { key: '86abf9d783dbd7b353f3b40efb13b37c7d4cbece', role: "rowgroup" }, index$1.h("div", { key: '5651f12df3e10571a18c48ff8b27641b4674ef40', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, index$1.h("slot", { key: 'd5f36a58148734d80899e0986cd0726546079720', name: "columns" }))), index$1.h("div", { key: 'd80ad2723f76f0695f83012c0af664f660bc0467', class: "table__body", ref: (el) => (this.bodyEl = el) }, index$1.h("slot", { key: 'c9d2d172591f765912f165e412bd51dd3e05b52c', name: "rows" }), index$1.h("div", { key: '68fc4436378546379402064debc6778beefa8847', class: "table__empty-row", role: "row" }, index$1.h("div", { key: 'a8b84493ab57f740224c806bee61aac9a67be64a', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index$1.h("slot", { key: 'fc2377b95667af8932a2c5cf9af734c3512911b1', name: "empty" }), !hasEmptyStateSlotAssignment && (index$1.h("swirl-text", { key: 'bfa4152124785e30d50d1d52a10b0f07f7f57a26', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index$1.h(index$1.Host, { key: '16d0611e24b24ee9f79cc38e0095a67672d74c2e' }, index$1.h("div", { key: 'aec12bf6d94bef63f68acfaf028658254d01f181', class: className }, this.enableDragDrop && (index$1.h("swirl-visually-hidden", { key: '0af23c204985e8578aee552beff188f5e599275f' }, index$1.h("span", { key: '0f4bcc195d7bd265c028b70604ba74b1531e3c25', "aria-live": "assertive" }, this.liveRegionText))), index$1.h("div", { key: '77e6c52ecbf5e81d268b9c49364cbe166e8ba45e', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index$1.h("div", { key: '21156e4f5d0a98c1c11cdab2c8d812833d1af031', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index$1.h("swirl-visually-hidden", { key: 'deea452f4a44ffaf0f8472e0ba07446f555de0c2' }, index$1.h("div", { key: 'e0f7da4bf4009659451e3890827861a64045d740', id: "caption" }, this.caption))), index$1.h("div", { key: 'ce3b91d7709fb0b607cf3b4fa48f5d118d04ac4f', role: "rowgroup" }, index$1.h("div", { key: '15c9d000b9d69eedc6ca1285a9dcfa20ca2bec02', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, index$1.h("slot", { key: '31f61474ba47292819e5fbaf655817ed28a03434', name: "columns" }))), index$1.h("div", { key: '2d5e8fab1af067c1eb59ad84db517113cc6935e3', class: "table__body", ref: (el) => (this.bodyEl = el) }, index$1.h("slot", { key: '47f0b034e0412de19194c87bf2dd1eea524af173', name: "rows" }), index$1.h("div", { key: '4b97574c5c5919c35fd5a9ce48a4b4dbb24d9518', class: "table__empty-row", role: "row" }, index$1.h("div", { key: 'e8d44d595d30450512ad57defb3c61fd77f2040a', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index$1.h("slot", { key: '6551e8e625520b44e608a41e67d58e65a06c20d2', name: "empty" }), !hasEmptyStateSlotAssignment && (index$1.h("swirl-text", { key: '7689d667f7574ddd4dfa3ad54d05906e1822c035', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {

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

@@ -77,7 +77,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: 'b874315686e1879e67bbb083cbba1eba80bd2188' }, index.h("div", { key: '4a09d26d900a0518deae3c93461a6b1c5f323012', class: "tabs" }, index.h("swirl-tab-bar", { key: 'f01c49f14380823f754d6aa5ecaa3a0fbe55b432', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), index.h("slot", { key: 'd4983d32686b88ada717787209095b6820657228' })));
+        return (index.h(index.Host, { key: 'b0424db2bbb3e9d2eb6b1360393f50266c160a07' }, index.h("div", { key: '4ed83a8b0bc569d8e5fadfb465d76be22b61d6c3', class: "tabs" }, index.h("swirl-tab-bar", { key: 'b21a0e3abdf73844c7d458c52cea6394735a001e', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), index.h("slot", { key: 'de2271db34b10132a5058da11c66bbd9e1af8b9e' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -39,7 +39,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '83447a0e4d7aebe61c8d0d15d57d3612fd6c599d' }, index.h("span", { key: 'b7dbb33d1a909b51d613eb7e39aad36c45a195dd', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'f195677ee4985aaa1aac2e42567ffee9c85ee937', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '960fe967ca4d42e99be50a722f939a5ee6c09397', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: 'c569b75bf380c341ba7bcd9880eabfc0fcc0cd23', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '16df050a039118f311645a21d0542e6d8b74adff', size: 16 }))))));
+        return (index.h(index.Host, { key: '67c7207ee6d70299b7499c96ce3c604c73a8d7a6' }, index.h("span", { key: '7f0ba14caf885ca217fe98215335479f84edd3d7', class: className, part: "tag" }, this.icon && (index.h("span", { key: '8cddbdb1d526ecebc9e9eac2b4bef4035741f465', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '35cb9662720e3237a438ec27b225912667765f3b', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '279fe9066c3c3842097a32252ab15a5e575e2a8b', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '8428572b3b1d0542b658c0d688facba4db0d2842', size: 16 }))))));
     }
     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$1.h(index$1.Host, { key: 'a635ca2f4d4b7afc4e4d4fceb0e995823e6cebdd' }, index$1.h(Tag, { key: 'e9cb49646443c597aa220a12ad0ce008aef9617e', class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", { key: '33a7c292355d29886765808a120f1ead1dd43ab7' }))));
+        return (index$1.h(index$1.Host, { key: 'd0d12ca4d1097f8d177f030e566bfd4b45c1a9fa' }, index$1.h(Tag, { key: '7df0d7714d2926308580cbca4063fc92aa754217', class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", { key: '3babc4ff0c7ec56ee5d01af5315250be65c83257' }))));
     }
     get el() { return index$1.getElement(this); }
 };

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

@@ -152,7 +152,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: 'ab4d04c2ea8925fe498eb53f3ed35008365a29dc' }, index.h("slot", { key: 'e2fd278d80d9303982829547c17982f68fd2d6dc' })));
+        return (index.h(index.Host, { key: '2d83efca2b56df1a8740107d1441e30b9ac8fc1f' }, index.h("slot", { key: '5d5df1ce8558f18d27738f6e30a05992441ce4d8' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -145,7 +145,7 @@ const SwirlTimeInput = class {
         const className = index$2.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '0a929f7d75b062e56291bb05a1cbe29bed9766d8' }, index.h("div", { key: 'cabdcf8f69f8a1d975fb58a8f4f3e98ba7260a7a', class: className }, index.h("input", { key: 'c812f2b8b1c62fefe7f61b131a2cc8a6b6d8349d', "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, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), index.h("span", { key: '11ea0081a7e5cae9678ce1370832e84d50bd7255', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'd72261e96a591e188438a16fc07e455817a5802c', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '327b4c5164978cc974a22a9cc33e216cd14a7fbc' }, index.h("div", { key: '66b3618a644c204843d738f11091c8a8f8f8e521', class: className }, index.h("input", { key: '502590cc5c3938ba9e16a5ba91973ad8a80ac46f', "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, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), index.h("span", { key: 'ce5b5c97b9f063a5005e7aa19bee9a09257ed877', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'c89b6d86fa3a71be6f173785691a9273b268402d', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -45,7 +45,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: 'd77ac2c1540cb1caea02cdd512ffb542689297a8', role: "status" }, index.h("swirl-stack", { key: '6b25556338ddf73c30f0307fee0598fa41f0bcdf', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: 'dd0a45619c4cb022f8f11a830acca3eafacb2628', role: "status" }, index.h("swirl-stack", { key: '1a499d109072a863f3704edbcca17f203468765a', 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

@@ -54,7 +54,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '43cb34a2df0fd98c1651a6a7a8921bd72917d820' }, index.h("div", { key: '2794719db1ae270a1dbfdd7cd667c7892778586c', class: className }, this.icon && (index.h("span", { key: '00106bb7daccabb75387507a6da93909905cfc66', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '4f14111240b148854ece64826319d11e57c93a8a', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '6ba35843c580885b83231901a746a1ceacefc2a6' })), index.h("button", { key: '145bd18d8822373d0ea2103e88a1c189228e47a8', "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: '80b7c90525bfb27844c789e1816e8f0d0175bd97', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: 'b2709e8fb769a641783d827a25579482968092e1' }, index.h("div", { key: '0bbff552294a5bd793172ac396796e58eb42e4df', class: className }, this.icon && (index.h("span", { key: '87fa4e5c1762e3ab6c08ceb8d58593dff6e711a1', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '46c9a7cb427dc14e84907dfbaabb3a9a2c76405d', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'e5e2aa1efbeace583f3a0c2f734eb6278437c95f' })), index.h("button", { key: 'f4b97a2dd5d2c57eec86f0ef373dcbbeb9538ab6', "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: 'ff9be404ad01c6264f089e9c8e212c083c60f8e8', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -17,7 +17,7 @@ const SwirlToggleButton = class {
         const classNames = index$1.classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (index.h("button", { key: 'cb46f2d43a540469a1fd0d8f815a5b197e114323', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: '87f0a543460fab38902f791c9ebe8d2b45662c04', class: "button__icon", glyph: this.icon })), index.h("span", { key: '1d24443aa1664513cea122fcdebbd9448da49d47', class: "button__label" }, this.label)));
+        return (index.h("button", { key: '07eabe5e55cf9ff2f4843570051b42649ba3bfd4', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: 'bccadb01dca4d85e2f3cf83972a3648e4138b96f', class: "button__icon", glyph: this.icon })), index.h("span", { key: '5af64542d123b9bd3367e13211ef1ddcd3b4922a', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = swirlToggleButtonCss;

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

@@ -62,7 +62,7 @@ const SwirlToggleGroup = class {
         const className = index$1.classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (index.h("swirl-stack", { key: '592281557bdff4eb63d73e2d5f7371726be6a160', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '08fb51474cd7e1357891139b35c20a3279d9b5e2', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: '61e816188b9e828648b9d10783b383a9d3b58c98', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'ef8806d88bd4833082545c9a0852a06fbc123935', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -71,7 +71,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '9369f6a0113fb50ba750b4f16c25c544b1766154' }, index.h("swirl-stack", { key: 'f2c667c134c39c55ceafb36ba4b6e23b654a34f4', 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: '138163699ddb35e2032885fc5b0a0bcd4cc26d62' }))));
+        return (index.h(index.Host, { key: 'ad6c20b8f56f68a4eec035587b6797980bf2d6cc' }, index.h("swirl-stack", { key: 'bdcd17216cf16045cd49417de774b4993b492280', 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: '8f984329ea27c975220b846da6a3bc45ad3d6d6a' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -113,7 +113,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '2ca3d60bb8b64efb2616d859a793a274cce6f42c', onKeydown: this.onKeydown }, index.h("span", { key: '1f490a1aa3a4026896fd25cd5c4126ad3786d5d0', class: className }, index.h("span", { key: 'e58ca5aaa6ade677a6021a2ef3397e4e60d526b1', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'c6938ab1e9c356fe0d965563013d69ed75efe664' })), index.h("span", { key: '7f834ec818452df9a3310a7ffd89b47dc4661374', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '7d75b9d6c223d29e88edff512c881d5c7689e287', onKeydown: this.onKeydown }, index.h("span", { key: '3abb23525fee5aa69bf2bf67ea1d7f72601b5328', class: className }, index.h("span", { key: 'b79893b8952d4258edea494bc008a7b416a179af', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '710c29070174874d6a6be6a08ed5a5dd97bb1230' })), index.h("span", { key: '4003d8b277fc55de2460ec8c63f51535f9f64760', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -121,7 +121,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (index.h("span", { key: '6a05638c206240fd899a23e93ac1bb25adc1ea42', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: 'ebb451de62981317c047e6bd9497008672bc305b', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '15746cb89438888ee93bd4166af25ee62fc5240b', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '82c207a7951483894494abf1d7e46a1a997f1ff8', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '178678dc65ebe2d4232437b7f12564444c687510', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '0f97538a405da7b5fdf1b39cee2a7a4db82ece2f', 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

@@ -90,12 +90,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: 'bf2eae39440134d0d6c4d13e12ab676130a77a1c', role: "none" }, index.h("li", { key: 'dec119860702093ee238ea6186a0b63b1f1439d4', class: {
+        return (index.h(index.Host, { key: '5807e28ecfa2049fe32bc94fda18b8d9230a988f', role: "none" }, index.h("li", { key: 'b246a85880c51160ca199f241b9e281762223cf1', 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: 'fa3e17e061f95ced9d9ef9c7cead351c9dc2b5cc', 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: '31b063ee88fccb182674f77105fbf7d45bedc844', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: 'd9434ae2ed7f066df243b1550ccebf27a1543a6c', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'c2c7ac76458f2c6e114aa64b1fe8dad7fcf477ba', class: "tree-navigation-item__label" }, index.h("span", { key: '8778648e9d1de6511de9915b955b8fdbe7112c34', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '400b94bf79bb5d89660614e62b9d175fedebe05c', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'a169fde08ec0b63c349893e2b3ec93078878e1bb', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '8c8d4135278e6e61f12df2149437c0140b6c31e3', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'f136c165c7a0bc2ffe2b0d6b033c3309b284d37d', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'e3f29e18891bf3941148a331b2bd8fd1e64f5eae', 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: '70004fffe6eda61c3f2c9be9ff3ab850fe9c42cd', 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: '20b218f732c0741c64b16799d5d3873257012b01', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '455ce0d5c45d75e1ee91161147ec914bb2584294', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '90a68210dd7cde42d7ccfb5d6646393736592a5a', class: "tree-navigation-item__label" }, index.h("span", { key: 'bb3f5b16db68637a123012c099ccff77d7ea0d0c', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '7c806bd1ea85c5e166df3c16d620095a91d3e359', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'f12c9ad593c14cd4a44608f5d5ec46abd1131ae8', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '3e44fd9995acccb5de2830125182a5cc8ac76b0a', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'ba905b5453a9c06ddf5c5c2f725fa6b7abf73592', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'bd9eb74a23b050007eecb52ba6d862c0505a8abc', 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: '4df3ef1c2e2b2ba73a945e217d0157603a70cca2' }))))));
+            } }, index.h("slot", { key: '616050af4701a7082e8f9f93279b3dbf0aef197f' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const SwirlTreeNavigation = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd5c52dad607b47023a7367c601b1af4506ead148' }, index.h("ul", { key: 'f2d9099cdce4aa9a80b88dcc1aa7a92ce10e5764', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: 'e38c92f627da85cb754ec3d3a8a0a3daa0be5529' }))));
+        return (index.h(index.Host, { key: '19bced9c4bd5a9f19ac371ad471b28147e825d6c' }, index.h("ul", { key: '542e63ca38881d301cb865af8a9cd51098c74ccc', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: 'dc52323cca1a13690996da5e92c85995c3eee19e' }))));
     }
 };
 SwirlTreeNavigation.style = swirlTreeNavigationCss;

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

@@ -337,17 +337,17 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: '92a6fc72ba951551fc8bcc6fd5ddaa3ff1b44f5d', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '4ce0aad69e8863aea1efd79497f39147461f4c77', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'aee6e4e236b9da37d794e1cf53970be78a7a42f5', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (index.h(index.Host, { key: '7b577a6fcf687903abce1fe1e334e1fdca4a8e39', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: 'e7825c463c72c09d9d60bbd172b5400782aa12ba', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: '0b1531bc9fcd4a6541f959503cf05f7102db428f', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '12067d39e01689715463586763bcf57b3792f6fe', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '587163d893c82db81ac14043387aeaf9fae01f28', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '8e296cbbee0496269ae851e932d757872e48f414', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '69ab051f3055d7a67d39d2c3e84a6ecfc17ff6e7' }, 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: '1cd32216980f812b5990c23b723428dfe50fa265' }, index.h("span", { key: '2ef9a931552385408c773d1002175b259e8ff20f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '7de30e721f49840b8e9343d9643e4b04d2f111f5', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'cc03525b5dc4f9ca2d8e8e6055b4bb5a2e8f1d62', class: "tree-view-item__tags" }, index.h("slot", { key: 'bd6f7235df3e6e7d7c317ae7402eedadb66029af', name: "tags" }))), index.h("ul", { key: 'a8bde6803502059aa11da1b78cfad862ddb6da1d', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: 'ba5a1155da81061b986dc6e1de25bce41c55b08b', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '9a2732f2b7067b7cbece6ad8d91c608db21f28ef', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '7a1c577285a5f01ddbc66e4b03fd2001f792d776', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '1633a0c318463da5e8808d3d98cc1f5f5c63ee3c' }, 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: 'be6d89d04a9f415b9463c021a72de06cbfda2d6b' }, index.h("span", { key: '6b55c715e0e6a44c5d4eb7056936aa791b5c23ad', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '6a11499dcf1a1fc3da5c67112178297b138750bc', class: "tree-view-item__label" }, this.label), index.h("span", { key: '42c6773ea2682e6b0d07d6b29f016c4fba0efc6b', class: "tree-view-item__tags" }, index.h("slot", { key: 'a62b2e6948e3dd00186173dc01485b2a83f45da4', name: "tags" }))), index.h("ul", { key: '3fb3432cd4378b5d1359af5176c7235fbeb3a177', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, index.h("slot", { key: '5eacda6fce923483bb832e7ef43659eb8296b9b5' })))));
+            } }, index.h("slot", { key: '65991009c10eae24df30e05c9655291bd180b7a9' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -332,7 +332,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b997026b01a6f01571f5dd435192a9568ee399e8' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '2a12eed1bcbb1be9ca09e6494cfcecbc6ebcd9cd' }, index.h("span", { key: '12297618e8e047ed6df71b906f0be8960adb6027', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'ee8d26c52e1c76f908f7ed981131a615086518f6', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'cc848e39bcbaa19e89d74ffd3edfa92fc934e278', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'b76dd7b1be10f6a299ddff5ec95bd4bf78dc8557' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'a65f276e109ad467e6cec5fce4cd58886b3f6550' }, index.h("span", { key: 'cc228586d4a7197b77d6a555a91d4b16567186ed', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'f095b5911052c09f325fa13b9ef53b2031ddd066', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'e54b87e40415442a63d5f4ad23800f651e698ff1', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -10,7 +10,7 @@ const SwirlVideoThumbnail = class {
         this.durationLabel = "Duration";
     }
     render() {
-        return (index.h(index.Host, { key: '66c488984003b2c7afe7a7388a4b8465463793eb' }, index.h("button", { key: '5581bd7774de0032764e149c6e5fa4ad7418cab1', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '874ace18ced79d8a121f2fecfaa21e161561c3d5', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'ad3b4f4a8dce132449195ac1db618514d9c658d5', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '39c0123fe3106b5257a4933430bcff149994823b' }, this.durationLabel), this.duration)), index.h("svg", { key: 'f3ac843cf35f79b014b26d1d5a54d65674eeebfb', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '745ef265c59e183a60d7853f5a992fce029defca', 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: '833e04a9e055d0e0355a60f9abfd30bd019d04df' }, index.h("button", { key: 'd9b8c02a1cca44ea00c9da0aba52a3fe9596acb7', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'a3a831e1f6e776c68995d43a534a7788adbe14d6', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '2a1ba31928c1a61f84e10ea7d5c012068c2d7760', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '372dff81b2cd3b8e9860e4a4fa0e22276ccfa6e7' }, this.durationLabel), this.duration)), index.h("svg", { key: 'd355c2df8ba6666534472e532b7934315c7f9664', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'dd061c208f99123993bf97748ec32220555c20a0', 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 = swirlVideoThumbnailCss;

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

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '3f001fa0d55275db749a4a2125b9b28bb88f434a' }, index.h("slot", { key: 'e162e2eea285c9fa37b5391dbee7d2ecf1caa421' })));
+        return (index.h(index.Host, { key: '91d5a3662bf66576c8b9cc3ae6218bb8bf3cbaef' }, index.h("slot", { key: '54e3c15793d79b66928746d88ea630d66dd23c25' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss;

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

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '4cb898dd4923145ca695946a1990dbf50430e3b7' }, h("slot", { key: '3e87ea3977ae2d593fbc4aff98cf7a6d4e0f8f9e' })));
+        return (h(Host, { key: '9aa1b6842bc5cb43c2ce239be4932d253d98f334' }, h("slot", { key: '8c45acc814af8c6ff2a6cf02cb01756b35948015' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '2ba6d5e009a35cff7d7238dc28154dbd94688dab' }, h("div", { key: 'e81ddeeb7d957753ef9e79a4186646bb39fac9b8', class: className }, h(HeadingTag, { key: 'f34509c51df436d5d4e7c6b97e12db412b5cd090', class: "accordion-item__heading" }, h("button", { key: '012726cab1decab47cc3d363a47d8886d1281df9', "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: '34d915de7aea8c29d68d8bab797efc0a23f5b631', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'dd6d53ab86a0f6b6206941eb03aad325c8f9669e', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'd07884e2f19506029f7105c78d499bef9bb038bd', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: 'de5ed4558c0a4eff354693740a394d75ef5290e3', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '4b8fd0ba961f1432d075c7b808d716fb1ddff27a', glyph: "expand-more", size: 20 }))))), h("div", { key: '86dfaa63eb9e695eea227a78fcf7a1242f72c13f', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '2c72ca125dfec3d12a5815ffaa3a6bd02675b294' })))));
+        return (h(Host, { key: '06a4cc4c0b8b8d029a6f2ffd998c51688aef59b5' }, h("div", { key: '8750b977a5256e4905a48a636ba4837b1d936dee', class: className }, h(HeadingTag, { key: '0e2b9c5ead0ab1eceab4227fe1b1b38ace468025', class: "accordion-item__heading" }, h("button", { key: '69a0858555d0821e8206d764ebc82f7d6f495eae', "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: 'a6b30d5425f1456e48bdf43a3410bf75caa5a105', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'a218dd88bdefbff4a613efa38e2a5a0534d56148', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '3a8f809a4466e336abd07d54a0563b1c3b28fb1b', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '3eb99a0da7d0dd9114fc09398f77c4304131de26', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '212e41374b152b16812b1deeeb31b9aa03edd510', glyph: "expand-more", size: 20 }))))), h("div", { key: '1bb75d431bf46f81afa2d01cb8ce4b41bc82b828', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '79a7d5faf6a57211dd4d9d09c00b7f608ef2663d' })))));
     }
     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

@@ -89,7 +89,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: '43302205ab460e62eea276473fa508302174a25d' }, h("div", { key: 'a6483438c92378439d9d225b92dac7db282d56ea', "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: '7c1b11a88d2d2428a0c29e3bc191407f544ccd07', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '29331db95aa222b510f36d373c9c587ea3801d77' }, h("div", { key: 'e436008d74f7df58bbe34c84da387c7b13cb0058', "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: '7270daf7c32a44d36652133fbbf0cc736bcb7c25', onSlotchange: this.setSectionSeparator }))));
     }
     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

@@ -9,7 +9,7 @@ export class SwirlActionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '2b4f72c501bacd5049e6a686efc825f0b07b2bb7' }, this.hasSeparator && (h("swirl-separator", { key: 'b3d03bdbef8b34977edca6289f6c1b3b388a76fc', spacing: this.separatorSpacing })), h("div", { key: 'af1b1340933dd28e9e96cef6bce9cde1fe874a83', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '116a58cd342c33346cef1c91141dcdc1540fc7c1', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '4848d1f70de1148c8d8c0cc819ce0fdf0c102aae', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'a405a89cf3f0dedcc38f5b34ee15c56a262e6e14' })))));
+        return (h(Host, { key: 'bc6aafa0d628dcc11851822cba74bb2dd8a3354c' }, this.hasSeparator && (h("swirl-separator", { key: '38ed66d704bd8e72845f5709c3d061353e9fde1b', spacing: this.separatorSpacing })), h("div", { key: 'ba2e3ba623087c0c7730c7b0aba28283c1af2ee5', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'fbbacc3ed2d7546ffc53d60addc446f4b87e2a77', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'd130147da2d710c10583b624e5481e1ca0175b7d', spacing: this.spacing, align: "stretch" }, h("slot", { key: '3856b974f11544c3239c57f0e40de16ecc53de6f' })))));
     }
     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

@@ -30,7 +30,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'e3c199c6d4aa08161dc0f15d8b5c36c81a48c1d7' }, h("span", { key: 'ed2618bf26f741f9e9c28839bcc362c6d22d9f0f', class: className }, showImage && (h("img", { key: '2cc23a3504f25b16e89aa68ddf84286e0c7b03bb', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '14d901bee675e7eda8de3c4daecc881635e891b9', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'a67ec134c77b8781beb3fc5b310e4d2fe7dbeed8' }, h("span", { key: '669857854052455b35268f5c3b5225def06851a9', class: className }, showImage && (h("img", { key: 'a5a91f3cb43e92830b1089ecfc179eb2e80b062b', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '8d68a1aff13aa5e50ff9f54b5c5e00b1ec1dd7c0', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,11 +11,11 @@ export class SwirlCarouselSlide {
         const className = classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'c5e73aba969205973717a1a408e6d3337d56bcda', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '9f4aae7f873a7e59a1af0649941848973d8f5a35', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, h("slot", { key: '0259f47ff8017adb7cf957e3915e7bf1452f7091' })));
+            }, tabIndex: 0 }, h("slot", { key: '74e38bec8292960b3048fedadb5b6c9e0dd73c59' })));
     }
     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

@@ -55,11 +55,11 @@ export class SwirlColorInput {
         const className = classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: 'b1a5b6616f3a6f001245649c779c312f8e18a855' }, h("div", { key: '70000714f4dde077c317e44b6b9530fd35fbbfee', class: className }, h("input", { key: '1891a2f2b2dab2ad5a533407348fb024aa7148eb', "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: '86b5369901f959711cce2da946fab5ca18269080', swirlPopover: this.pickerId }, h("button", { key: 'ab7229f38e99b9248d813ccfe565600a4c1c04ef', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '11afff41dd4a7948c148a91b3f6aadf7b2fd3539' }, h("div", { key: '224d2f63d072ccb306df12c62505ab33a68e4504', class: className }, h("input", { key: '5ec5c0491274b558b3cbbf41ad0ef2f9da33041b', "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: 'c9a1f1f4cfc8fd3fb22a815f57b261656b196418', swirlPopover: this.pickerId }, h("button", { key: '0c57bb61295e4a41b8e630f2c89e9ce8ba407f64', "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: 'ad9454e52a7857ef8d2dad9926e56b5ff9675223', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'f505804f4c8cdd8d91624ad6d864b3349fbb820d', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f978fe83dfcebea9865473314c63ba4fa949098a', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '6b6529c04b552bbf06f29fd0aa2b17aa9b03b2b2', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '8279834c7b7ba9e6d161bc2d0a21e4fc5e933ea4', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '0af2a6c8dda121892cccad7ea7c28953f905af49', 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

@@ -157,11 +157,11 @@ export class SwirlConsoleLayout {
             "console-layout--main-scrolled-to-top": this.contentScrollState.scrolledToTop,
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
         });
-        return (h(Host, { key: 'b3ef80cdb42c4fce7ac3a717100dddfad186c32b' }, h("div", { key: '62b19ea2e6a656d490f0770b98a6b752a55a570b', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'db1f75fd30733e512214e15f4b26a2a3cacf36a8', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '039f15bd92194ccc337551dd0724cc8189485cf3', class: "console-layout__header" }, h("div", { key: 'ece1f49939e39e0cc043556cb94f1654f61b8035', class: "console-layout__logo" }, h("svg", { key: '67881170e60d0bd0bc9437af13bddaf7d0328076', 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: 'd75f3c2176c1772f839a30b5aa3fd68a6966fb19', 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: '099b5f94df4688bdb48a12927cf3c71d3b208f36', 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: '0dfd623bea11168f41898f22025fdc7b9fac1316', 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: 'fb492c2455e67fe229fe23811dc424d536f537a0', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '9318d2ce556e7db74520d33b6f1f4e2310ea72a1', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '668e4495501473c5f8872711a972abbda24407ea', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '81d7f3f1bfdb264ea37b183d4f311405db8eea43', name: "navigation" })), h("div", { key: '13effdcd10da2f588fac241ad7e9110c7e74801b', class: "console-layout__user" }, h("slot", { key: '59d933f6e0867559d68f54166f3f9764a9c63bd7', name: "user" }))), h("main", { key: '1070ca1e540daa834a6b5934d5ccc5e74b82a70c', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '560cd5cf2d7af584699a092a305f5f7d4fd2765f', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'e9cda793e02051f0b5c08a2b71cfffe40c343d1a', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '9e562fdfb5c00c9e47a31c32a0bd6d86ebe171c6', class: "console-layout__app-bar" }, h("span", { key: 'c0e523db2ebb54694dfe085c908b1f16bb2446b7', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'facc935ce87b3a48a5a0864e57c24e760f2ef9f3', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'e0982ef1c6673239076b6fb2e4109955f9140c6d' }, h("div", { key: '3a9d17422c619bfb4bbe042c2bc85300b7f94e04', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '39807c1440bcee82e102368950d17a40047ed00e', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'f1c424be5583f77202f193b618fafc7dca5136a4', class: "console-layout__header" }, h("div", { key: 'd6437c395526b5fa2035f336f1a113c293ddc569', class: "console-layout__logo" }, h("svg", { key: '610f516b9d2832490e7ad50a44288d0edf528f99', 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: 'e1c57d16932e450b94ccaa104040239a061f0126', 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: '66f909682ccfd611bd51306b716199e66aad720c', 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: '7290322fd33d8368d31bd8756aebcccb6f232cd1', 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: 'c96ceba1401831d510f5c3d9cc1db56ea770a493', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'a947fa87292668aec8e4c09b124934a761db5830', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'b23e35155922e38fab0c128684f369b425fde2fa', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '7e158bdb7f169d313eb433ee29841730ec234e3b', name: "navigation" })), h("div", { key: 'd631c5d647fc86091ac0357d0849115bda794a7f', class: "console-layout__user" }, h("slot", { key: '1e3205d895e83cda1a31156a9c24d5f41902fca1', name: "user" }))), h("main", { key: 'a4d77c27a16e3416e22abd559840b53923263f55', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'a6f93541bbbe596fa15fb7582d40345ea1982e93', class: "console-layout__app-bar console-layout__app-bar--custom" }, h("slot", { key: 'ec570123c2412699c95be7a140339c8a70125768', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), h("header", { key: '60f3add9684a0acb0b8f9ab3c1921b6ad50b4185', class: "console-layout__app-bar" }, h("span", { key: 'd82ce859d12bc45cc5cfa0b5bf28073f1172fc9b', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '64f7ce37f09a9927af3edcd770401ef0030b3299', 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: 'aef154152693fcc5e8ebf87fcd65c672c3f09df1', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '5d4cef7055da88d0a5ee714b66a55df7479c5257', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '07bd89d408f0c31a54e41af43f1c7011874c1f87', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '034ac139ab9db03f85b981d99c8460ff66f20cb3', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: 'a23bd2d50c89591ab0866e6879af30cd3c516f34', class: "console-layout__content-container" }, h("header", { key: '020e4fb160d85df02f787570f55ee9aa22f05597', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: 'aa87631266cd53d188b6092c1bcab6c105a55c6a', 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: '2c16a98bf702d29a10b09dd619f536be98d83d2d', class: "console-layout__heading-container" }, h("swirl-heading", { key: '7d50ae02e49ad7593f18dc350999d5cb6c43cae7', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'e50b5e2bbdad7b5fd9ac353b1bd52e19306740ad', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '823833f49a24fea48f4c826e6c0e53dfc854a026', class: "console-layout__heading-container" }, h("slot", { key: '306decbfba6b29de3a4ab23635745a19950d99a3', name: "heading" }))), h("div", { key: '3a3b6555d5d09191913eca4ebb25da4f81478eee', class: "console-layout__content-header-tools" }, h("slot", { key: '49fd8de80bdec3b59a2204fded4b5a218ebb85e1', name: "content-header-tools" }))), h("div", { key: '2f90c13fbca1d30cefe36c435a78b650e5edf319', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '41121fe5b93009c6f51fe0829f45dffdc12811cd', name: "content" })))), h("footer", { key: '9f0acbfcca2b10435f9c7c16750a48a96d7d3ccf', class: "console-layout__footer" }, h("slot", { key: '271614a88a7e645148a4b3c84b5dc0c8cdf8767e', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '5cebe84de96ce72a839939e1cdf7256f8b3d6910', class: "console-layout__overlays" }, h("slot", { key: 'a1fe1be42259a8fc517ba54fd77b9ad59be9db27', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '71e7bcc36b5dd43fa94b18a648d376e759eb15a2', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '86b797e518d80dd3f82e2e0a1e84b62a0eeaa875', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'afcb6141d50f5843e005d9dcc7f366dfd49dc697', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'b01b9c1dab5ab7fff6d26ff4088ea95f5146be12', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, h("div", { key: '3e5ace98ae2149bde88e8199c2b637fea5711173', class: "console-layout__content-container" }, h("header", { key: 'c5fff9f08469ec07d8a8b2b30cb3b91a4f25be35', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (h("swirl-button", { key: '5c36e749b8ee9e71c565cd4bf7bd536a076552a3', 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: '19ebe1bd6bb70488496ce02063247116aa61d1c2', class: "console-layout__heading-container" }, h("swirl-heading", { key: '3e84682353d4d0a0f48fe8fd906693bb780f9fa7', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '7ebb00dde91b7a7f8f5d81ae5d73660627576567', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'd879930e38a9f6e6859d25627604cd15e049c13c', class: "console-layout__heading-container" }, h("slot", { key: '31b93da5f6ea162f56f65e8b3587e9571423c390', name: "heading" }))), h("div", { key: '14bfe6ad96716382fe52bdf8d30277869c84616d', class: "console-layout__content-header-tools" }, h("slot", { key: '3958ab7d885910523df02871fdff5316b41a183b', name: "content-header-tools" }))), h("div", { key: '5c3cc7b8ba6f7f1170419958b925aaff943c69b0', class: "console-layout__integration", style: contentStyles }, h("slot", { key: '2c1e15c7cea9f3a45ce18558ee19cc8d30bc91f6', name: "content" })))), h("footer", { key: '1bb168120b31a7e8ac0ff0372e1151856647089a', class: "console-layout__footer" }, h("slot", { key: '024140ae1f3e7d7db554711903983ec28dfb7236', name: "footer", onSlotchange: this.updateFooterStatus })), h("div", { key: '1ad90c5d989a59a9639d09ab599d6d77a310569e', class: "console-layout__overlays" }, h("slot", { key: 'd9f8462bb8098099a2d18f7713b9e62e6be7057b', name: "overlays" }))))));
     }
     static get is() { return "swirl-console-layout"; }
     static get encapsulation() { return "shadow"; }