@getflip/swirl-components 0.358.0 → 0.359.0

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

@@ -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: '145d54b7b763b5f3e309958df7b4c2bb595433a2', class: "table-row-group", role: "rowgroup" }, h("div", { key: '8a207cdfa3a721962bec317c232e21fdf33997ee', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '794800ecc6c83effa8f4ed0eaaf2c8b41ca7a949', 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: 'ea931d43d4f8c0de58b4cdd17f7071a22be31ea4', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'be0abdeede0f01b6cb77c172c9db5ce4298b6109', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '6a531b446dd6a241e00f72a2c67f1a6e32cece69', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'd9e707d4e21f752bed0b19d7cdf0218a08d41f7a', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '78ebe074274e718448e857c1a64fca98fb77d719', class: {
+        return (h(Host, { key: '4ce64d74e48e5cee93bcb1a44edbb0d26b56311e', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'e1028318b0a511364782b73719a0d1eb4bd4b186', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'f883c887baa3c25094dae54cc2a2f1bd25463a8b', 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: 'affbb3ca2ab28ca4dd9085708cf9a4676267c97b', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'e92a7f17e89c35d6c55a1e4e338b2d8cc65ce23a', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '77bcfb65b33a7ab5a09048efd04e2fa880868954', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '3c3a38fa9c7798286297fc9889e68f61848b6b6e', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '64a73a95c1d3a82d9c32b9523662fe7b57cf19bb', 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: 'c22d6a69ed2190e06d5e7da735f338fc33131c50' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: 'fd3bd5e721200d95e7fc04bc4c40be773e3b26b8' }))));
     }
     get el() { return this; }
     static get style() { return swirlTableRowGroupCss; }

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

@@ -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: 'c01ec0764507dab0acd10f648ef9cb1e0a6e4908', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '6a23a2314396cbc7d2f483b519e2339a8f78de8a' })));
+        return (h(Host, { key: '3d9910346925cfc25e4ee6987de0a656277a603f', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'ff6c9d3ca81a83f8d622918315ace157b3dd2305' })));
     }
     get el() { return this; }
     static get style() { return swirlTableRowCss; }

package/dist/components/swirl-tabs.js

