npm - @getflip/swirl-components - Versions diffs - 0.341.1 → 0.342.0 - Mend

@getflip/swirl-components 0.341.1 → 0.342.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 (1885) hide show

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

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

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

@@ -13,7 +13,7 @@ const SwirlSymbolYoutube$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolY
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'ad00ff8dfeeb9eddaed9504c5208465ddb8df247', 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: 'e524f3d837826826ab03ab867c93561c43b0cead' }, h("path", { key: 'de50dd7d31558527af56da6651612a0a25ec70f1', 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: 'da4cd7d20634bde26911155032929e55e7ea031d', 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: '38774f062fc10be55ce4b7eec88fe2da1cdf4638' }, h("path", { key: '83e78e86e37d60b5788dbfb251a3f6cdb1c69f90', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-youtube", {

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

@@ -11,7 +11,7 @@ const SwirlHeading = /*@__PURE__*/ proxyCustomElement(class SwirlHeading extends
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (h(Host, { key: '5c55285ed6171feec1ffb731d77d6a37699f266d' }, h(Tag, { key: '991c8d9c9a41129a64b0031878ae963d364d5c8c', size: this.size })));
+        return (h(Host, { key: '0353c953005b850b47d34bdcdda57dd2936dd705' }, h(Tag, { key: 'd524a5afd94159002613efe95507de5914ab5e44', size: this.size })));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol", {

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

@@ -62,7 +62,7 @@ const SwirlTabBar = /*@__PURE__*/ proxyCustomElement(class SwirlTabBar extends H
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: '9ab147f16c16f36d571bcfc6258d5acb7d5505d4' }, h("div", { key: '9721897323cd2e28fec15c42c86c9f698ab598b9', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: '45b101100af0dabcd305f1f5f2606dc24a320690' }, h("div", { key: 'c761e35347cc5102c194eeb4253723afbbb79a75', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = classNames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

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

@@ -12,7 +12,7 @@ const SwirlTab$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTab extends HTMLE
     }
     render() {
         const className = classNames("tab", { "tab--active": this.active });
-        return (h(Host, { key: '8521eb8e2241a7fb14c2a5a540f08186df6335b8', "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: 'e533310dd2b128b166e100d5bbc8b7cb9ccec4de' })));
+        return (h(Host, { key: 'cfcefb1ee71d22bf262de0c636ade0611412986c', "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: '7cf4c8a100b84b05d077410873a3023c850a5b69' })));
     }
     static get style() { return swirlTabCss; }
 }, [1, "swirl-tab", {

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

@@ -9,7 +9,7 @@ const SwirlTableCell$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableCell e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'e668467f6155797ba0bcc47933a61c8285645b40', class: "table-cell", role: "cell" }, h("slot", { key: '2b073d62c8d05e54bb06d7d3b30864147f9db8a2' })));
+        return (h(Host, { key: 'a5ee7ebdb2a1732372df55ed53b177468d6e17db', class: "table-cell", role: "cell" }, h("slot", { key: 'f21a87def14d42a47eca3f61523060660e630e23' })));
     }
     static get style() { return swirlTableCellCss; }
 }, [1, "swirl-table-cell"]);

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

@@ -22,7 +22,7 @@ const SwirlTableColumn$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableColu
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: '535eb8f8c641e09d080116d11bb81aec5d1e29c8', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '79cfc8810a21565c593c80b0f7f9f99bd7db0954' }, h("slot", { key: 'd2055dc8f7dffe75594777b43cd5ab1e8745fd8b' })), this.sortable && (h("span", { key: 'a6afca54796dd42690de22a333ab26d103a9d389', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: 'd130c4584adc2126656960bee8cdd7193a83269b', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '25282dc68ee020914cdc008cddb198c3f1bcbc69', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '76495bdf3456348b5cf484456ea83cce7f1e7f57', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '316eb18d2ea6f5d3128cb5b49d40750dfc64d5d5' }, h("slot", { key: 'ae2299c401dc08ecff58624aaa549ab83187f1af' })), this.sortable && (h("span", { key: 'eb29c13a74c51b0d372502d1756d01db95e480fb', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: 'cf239d54ec61559451982e249c9f91b0e3a10f90', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '051be9b5e09c2deed248b3212c4e5d94c6096e2b', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return this; }
     static get style() { return swirlTableColumnCss; }

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

@@ -44,10 +44,10 @@ const SwirlTableRowGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRo
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: '2df2e0a4d3398806765199d1b4ee05a2a733e856', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'da709f7f18f86c374edee6b5b8b23ec2e3b12f6f', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '69763539f49291b5b0a568744386b4acdc221bee', 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: 'f9945e04d9d0dc0789ac4732084d3cb6806eb827', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '6b9f336fbf7016fb02df76389e355bb0fe28f172', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'c52b36be95b873ad3c18369a03557394a622f33e', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'db164deccbe9bb63e877696d85da59d6aa1b6976', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '2a67522517229c2641ec280b038a14aceb877d4e', class: {
+        return (h(Host, { key: '0a48f82c84a9e57215b580502a781077ad4d2807', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'd1aebfdd35df1b9bd2c158e27187e3f2e835899e', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '2b2bdedfb3b6fc23fa550dab0036d8abf9b760df', 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: '9343cee35ae131681acd85cf7f22ea55f3991dad', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'b77b57310e52a8bb5ca44ea91d88cbe63ef11a9d', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '77387a747dd7ceb38e3c1154b878fbaf25e216a2', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'ca4d50de3d47a2a9a9d06c38c01482463ecb2e99', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '29e4730587e4352d9664c8d935324b91fb7ce69c', 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: '2d0d3ff8657976ccc7f1fc56efa5e2d72b247d49' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: 'e14a618973699bd57b71068f63e80fc1c020bcf1' }))));
     }
     get el() { return this; }
     static get style() { return swirlTableRowGroupCss; }

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

@@ -18,7 +18,7 @@ const SwirlTableRow$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRow ext
         const className = classNames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: '6d68a1c9335af7981b5085df39f2a723fcfb4a48', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '5ee31918b9973d95103d95c19c2515841dfd000c' })));
+        return (h(Host, { key: '48c812f4b961c65ec4ab29f97be7d8988b2c50ac', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '9ce58a93181339aba20506f9f76d8799e9ff50af' })));
     }
     get el() { return this; }
     static get style() { return swirlTableRowCss; }

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

