@getflip/swirl-components 0.420.3 → 0.422.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: '10b79adafae3f794324a316a0a1c437218776b32', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'c1891dbc554acae849759a98078cd16c76ccaab5', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '9bb903e604b200dc7c7efe800c64d4a8030637a0', 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: '66fe955cd134422de34a4901f0abd94c4429abf3', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '7b7af0ad4b2cf0ac6fe27ada35ba161fe1b39823', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '88751251176242a411a94b2d738697a6420d134e', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '337b0853c3d099947a2d7c20c07655fe96277655', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '6f01c31e77e3f70df81e5340baf55589f7399122', class: {
+        return (h(Host, { key: '6cc923e65c41ef7ee0ddf7d602f8e21139d0f27f', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'e4fc1ae6057488e8b06c75927437633c87110ce2', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '5f83a2330f3e0cd830565cad0f509c733e022adc', 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: '42537220496073ecbdcb81f9804adc4d3d7b0d6a', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'c11d538e6c3e392340901d5be3e5dd5e8eee9833', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '095a5305f4004c7be23ae91dc4716508f02651ac', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '46eb25feb4e9a2c3ce4d455dd58a3d930003855d', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '5a9056d972df2ce8758718c8116efcf44160751d', 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: 'd6521bcacc2d6099e5bcce2b2b722ac2fbf15aef' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '29265c9a97f358d0bc05808b8b48f5c09294f008' }))));
     }
     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: 'ae13f2d7ade615d3975bb2682033e1f47dae3e7c', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'a2a3d57e758903ee80f808a73062e5a5c0b0cf29' })));
+        return (h(Host, { key: '76c592c99e3ffd048f8af3eebf5ce3c9a4e10eef', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'dd94fda5b9dbf432e84335e79c498c119ac814f0' })));
     }
     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: 'fd88bdfa6142bd92d07e19399233b2f72d51e612' }, h("div", { key: '67a66d243fcaa7bfcbd417985d5f8bbd27bf2b1e', class: "tabs" }, h("swirl-tab-bar", { key: '71896521aec8ed7f1191618631ba121082aa5e0a', 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: 'faff76c8726711c86c0d3a7e4f4487735576f4ff' })));
+        return (h(Host, { key: 'de99d755013860059ec072761011d0ead18a5c63' }, h("div", { key: 'a874102aa4d13df2b8e2b8559b0b3798783feb93', class: "tabs" }, h("swirl-tab-bar", { key: '4580885b38d51b20996c3f8a93a4bd69f16f2f75', 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: '547742ae7e9ab54f10ad37085f31e276651fbe71' })));
     }
     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: '449003791c01c277456a68aac639a34234a49bd0' }, h("slot", { key: '35e4d219b961f8eb3c39f264f076248c2ecaa65c' })));
+        return (h(Host, { key: '8c298ec1c053dde461045df141c49a6dbe670edc' }, h("slot", { key: '3d42308a2c85293c4274c88cae7d4544fff74161' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -168,7 +168,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
         const className = classNames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'd019efc39aaf11220f2103b70f130379d4170058' }, h("div", { key: '64546f82881a15c5ce048d2bb6a2934f99acb629', class: className }, h("input", { key: 'd7658e416e03e7ac5867dfa240447fa0d0981134', "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", readonly: this.readonly }), h("span", { key: '54c1adf351277f39d84b1ba2ffce287fc88c5f69', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '8d395b8a70e001a46af0bc2b86328c3996033cac', size: this.iconSize })))));