@@ -77,7 +77,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        return (h(Host, { key: 'dcabf9892465293d8df77b5b9619e5103fa07c80' }, h("div", { key: '70c6279257f3e152f4195232c0aecc027ab21488', class: "tabs" }, h("swirl-tab-bar", { key: 'd4d993dd340de077f8bb2b9434181619088d2bad', 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: 'ebe1fea5ba62d3095b8681c2801a26e26d45417c' })));
+        return (h(Host, { key: 'd6c9550d6735d2c0762d3951005864b148a0d7a4' }, h("div", { key: '3d02fd63c47a5ff9aa5844ac79d584a494bac697', class: "tabs" }, h("swirl-tab-bar", { key: 'db9b64b155cff36c834573459b8085fbc3430337', 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: 'c6213b6bd838529acd24f27886ade3011458d41b' })));
     }
     get el() { return this; }
     static get style() { return swirlTabsCss; }

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

@@ -151,7 +151,7 @@ const SwirlThemeProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlThemePr
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: '12e5cf4fe9ea1787041301de9f2cbfb0397a829d' }, h("slot", { key: 'cb13ee27abdc2c8d48c8312b71826a2bf1ad0313' })));
+        return (h(Host, { key: 'c1f28606ab604eebb6d25a6c06e9dc720e45a9c2' }, h("slot", { key: '2a7f457738e556bb4fdcf267e316ad5ce3926eae' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -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: 'e80924b798c2f9ac9e04a8ba5a801c9356fe0b21' }, h("div", { key: 'af775856c3f4074caadb2239c7c15df5b66b0065', class: className }, h("input", { key: 'a9bb1ed10ff8ce682fc6f0467bd7cef72423fca7', "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: '51ccda83952ec2a19b96a23b0e6f1d9ce9e15467', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'b9bb116cda8a8924d145f6522463486455bf5862', size: this.iconSize })))));
+        return (h(Host, { key: '679841009739ed4288e0136efd19a85e8706e443' }, h("div", { key: '4170ac9d75542f425ae00b588947fd4e308d2a14', class: className }, h("input", { key: '1469416e3c243dce795fb7660f4d958d91c97dbd', "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: '558d8940b2a4546b949eb8054821ba5df3a2720a', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'cf231e64f8703096b0c804927bc860718cadca9d', size: this.iconSize })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -18,7 +18,7 @@ const SwirlToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleBu
         const classNames$1 = classNames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '3a5a2b950415770f3183f2dbbdb777ccfe061035', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'a38ffb5debb02f6419c253335e1350689c8af4c6', class: "button__icon", glyph: this.icon })), h("span", { key: 'c9158b3f97b6c930c7edbbd48a0bc72b1bb7e2ca', class: "button__label" }, this.label)));
+        return (h("button", { key: '8c75ca1abdf805945cb0adc0f028081af9600ff6', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'b230f2255356cb86a1627ad082b79587bf242f1e', class: "button__icon", glyph: this.icon })), h("span", { key: 'c6ff06be2cad94f34abc1701c1bc8b2e9e902e16', class: "button__label" }, this.label)));
     }
     static get style() { return swirlToggleButtonCss; }
 }, [1, "swirl-toggle-button", {

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

@@ -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: '6d6141690655dcae3f90a9bc67fda420cd974996', role: "none" }, h("li", { key: '6325263b15c8536b852c7508e0a8a19d82c5a2d5', class: {
+        return (h(Host, { key: '8007450c0fc71aa017d7fd1f8b06cf0281ed0793', role: "none" }, h("li", { key: 'd098aa3d00c7b9dbbc0039bda3087635afffeb44', 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: '749ca2acee1a058e0b342030071abc6c259fe4a5', 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: '93df268dc172b0b00838e85dea0c235ca7d86ad3', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'ec4fef741b1fbfbffa4c5d635922d6df38837f3b', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '120231551a0a1f015c39308aa2e8792486e1ce6d', class: "tree-navigation-item__label" }, h("span", { key: 'bdd9a81596b8ed0b7e6e5f8066d938c0c4fe7483', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'aa39a7dea0a285f9c7c8cd2ed709f273c8c6c2fa', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '4f39f4c6338caf00f413ee2cb5e618fb5f93021c', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '300fcb5c2642610b8d1c04b55d7043a8c1202575', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '201575b99c2c08ab87a1a2aa27c5076c2536df37', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '5c40d688fe37047179975a66e6bde845e2407d62', 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: '082428508991af76e3937d2936794d984af5ae77', 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: 'a5543f3ad70c0d91c1e1f27f71eaf6dd30ee941c', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'f2b302cac8de9cfbec755428427a0e33dff852f7', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '272d10c74800010c75424769e52ae1f0ae83bcb0', class: "tree-navigation-item__label" }, h("span", { key: '08e0def9924e5741d394aac09c5c4bc336d8dad0', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '0c02aeacfc8b77272541f376bc6e4b3feb97f29a', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '295f2d7fa37eec390c02cdc8615ea0ba3e0a6837', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '80a02beb7b13057c13f2e3aadc7c0394cd548d62', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '2a8e7a680e99f536242c1bf319a658310459bcbd', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '30825c0c0d56d6e3b799943b27781ed4701f80fb', 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: 'bcc8a82765c5063cb555df01cbc29e49acf67c42' }))))));
+            } }, h("slot", { key: '9448c666763ac34c69aaa1055d9125b0d2e04daa' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const SwirlTreeNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeNa
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '44877acbe59200bdf5084b5a69a5502e27dc9b94' }, h("ul", { key: '1c034b09e3838599d2f5e127fb21cb8a3a96c853', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '7e0181ef64323009914053e933b5be373445706e' }))));
+        return (h(Host, { key: '8bf1344c02adb6cca0a7c57949fca5480f6022b6' }, h("ul", { key: '854b33ed4601860302dfa080662d0dc11e230419', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '492efdc3af34672ee7fcaa5b9b443fddb041a661' }))));
     }
     static get style() { return swirlTreeNavigationCss; }
 }, [1, "swirl-tree-navigation", {

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

@@ -11,7 +11,7 @@ const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlVideoT
         this.durationLabel = "Duration";
     }
     render() {
-        return (h(Host, { key: 'b7848ac0fd632d82881ec32b6788af1cfeedcdd6' }, h("button", { key: 'd82ec14ad55f545433e45d3aaf19572c38d60f70', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '710e5b511c2fff8c096a2729a0fcb137736b1567', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '2167b00a5a3ed34526aacf7e3ae567064828e5ad', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '3bb37be143efc366385e22795683193e4eb0edde' }, this.durationLabel), this.duration)), h("svg", { key: '995738c3762413951031f0fcc268c5b6a038c0a5', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e5bfa32957a139ee887e7b96f83a3d1d77ceac5f', 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: 'ac8f2fa765d3dfbe2891a9bd8b750ee827186be0' }, h("button", { key: 'a12b75bb18c7aa5648c48b31c004ff120d98ac01', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'd71d0f84c77d8e93278c25823f8164eee796a4b0', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '00a2dcefb67170e0be4de389b1bd5329725bd1a4', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'e2c21eaeed4837e476ff0f9cc70abd583de66a1f' }, this.durationLabel), this.duration)), h("svg", { key: '84b2989268db9b06816ee3d55946d75b7ee2676c', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a676ee454ac457a46a14e95523e93a053fc0c624', 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

@@ -8,7 +8,7 @@ const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class SwirlVisually
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '8a10c5558dca9a0b2e82baf16c954eafed880cda' }, h("slot", { key: '01e5109bd624c8b2109aa7d3bcf980aaf0da222a' })));
+        return (h(Host, { key: '6b5d55fcb7374b555ae5e8aa270ad49c67c9299f' }, h("slot", { key: '98c8d4383c78d2a91fd11476dfbb7967321a5fe4' })));
     }
     static get style() { return swirlVisuallyHiddenCss; }
 }, [6, "swirl-visually-hidden"]);

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