@@ -543,7 +543,7 @@ const SwirlTable$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTable extends H
         const className = classNames("table", {
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: '6ac7943bed99ed6dee6b23279be8b1f62dfe8e67' }, h("div", { key: '82ca365e14c36629fcbd0221e0da8e59b073d676', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '987b960eccd844f9126d12eda6491ed20e401802' }, h("span", { key: '63a94363be802c91bb216942a8181e408144a3bc', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: 'b8c5c587032a6f60102d8a9d2081afe5d5c031e2', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: 'def66679842180515d74c1c823824649a2f54feb', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'ec4799f7ba6378597407e34eaa54b941b2f08026' }, h("div", { key: 'fd01bce61ec23017550047f6ae7883045358c397', id: "caption" }, this.caption))), h("div", { key: 'bec37516e678e60867e9d3d3e41303b9356ece8f', role: "rowgroup" }, h("div", { key: '8b81ce54bfaf2ad3152e27cf69ed8734b855105c', class: "table__header", role: "row" }, h("slot", { key: 'f644cbc6793dfa040d58db5ee92eae3492a7b4bd', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: 'a5a6e780561cba1146741dc4e3c3559d61672fb4', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '870b5ff3c5a35a3cd7edc9e83043bc5134fb6472', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'e32257ee7037ea873d234500e2c1ae71c1b7e9bd', class: "table__empty-row", role: "row" }, h("div", { key: '2209b3bc8b213d97e1464d1af103d8e1ed24f4b1', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'a30ce46a5abe8781812970089bb1fafeaeb042d3', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '21e04abde388d147ed56c1445b16047f955b03ea' }, h("div", { key: '42d6c1de4e2ea4526f0de3ca7273fffcbee69275', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '3ac89e7a8acf5b018eb04daa9ebf954650c35bfe' }, h("span", { key: 'df86027ddeb2bff6ea14d3dc79d18b5b8e9a6141', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '0cc22d0353fde2904244ea9e68e936c756774a7a', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: 'cbffaa62993ef94c81c4851ed0c9ffd0cbd07828', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '0badaa89abb5152555ac6a268141172bc4f0005f' }, h("div", { key: '63af3e64092ced0cb51f351ba21cd4989e29de2b', id: "caption" }, this.caption))), h("div", { key: '2aee2dcf8961f97efa0a5786c0a4c089c3baf316', role: "rowgroup" }, h("div", { key: 'f09bda45e11e1cd5b012b464cc42a14e88494ca2', class: "table__header", role: "row" }, h("slot", { key: 'ae7557ed4b154e13277d0e800a8768e7cf851596', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '40d9fc785daffde2da8fd4a32a91bbe05015b4a8', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: 'db7f66365097ef5d3fbe08154eb00a99783bc93f', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'bf421c60cbf33505c97cc012cbc3562834b553a0', class: "table__empty-row", role: "row" }, h("div", { key: 'a011ebbb267c805808f0d0b7369bdb484d34212f', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: '566369471b3b38bb687c7972e43b7b2f74b21a54', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -77,7 +77,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        return (h(Host, { key: '985b576d92f8c2ad0cd56cfdae08ccef50d225ae' }, h("div", { key: '91a5fd20b2018d08a4259ccc9c5f2c3ad38b6c25', class: "tabs" }, h("swirl-tab-bar", { key: '929c8f8246a84f0e96f6e3dc81be05770ed41585', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'a53f0291ab3649493917c4983d246cb7821993c6' })));
+        return (h(Host, { key: '9623c8647e5180bc5d3c370728a562bcd3eba0e9' }, h("div", { key: '5d7ce77e2ea6bc49bfd6aa0c036908a3c386b576', class: "tabs" }, h("swirl-tab-bar", { key: 'afa879612a55e6f3fc1713e7fe93ea043a0abef6', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'd9a6546731aaa83123d2c20bd466af19d7f93386' })));
     }
     get el() { return this; }
     static get style() { return swirlTabsCss; }

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

@@ -40,7 +40,7 @@ const SwirlTag = /*@__PURE__*/ proxyCustomElement(class SwirlTag extends HTMLEle
     }
     render() {
         const className = classNames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: 'd935838061914acee796acbc26839417eec2f7a4' }, h("span", { key: 'a228aaf477d802804cec5d399cebbe5d52de66e7', class: className, part: "tag" }, this.icon && (h("span", { key: 'e9f8e478e81885c684d23e85dc337cb53fc53acd', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '7ef2bc52290833984fa3942aac8ef45dc6580193', class: "tag__label" }, this.label), this.removable && (h("button", { key: '37c73aeb61dc7353fb80428834bd57d5df7d71b2', "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: '56814e02338864126d1d0bd049fccd6ffe64756f', size: 16 }))))));
+        return (h(Host, { key: '9b57bbbdbe8a4cb1592214b1f9e2d585f6b3b81f' }, h("span", { key: '6c1673b6124ca2600655e47d8949bc168255a9fc', class: className, part: "tag" }, this.icon && (h("span", { key: '24b95d49382f0d02a8111f5cca543f7b9a087c12', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '9e2287824b70677ca1abe1276bc080a1c2ec8789', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'ccd1f906738257aac0d90d1d19ecfed5fa9f7329', "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: '2db698d8a8eadf031ac4f6eaf12d8ff09dee3143', size: 16 }))))));
     }
     get el() { return this; }
     static get style() { return swirlTagCss; }

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

@@ -987,7 +987,7 @@ const SwirlText = /*@__PURE__*/ proxyCustomElement(class SwirlText extends HTMLE
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '02ebd4d3457d906cf717fe7eac978566d35cf19e' }, h(Tag, { key: '105cf1a41d3f2b281b42603abce0ab06cc4c8bb1', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '8885f733ac20972898543cb2340a74f077aa1542' }))));
+        return (h(Host, { key: '276b21dc5eb8e517fd3d4afef881762df9f87347' }, h(Tag, { key: '198d07976dbfe3a6f19eb80d733d7fc0dfad9073', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'cc2b27ae768a9ece64a4e3426b9b461b94dbdab8' }))));
     }
     get el() { return this; }
     static get style() { return swirlTextCss; }

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

@@ -151,7 +151,7 @@ const SwirlThemeProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlThemePr
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'c22d47958bffaead8a397106da038718a536d2d8' }, h("slot", { key: '463c59047203c89afcf8cf86992fd797616d8c13' })));
+        return (h(Host, { key: '6c6c11bb3f9ba7d6bcf4ca50e3196665d7fd7809' }, h("slot", { key: '5cd28f14bd3565662d9cd6321e61712e0f8e346e' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -35,7 +35,7 @@ const SwirlThumbnail = /*@__PURE__*/ proxyCustomElement(class SwirlThumbnail ext
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '85cb68f343bd074f336d2aa2d4ddafc34fdea77b' }, h("span", { key: '24f56545d1418b359f134197710c953ff2e449f4', class: className, role: "group" }, h(ImageWrapper, { key: '73ddf41e64a4c01925e9b4e74089df71c9a21a63', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'fe5cee2fdc63c8720addc2acf253756da32dd4f6', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'c986eba3cd1976b59f0d43cf05de5ab92757cc20', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'cbbd3bd2eb967b49a1b84578beac46a11b7e40eb', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '1617dbdde95c62b5f8784f8e9d64d0a4f23dcaab', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'c2acb3261cce290e9d9a978b9fb4f7192edcfdfd' }, h("swirl-button", { key: 'f52e90d7a54b3b0ff0e4c0a2279e18a0dc5b61a2', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '733b5bc488d7f21b26ab6e479feb7a2becc77854' }, h("swirl-button", { key: '4b5bbb30f1d33784f71aadc9e1c9fdc603328f54', hideLabel: true, icon: "<swirl-icon-delete></swirl-icon-delete>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '7196bd07659d1960c182898ad1c2b103b7cd3d51', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '2dac4bcf25dd965fbf7f1c98251ea858fa10506e' }, h("span", { key: 'fa9c096a805da8ca5e4ec899811dc052a207d0e5', class: className, role: "group" }, h(ImageWrapper, { key: '8e6544c4065ca73879beb8491125ed744b8a28fc', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'a675a8b5e2aa745f870e6bfa5f049850af971daf', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '739dc75669fc17e302c3b0a14af94593c3ab2431', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'efb07ec6870729c99b42f093499c6dc6910e3bb1', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '64767b51328f94cc7bf0fab490f3d022c457df78', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'fc25fbc72d346601040056f154ec118488ad98c3' }, h("swirl-button", { key: '620ad82ab8baac110b894b7264067b2357e4c962', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'fd3bb615614df0b875003a27a289808590f85a3e' }, h("swirl-button", { key: '4a0d1d6871ea19a2bca7408805ed2cf0c1fb06a7', hideLabel: true, icon: "<swirl-icon-delete></swirl-icon-delete>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: 'f6d77eaa804f33119ce444c186c3b147246b425b', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get style() { return swirlThumbnailCss; }
 }, [1, "swirl-thumbnail", {

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

@@ -142,7 +142,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
         const className = classNames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: '8947322735a4ce58217aff86dcc3b5132905b82a' }, h("div", { key: '1368952e9638f3337d3b67b3ce6a22ce9c736dfd', class: className }, h("input", { key: '23299e8dce3200618853f2bc319fdfc741f215e1', "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" }), h("span", { key: 'd793539f7f1b7027a97d02649f1f89a5251ceb33', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '3fe2d103178eb908b82fa0fed4918253de760618', size: this.iconSize })))));
+        return (h(Host, { key: 'f80e64e9a088352fcd34f68b4ea166e77ddfd63c' }, h("div", { key: '72a3a519ca7b87a3377bd4ca48b8df554a7fb179', class: className }, h("input", { key: 'b3ed72aa280415fc2acc9da30f77a0690427e112', "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" }), h("span", { key: '192be07868daacc20dfe30f97d4e642a88f2cbe3', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '9c7737f4dd0f86dbe489467fa97599bbb952b8a1', size: this.iconSize })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -55,7 +55,7 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToastPr
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: '340f08d78ec9bdfc9385d0f936dc939d0e9af5e3', role: "status" }, h("swirl-stack", { key: '9195c9bcf7968755d17efec31b22ac9448710757', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'b9251a6666040339629560ea31d1e1605ef576ec', role: "status" }, h("swirl-stack", { key: '88ce7774cc76eb658d5df270b71ee7829e525a7b', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

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

@@ -54,7 +54,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class SwirlToast extends HTM
     }
     render() {
         const className = classNames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: '28d7e9b4880ba7d10cb4556896068f9953c84598' }, h("div", { key: '9e622ea4c91438b154decd9130eaaa5fee3a67ad', class: className }, this.icon && (h("span", { key: '5d78d3b7308aa64ce6497c4371a5f3faae73e0eb', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'e632aedeaa4587112e365bd6e07ee16e13fcfc8b', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '13452b81c0caad1453bcf4b74d04c8fd7c758123' })), h("button", { key: '8ebe04383e3e41914ec51552478e65c5d5d091c5', "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: '635d3dcba82fbbeb1c7f5802c0bdeb403099d47d', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '2d4b68cbbdf8aaff245ea797c8b9c26440d023aa' }, h("div", { key: 'fcde9c6c80a193439a3b7ba98a876d3e7a49cd9c', class: className }, this.icon && (h("span", { key: '3d685b9a24567e0f467f3c0f3571971de914811c', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'faa8044dd5898711d3b6decd35ad04071b9e2cf5', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '979d6f175de3412948215b26323b7ef8085486fd' })), h("button", { key: '2d6e4edf2282cb0706781fb2be4088fba1462d88', "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: 'ddbe6c75f32af598083000547731c96b45bed9e3', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -18,7 +18,7 @@ const SwirlToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleBu
         const classNames$1 = classNames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: 'dcb91b8065b7410ce664beea17ebfc0d5d945823', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '18abbd60dc948266a17d03ba3e8ae1f979609c85', class: "button__icon", glyph: this.icon })), h("span", { key: 'b4cfa80623fe9a9ffea4ad1e1625bdde5d54972f', class: "button__label" }, this.label)));
+        return (h("button", { key: '926b22f035af84c2300305d1a72ec6e85731ceef', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '5bc19f1f9b7f8143c783fd0c248481c45d76fca8', class: "button__icon", glyph: this.icon })), h("span", { key: '8c11447d58a8e271e1ba7e815c6668a93527a64d', class: "button__label" }, this.label)));
     }
     static get style() { return swirlToggleButtonCss; }
 }, [1, "swirl-toggle-button", {

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

@@ -63,7 +63,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
         const className = classNames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (h("swirl-stack", { key: 'd2dbbfaaa342841f0258201bf0bb79754c447674', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '1b27cec315a21a909807e8573cbbd8e68bea59a4', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '1336e6afe326855117371796717b192b6feae03c', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '06a8f3227d4ceaced08dce8833060f8884e8f3ed', onSlotchange: this.onSlotChange })));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -72,7 +72,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
         });
     }
     render() {
-        return (h(Host, { key: '2d018723df0504d079bd06f5ab0ea2e3bfc52704' }, h("swirl-stack", { key: '4f351ced517b008f1c14941899f0c58810ad0b41', 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: 'c545dc86146c60eb2233c7796f1349a8c4cddcbf' }))));
+        return (h(Host, { key: 'f32d5adcf9bdee0346d94c9750c83f337319cb5f' }, h("swirl-stack", { key: 'c869e7574e4b7f52aed15a216e03683c734cc5b8', 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: '45b024a3963d2d473b2a859c1cf035457d5800b2' }))));
     }
     get el() { return this; }
     static get style() { return swirlToolbarCss; }

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

@@ -113,7 +113,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: '2e2b0769cda7d3b2a487e53280462e87911b09be', onKeydown: this.onKeydown }, h("span", { key: 'dd2a661f6e7f53a41b3290e1f4c5cedaede64b01', class: className }, h("span", { key: '56568d36c50527a52a2cb259178bed3d9008b3c5', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'f0bfd967d1fc6030035b7ca279a6b019574fb085' })), h("span", { key: 'f6752d00eae43720da5e3bb3d24a43da5c3beb97', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '5b565c574e408811ac5da51851f490cac98e94b7', onKeydown: this.onKeydown }, h("span", { key: '3344e1c1283e902fc1ff26b7a66ee72eae47321a', class: className }, h("span", { key: '7ede905a8cf59b8b1d1e649aa285edc843052672', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '3b224e30be526d1c6ebcefb536662bdba3a60f6b' })), h("span", { key: '4b3567ba85d51a75d654339c83d3c8a2b3a27dae', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -121,7 +121,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: '294d14c42e440f610995556549910d523b6e5e80', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '919a56098c755285a7f37f70901e6d090b5539df', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '8e0e4598f23c6e812c84831ba76d680f67e69775', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '1ee77407f48ca1fbb5e327cde6fe60a375b77fdf', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '93a6acbe39a95f1452ae65ade40b769c7c55dc93', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'a861ada0df72838460e1e831e7a404d176f0a5e3', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -93,12 +93,12 @@ const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTr
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '14a9d9b4d18973816f6cd769b5f87e6788f4d958', role: "none" }, h("li", { key: '1ea6350cb9ba7534f6ef1b106b79183837def59d', class: {
+        return (h(Host, { key: 'a1639fec826557aa9d85ff8d2aed7af1db3d2c0e', role: "none" }, h("li", { key: '30c80790902d582c1fe82c81b1f91b6be305b006', 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: 'fdf7c529e51da4b0eb1394a07aa9935094384e47', 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: '8bfa0e35654d3469c00f5bf7c8c7ef0f239f8236', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'd4f44e6083bd22e6ca10ca0378ac4cc81033b326', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '05206351464f7e70c81cb021e4357657dbcdb1ae', class: "tree-navigation-item__label" }, h("span", { key: '4903f93d0c55b6b9100dd77145ef5f4f5c5e9cdd', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'b593ed9e69e721eda36e0973dd53a802dc2b4201', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '2b02c25bfbad73545de638cd2adda814d9078ee2', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'e6bbe0ec04116cf135c2b5827a4351870418b0c1', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '2688b335a60b080de6be0804e9b058ad580e0f5d', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '67888ca1bebbea164aee655c2027784df92a782f', 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: '4018c112ccce0f853c3c3dba42bec9ea9d485fad', 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: 'b9f1d3da47f67ea980a08b86fd8b9b5860b6eae8', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'c648393c6f89bfb61bf9ba21911c0f186abb10ae', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'a09001858166f48f0f0314d6f5eda2d29153d5de', class: "tree-navigation-item__label" }, h("span", { key: 'cf46c9d0568aee5d97aa83b512b98e67adab8741', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '0ff8187bb8b5a0807aa0c15136a3a88067c53814', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '567ddc6d706f5b037f4f5cff7b71fbd1ff7c7665', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '96974d241d08dc2c1ab44688dc16f228110a0625', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '3f4f141e60c1d90097014ac5e4945ee4533c6198', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'bce9f1c6cebaa5bd364c03fd9904be4adea4b8c0', 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: '2c99501233d1f53379d670a8f0f9aa19dd306362' }))))));
+            } }, h("slot", { key: 'db2ada117cdb1e1928b217a9009e5ec6b3c91ce3' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const SwirlTreeNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeNa
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '3d113bc1e0a1c5514f26628ff0ddfb67e8da18b1' }, h("ul", { key: '61966584175f5eacaa1474ab34cfee66f8f0903a', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '90d3d262e82e9328327bc74f1f63ec2ec2e00177' }))));
+        return (h(Host, { key: 'cf315e2ccd045748bd43b9d3a5fc7ec25d202b12' }, h("ul", { key: '54a6cac05f4267de8012fd9bfdde0f14561b681e', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '004d52faf878d9e5cf2a080a703a2bb444b86b59' }))));
     }
     static get style() { return swirlTreeNavigationCss; }
 }, [1, "swirl-tree-navigation", {

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

@@ -326,13 +326,13 @@ const SwirlTreeViewItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '1a2600fa0a2ccca5d1a5c76edf8aa72e3dc60e45', id: this.itemId, role: "none" }, h("li", { key: '673da11494e872b67d34d2d1bfaaccba1c7b7c8b', class: className, role: "none" }, h("a", { key: 'a3efffb6797eb7b081747b1b4701624d42f2c255', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '17db5b066a5ab0037cee0e941acf9a69588097b5', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '33504ad1b4754a0c7ffd1680b8e8d365477ac29f', size: 20 }))), this.expandable && (h("span", { key: '8bfca3ed7853b2117a58cc27542e8c73fba74c6b', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '5178f914c6cc1205862e0da847a6c3d2a57c74aa' }, 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: 'b52614962964bbea2c8c0a50ba6f71819f94643c' }, h("span", { key: '7b34fcbfd2cc25da5ac9e4b46e45c020db82a0dd', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'fa06ec0ecdfeec7c88541e790ef44db5731a8b1d', class: "tree-view-item__label" }, this.label), h("span", { key: 'aaaa08fd63a644423b088807ff6a3d1551e11d78', class: "tree-view-item__tags" }, h("slot", { key: 'e92aac2ae69cb04d310814dea55425f1d6676b43', name: "tags" }))), h("ul", { key: '251a76277ba33f11e79b23101ddb3edb58888609', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: 'e407aad02c536ae6f3bf0adc999f4d6cef4deeb4', id: this.itemId, role: "none" }, h("li", { key: '30cad8635d5770373be5347ccd7b2c00ba99a6ff', class: className, role: "none" }, h("a", { key: 'ec8628de981fbc8246abdd5e7503abd6762f7b43', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '1e556ae354352718c83db374555cffef2906aec2', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'b8083166676ee2bd38b45727c984bdbaabb442cc', size: 20 }))), this.expandable && (h("span", { key: 'e90c1603518c56135cf3e9b1b04323947045d62e', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'ec6c9d66674cc67d40945c2424bb4549629032eb' }, 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: 'e2399828aa48599248340f33bbf743934bcaaa6d' }, h("span", { key: '571b89b1766fd79ea0041d6d67d8b818c2186c21', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '915cfff5478e90ce13dde92cc57383e9ba1e3a82', class: "tree-view-item__label" }, this.label), h("span", { key: 'cafd19fe2bb21141713d946543b17e2a8e3af7c1', class: "tree-view-item__tags" }, h("slot", { key: '59e8d26054053902bdb83ac0f0431392a1822f81', name: "tags" }))), h("ul", { key: '19ba4fd45f7d38c886e69eb7e616d9c43e064163', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: 'cf74c05309bb5fef029ad92f2178ab96d3fdcd91' })))));
+            } }, h("slot", { key: '2e074013de5942bf92e445581ceb4f9f94e041b7' })))));
     }
     get el() { return this; }
     static get style() { return swirlTreeViewItemCss; }

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