+        return (h(Host, { key: 'd1ed0ff6ded4156a92be62bdca32622256333d1e' }, h("div", { key: 'fdd70e66e232126014df79b3236c7ed9d5a21638', class: className }, h("input", { key: '41fceab1e86219834e7aceb29d457552f2f55635', "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", readonly: this.readonly }), h("span", { key: '2e9321e865323466238c6e81101d89aa1788715a', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '3b7acc077b8bbd620db9d265038a311057823875', 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: 'bd5f7e9a9619114c9e92e61f145379025a47bd17', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'd67dc89ba5e19d12a9210cc2a2028e5a9ba1989f', class: "button__icon", glyph: this.icon })), h("span", { key: '89f5c0af4fc8c0be4413707c56efd87217374bd3', class: "button__label" }, this.label)));
+        return (h("button", { key: '0e799fa7fb58c7f56082e777897d8538b7a15ed4', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '81503aaafa9a1efca202310501b082b21bdf8a05', class: "button__icon", glyph: this.icon })), h("span", { key: '1e45fef3c997ce328a84b966e93db449a3dc3b31', 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: 'edeed5071c5a5f6b8d0cf8943d5e9c2e4b3cff9f', role: "none" }, h("li", { key: 'b8f94741fa28e489b810e7d230714dcc95d05f28', class: {
+        return (h(Host, { key: '1cee23712f4896fe07bece05f6c9d76b0e4792e5', role: "none" }, h("li", { key: 'a1e09d3814cdcb22d9fbc007186acd675e54f79d', 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: '2574860eb5cab04b2a23cafe097ad38296e7200d', 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: '832f0f07f0dd4ca5e2a755fd60ef278c0f7567b8', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '55ed7be8b0030e34d0782775da0ada9b3ef7618b', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '88cd56eba328b4a4c5427b27d1750e9b26f3b721', class: "tree-navigation-item__label" }, h("span", { key: '6b18fd776a5829435bed1e2f5db67f6d3ee7b621', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '20ad9cacf2995d77031f8d7c97429a627c9c2f24', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '0293031b0324477926e3917d4cf9a51e7cdbae47', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'd02a83fc577738cc7d0b9e6294b706a1d05a0721', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'a76c73aa8dd951c92f41c204ed881c18a0c304ec', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'e8c6e1a5ccb2fa924e5243dfa7d404176f308c29', 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: 'ea7b527476858f2b21e4dbb3071769050f41911a', 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: '94f1835526e276cbaac73c0c0628ac22e1f577a0', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'cb82e537e207600909b26bdcbc54ae910ea786a2', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'ba0ad34c79af554e8124f401263923ef870161ed', class: "tree-navigation-item__label" }, h("span", { key: '05cabfea11c2be47d75cfbc4f1cbfa52271731a2', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '2feb147fc0a1f1699bba8212b4f2e2a0d7c45f83', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '7a2dea50fd96db82aa1b776db30f30b90a0560b6', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'd5a1faaf1c8a6365470d6f6dcfba6b74247c3a39', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'f00297aff126338a75107c660ca4f5db950b65cc', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '9035628888453e1194f34521ae940c4ffa1c426b', 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: 'c8ce0f703946df158b8cd385fd82975e12dc1b37' }))))));
+            } }, h("slot", { key: '2ebd9f9f7623cc4d8533ad8c20c6e58fd80ddf7b' }))))));
     }
     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: 'f2415de2058484fe27f23fad588a755a3fa3c618' }, h("ul", { key: '92d57538c70607f3eb2e9e2f7d698d4fd8561d83', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '6391f8611c12813dc8d10804e0b32614dc82db63' }))));