@@ -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: 'ed977442d1be9f32b2e2becf4ada0a3c8e2f8633' }, h("swirl-app-layout", { key: '4e532333aae528e23d7f12b467397055034ec2a4', 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: '3e56414a3d2f38596b6411d36a6bec5a306daf6c', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f7039599306c608802aa0915d4dc5dacee603c6a', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'bbf2c198358edb1fb8181ec620cf5f60e7936bd6', label: "Sort items" })), h("swirl-stack", { key: '281e60350e670c43d751b38275084a8b839e1b8a', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'dd7ead68a025851c24e07a8cbefd7755126e4251' }, h("swirl-heading", { key: '0d3ebfe8d20876137b6c08cd3279f19bfdd35072', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '10a3663a3fdb1b2cce910e3754cc96ba0a9aff14', 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: 'a9eafd888f30f04f3a0838b0cc95a1ee67a6f193', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'c3bd1235e834687ba553396b98e68263dd49b05c', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'f61f994010694fc02d2b34e38c7634bab6a3650b', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'aa44ae45f5f309f8784fc535f6c2088a1e352ec2', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '4723c16f692ff667fb7a01daf0779edc351539bd', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'fcf240828f9a202cec85c9a064ea3d9fb00210e6', value: ["ascending"] }, h("swirl-option-list-item", { key: 'e690ef278c218b20da5c748ee7ac302d75085beb', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'd4c52d04de939dcd304dcad2c98fdbda71205091', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '45a493fc29017b7bfc335cc08d304073b03b59ab', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'ae79e40ec9a048bdc3cde5c946fb7aa2dc525e0a' }, h("swirl-app-layout", { key: '2b1589e4ed7a70b816f83f44adff05f471272042', 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: '659b72b53924a5445221ffb6ab3829271befc17f', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'd2c31098b741bf20fc18df16277e5b4ac7fbc775', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '468023f7b10a0254eb91d31953168321e36aff95', label: "Sort items" })), h("swirl-stack", { key: '3a000a8d657925371b85b1e89b1518e71d4c3985', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '8e17955f0d9c532326881db3044035c743f6db01' }, h("swirl-heading", { key: 'ec96af484a7c760a5f6d9cf0cb2b71ab25ca02b0', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'b60f5d706d63bc9b6fa331d4bda247bc898fc059', 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: '74ad3bd61cf33a93879192a07949b1a258a812c7', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'adbd1c71fd84496122cc9e944374a3ebb4b277f9', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'bddf1d9e066f234cdff376620427f28cebf3425a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '485158b874b91a2374663d74862e5175fcfde3cc', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'cce8639bb15c9445cf6d7a9042ce8d71c0459282', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '62de845b609eeda226360476f7e872020718e1d1', value: ["ascending"] }, h("swirl-option-list-item", { key: 'ca6858b2f2bc0644d994dcd928123798f14d3f14', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '888099d499d2776e684b715f07fdba915f35f35f', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '357a01ba89ad0347f4691bede8b4fd57fe5c5dd7', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/esm/index-CWOhMVtL.js

@@ -626,6 +626,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-next-plan.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-note-stack':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-note-stack.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-note-stack-filled':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-note-stack-filled.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-notifications':
                     return import(
                       /* webpackMode: "lazy" */