@@ -322,7 +322,7 @@ const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView ext
         }
     }
     render() {
-        return (h(Host, { key: '8b347cabbed02c8b2713923e15693615ab652e10' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '2fa4176af9f97b7519445c07e4101ebbb0469c1f' }, h("span", { key: '4120c0f8ce3ce183089ddedb734e4cb66b456bc7', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'ff2f4d3f450c26152adbcb3429953ebd0d3b5b0a', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'a4e9fd3f954b3a174964af4f666e14311a6e9aaa', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '5841450ebd499f6290eb090acd17d96bedcf7b77' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '6b77f266f22f83839ce83bc5005ba751b2b3708d' }, h("span", { key: '0efedd79e4bcd8b0c9b1583ee9fcb5e55a5687a7', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '715055e1da350a03543c9ea843daefc89df380c4', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '254bb98cde4a2f28af6d018928a487bf388adb3a', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -11,7 +11,7 @@ const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlVideoT
         this.durationLabel = "Duration";
     }
     render() {
-        return (h(Host, { key: '3f0cf357144d6fe192a8e675e08b57fde9c6985b' }, h("button", { key: 'a600d6983fd3e1ae34dcc1dc198e9eed0e6767ce', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '0fa225b04f06e5584fe019bb6d0732d465173213', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'a6a23e0c22ba4811a7301cb6b0690e2d20430dd1', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '6cfb46a7bc42035b759678588d5c26099274bc85' }, this.durationLabel), this.duration)), h("svg", { key: '1b3cc085e399aae71afa6c6ff80b47743a99de99', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '886efa448d138d470282412b503905dcc7f24c20', 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: '8a63b1d4ddaec0282b0d1c5210622b8cfd41b0f6' }, h("button", { key: 'f2a5d38613a5b9ff65768be7f6b0f81dca6ffd60', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '0f1b3c2e5428f401c78517150e15760cc4985afe', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'bf4d0e47bde0095600a79248093c87f39eec6ef9', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'd52b3d998b43279b19911195c0d7fc93167da198' }, this.durationLabel), this.duration)), h("svg", { key: '7498fcce9efd8097898a8c67c217ed1121d532a8', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e9312cd103732d5a7cd8f77ad8d678e2c07fc00b', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get style() { return swirlVideoThumbnailCss; }
 }, [1, "swirl-video-thumbnail", {

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

@@ -8,7 +8,7 @@ const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class SwirlVisually
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '8b847ff867b87887f44357a9741771a029afdbf8' }, h("slot", { key: '2e2d44be7dd5aa6c3c2c25bdf29f7a9310b6052c' })));
+        return (h(Host, { key: '648ab542fa9a5533d672e234f15efbf162c140b1' }, h("slot", { key: 'e31c46a632f2ea8997755def8dde3ab037cd1939' })));
     }
     static get style() { return swirlVisuallyHiddenCss; }
 }, [6, "swirl-visually-hidden"]);

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

@@ -55,7 +55,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '2c360716b06f343a2d91deb24bfd0fb9dd65122a' }, h("swirl-app-layout", { key: '207c638444c2851f34e339da65a57957ac48a77e', 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: 'f909b30f3b8e8212cb59e6d66037fc8bf49456ba', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'b6a13ec1739e7ebf5bf82eebc500d95955b9d553', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '5047e60638c8d31e1989a5b1eb24e15ddc00d131', label: "Sort items" })), h("swirl-stack", { key: 'a6752de749b7d0b5854cf73a9a90542c70282575', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '31e51b8a97eee4c893e6ae6128004155d2d70ab4' }, h("swirl-heading", { key: 'c3034bcec6d93f20c441a1b84793ae756d49525e', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'd357f573a885709fd915f8badda27f5a260398d5', 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: '24a65455fa8204670164ed325eb065811372fd5f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'ceda20300bea2db4e17c66ae53cdb5582e82f919', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '066661f9a6f0955d25362ac2a1e51810cd4135ec', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '410a561bfd2e5d07a09433a2f59daff8d8b524b5', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'ae2452ce5c0b946e5568e3667ef6035c1bd5496e', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'bcc9a7392d6ce7df3b5777f1a3b3da3e18955596', value: ["ascending"] }, h("swirl-option-list-item", { key: '02f34144896617108bca5110f7da8926ec0ff801', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '1b0d94b24267c383433b34a95a91968f1d15502c', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '6f74a7b436e97411841441a9f1b744d230b6e798', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '70b3c11eda020df2ef706010fee09eee2422c60c' }, h("swirl-app-layout", { key: 'f4acd92da871041770733fa6161acc0ea01baec3', 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: 'aef4fba043842208af2d14d2db86aaec7631b7ac', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'd73cc1aa3bdd7aa3e4f48d81839dff788a1883dd', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '11ba3c73cdeaaae8da9b387bae7ac48a7a321fbf', label: "Sort items" })), h("swirl-stack", { key: '276edaabc5ff2279a30c02482224d6d768ab60b9', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '78e4f6eb697891fb584e162216c1b13fadcabe03' }, h("swirl-heading", { key: 'a1e9d304c4071ec10a549dcd7af73eed855bd058', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'f8fc413a85a33376411d345959dd56f9096f2d9b', 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: '4c98aa2c3243433ee09582449cf4b7212755bccb', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'da87e599cea13122602e6ec123fb6b4d7cdc2cfa', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'a548b1d2759531d4d2a465be197fe3b67dfcd9f2', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '72a92d92627e965d924c449f1e2544972f9528ea', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'a70202bc13eac9d1541511dbf2216944f064d819', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '6ea1bf9f700112c86c24f590d8f0e593b2dd5dc1', value: ["ascending"] }, h("swirl-option-list-item", { key: 'ddf89b3b3f6a0b829bc1dd1723aa6c3d72f6cd1e', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '2d21cc8a18165ab47523d7bac2a0791a5f9e1cab', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '007a870c39baa5c2fa92e0d4bfb60809a7dd76fd', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };

package/dist/esm/index-DC8qzJZr.js CHANGED Viewed

@@ -494,6 +494,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-inventory-off.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-iphone':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-iphone.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-key':
                     return import(
                       /* webpackMode: "lazy" */