+        return (h(Host, { key: 'fc006fc4335d4fea33c9c0b00b3cd4c71bbdcc0f' }, h("ul", { key: '56beb17751ee753188f028505ae243d4a3f54e54', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '0d0ee98a29ace2c198664715d269b04fc8ed9b1d' }))));
     }
     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: '3302ab493ae4f48892bfcc2207b6658c0464048f' }, h("button", { key: 'b28282fe83e70c7baf5096d3e4f769c7f1e660ab', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '679231d2c79e66b38158b14d87921b031cd531b1', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '6010b3ecc7ce46c83a2fa405b6824255b85107dc', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '7eaea85f3452d22d7e44c138f2e3ca9261d6f5b5' }, this.durationLabel), this.duration)), h("svg", { key: 'bbf9a901bb7dff81adae0410873f7254dd30999f', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '182a08bd76d1cb9e27940e45b8b37bb111d73eae', 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: '7aa72b1885363803f8ebde7feeea4786b6109b68' }, h("button", { key: '7e89276897fcc7afe88a9f4970a1e5a25bad4a8f', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '14818e36b3973cc507737dbdad522862b885c0b7', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '50f5053f52f7f4755b0e16d5e0b6e5d1281cb894', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'f10dfd723267a939418737ab4ffbc5652426c6ac' }, this.durationLabel), this.duration)), h("svg", { key: 'f6951db35c321428547a2fb14abec4e7a27682e2', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9ae6b85d6e6e36eac012a756e2659b59ad3d0be9', 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: '70ff6d9fe4e79afd12c9e02109bf9ecb47ef8956' }, h("slot", { key: '4a75a6be4ba6816d7ea405d4ff2d376e44b0f769' })));
+        return (h(Host, { key: 'ad317668cd117d78b274ff8f95201c1122ad318a' }, h("slot", { key: 'ce58d342883d9b933ffb1c03639de39ceaf7ea0a' })));
     }
     static get style() { return swirlVisuallyHiddenCss; }
 }, [6, "swirl-visually-hidden"]);

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-B8rkXMDv.js';
+import { r as registerInstance, h, H as Host } from './index-Dj_4Fda9.js';
 
 const FileManagerMockData = {
     directories: [
@@ -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: '59043da3cc41bfa0f0725fba4959ff85a04799d4' }, h("swirl-app-layout", { key: '169fbd24d545f5da970ac4dc78a4e112989c33fb', 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: '85140dbf85758fb0e795bb893ce2331a9188f973', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'c44ff9f82dad0350d237ab2083ee3b32e96e361a', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'b8702cf8722eea6cf80a013025b8319d604a7892', label: "Sort items" })), h("swirl-stack", { key: 'b621d12f76a1f6152165effc2910e74544fa0ec3', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'f9e919abb2d0fde26cb92fea14d9e581ec5e82bb' }, h("swirl-heading", { key: '3ee372f80251458614c29c69e644d6941828e335', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '50c034093f1cd0c00b9b7947f1c2d16cf23acd60', 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: '0ddd9c3ae99e2c8620490f9282ec1da6218d6479', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '2f68f290b10b2599287330757ba9d54a0a5f1d39', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '78283eac5b4aa004c60e681fe3cf3050bc990571', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '2f82e8431dc2618367a04283ada66bb1e1772b55', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '26d427033138bcc81b6f5be428b50dc048703f68', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'dc200bb7c0b27cea99f595f6e4105e01f81599e6', value: ["ascending"] }, h("swirl-option-list-item", { key: 'e883fca71750bd59bb8720be36416a0b6429bfa2', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '0f2c70f9e425dc82726dff3289819f3c43dadf46', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'e2bbb4295df4f0c188be5a992760f0e5f5efc2bb', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '8cf143216e4d018eaab4890f16b29f4ce5a24f6c' }, h("swirl-app-layout", { key: 'b635fe7df524b573cbe573c107682eb9e84d3940', 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: '798127008aa911e46c26e1116fc3ff694e27c25a', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '4ddab0e67ae2185f5484ab31506ff178383d2bfe', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '1c640f1836da594842712fb673b5249d63516596', label: "Sort items" })), h("swirl-stack", { key: 'bc3f86ed2a57a32cc824c8f3115ee170658d0f6e', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '66f2f5d873526944bb50dc6d19edaca99c46c308' }, h("swirl-heading", { key: '581a3bc71ce1d842181da29436c23e8d0856eca3', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '7b6365562a6c1f13c06a22983c24db84e555435a', 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: '5ebeb8b46e1e6f05eeb43787b66f88c36e393c0d', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'bb8041ad561e5bad2378e424d3492ca1aa920e4d', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '1ec0e0ed93b45f96b8eb20d4b64f6b3f65384032', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'e536b5bcdee6b8332af8f81deabb0989d6f595e9', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '02087bad70af34dafd35f9083848d60c21cdd9f4', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'c0c8097fd3e40a9babe7284958abb48bec9fd2fc', value: ["ascending"] }, h("swirl-option-list-item", { key: 'b933d9407058a14bcd3f64daca28aa1199523cbf', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'ef94edc69d5eb64017868a021087491a76733c6d', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '16ec0fbd6b35d2d6558f27519e81738f4480c12f', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };