@getflip/swirl-components 0.361.0 → 0.362.0

package/dist/components/swirl-tooltip2.js

@@ -113,7 +113,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'd4f44ac10eae2b884b38de92c267e4fb28957d42', onKeydown: this.onKeydown }, h("span", { key: 'cd2e654187abaff40e055d5678d36f85573f1389', class: className }, h("span", { key: '01007180fc69b2ea7562aad8a914aab9f6a0559d', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '979270ff10a2af5f2900f101584bfe70da274c34' })), h("span", { key: '4d62c0967d26521147ca7daddfffa8686d752b80', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '8e5af6b97fedc32ad2946dd6fc8db2773789fe46', onKeydown: this.onKeydown }, h("span", { key: '6d6dccd20b62964d5374c2b6264c059906970d0c', class: className }, h("span", { key: '3b5978941f38b7b674df8b397e1bdb74bd855987', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'd835f3287b63612d6c95cca238d6f5a1f5c4d891' })), h("span", { key: '22583a3cf9aca5415ac9663ee6ee16d5335b4b04', 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: 'c88d48b37dda6994960a59aa6dd0e6afa9e335d1', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '3adf4b87fbc1e5613d4eaa6c6c7fa4b958353d68', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '57397e5de9752c0e394be9cfb690cd9747b25c88', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'b3c64d1399539b8b0be364dfad67707363897d42', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '81d353ccf0b3e9f2ec90b5d263137d9bd3e12614', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '12b94a8ae33bfc03198d9b3e1d4bac475c5717e0', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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: 'd6695cd131c8858ea6b00e671c8dbd80d80d4a42', role: "none" }, h("li", { key: 'a3b3a56c8e153e3b35eaeecae1def5a547ca96cf', class: {
+        return (h(Host, { key: 'b085106b250f9645b611332c36762557a4656063', role: "none" }, h("li", { key: '33bab63c0050d6e4220186439ebbeca6bc47c44e', 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: '30c5b656119f8376445941a4e89aafa8c9a80c87', 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: '8667606cbf18c8f22df2ad5c79ce7926716eef2d', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '74f2c144d5c1f9381629c15f4042f7f79a971949', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '32f3ddedced91548729521b8247d5da057834669', class: "tree-navigation-item__label" }, h("span", { key: '26a461a4632e43242f9152bae95ab86a23dec39c', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '455f97965cc9e33fa91dbdef4de64dfe5af54d9e', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '93cf66a1e4c6407de411c59a90814212f78f3798', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '64549c8cc0a9c0f00351af560f7760ed2f803948', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '3cd1e2b947702e732af3bcff5d5c511ee305c0c8', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'e4ac464e417989668fbc13bf71478b1987eedc25', 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: '64ef5afbfce6258029d63a4cb8be84b9c309549d', 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: 'e4f590df4aab48b24b01753190941dc20f88fc18', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '84c742ba9bfedccc08747e35cefbac0e4acbae98', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'd90601b69bdc9c8d6c6fbfd4c01f14a85d02a8ed', class: "tree-navigation-item__label" }, h("span", { key: '64f2baca558f90f8c15e2c1ef6bad715e7bf76d6', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '6d94c90d47321c10cb2160d7c2708ff028c2da7c', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '9698c5e375b9cc10e445cc4fb0968a3958f05717', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'a38665026d251340a762b87ca8f5f29b245feb0a', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '6a9c583f0f04d8a376ff8daae922d44fcaa3bbb1', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'b8490b980316685a5976b227231b764669e12b0f', 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: 'e35319ab4f25c518e98e1bf0dcb4475bdb6ea156' }))))));
+            } }, h("slot", { key: 'a28c89acefacf1e93826fdd2530c1ef77cf4ea5a' }))))));
     }
     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: '1cfcb17729928a9f602aa4ba224d29c0db891d8a' }, h("ul", { key: 'c6e08b598965b7a14c1727a7287cad645d258b7f', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'adfe1621e78474eceba2fe27eaf883f16d4454ed' }))));
+        return (h(Host, { key: 'e2cb7b8b74e1584e9e751b851ad471da3cef5479' }, h("ul", { key: '5d8c37e04e09a933ef7c806843d2e90a51ce232b', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '027c7ca4b78f15838e5cee647a933e990f972d40' }))));
     }
     static get style() { return swirlTreeNavigationCss; }
 }, [1, "swirl-tree-navigation", {

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

@@ -340,17 +340,17 @@ const SwirlTreeViewItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '9c15110c17c0e525e9d795a56fe3c9e6027066e8', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'b4d4501bba0bc9ce223de8b4db9430bc42197bc1', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: '32fa772b5646f0b6140a4bbb9365a8e818578bea', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (h(Host, { key: '2260698557c19528b509b32ba9f32e6094a5dea4', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'd65d65a51d5885da05d8c26a4e1c0a9855cde55a', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: '9ce6c39f870ae6fda5aa607b0a65b64b53fdbdc9', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '5d0cdeb21ee8c7549e797b6dad33c2caeacbbcd8', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '1073ab90768adcce824848016a58bda4a7d78856', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: '1a65e9c5055e0222782a6fc0fd9a054cf6dda870', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '9e8fd067a2f8cf6b6c2e4f34cb06e24b0071690e' }, 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: 'a4b24adfbfe9d5a07c0004a3d621cf5d38542ace' }, h("span", { key: 'bda81f006ed0cc4d04a7c0e68eda2c75bfe3ef78', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '522285b44bae82edd1ddafcbb1070b433cae1f35', class: "tree-view-item__label" }, this.label), h("span", { key: '3c5adab020bcb559b88124e91c49073580edb219', class: "tree-view-item__tags" }, h("slot", { key: 'd73e04abccdf715067af3f2f420247996621da40', name: "tags" }))), h("ul", { key: 'c4174b53e35864d3168a72d0734f5ce3e2ef89c7', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '41c1eeb15f8c396d8d0e10862fc90087a790c850', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '25b87fbaefdb9647defa37199b68d13a28cf914b', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: 'b84b36bcb012ec9590a2145d6167958b5855d24d', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '6782e593783b4bd273b68698871911d482fd7d39' }, 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: '78e36892636856f89817f7909839980b4c706202' }, h("span", { key: 'c6ef690a50abf15f8996ceb812ff1f107ff3357f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '0f97c267c7cc4f3fec90f56e9aebf0f7600548a4', class: "tree-view-item__label" }, this.label), h("span", { key: 'de0293446f676fed29f96aed2a1ab7f279480959', class: "tree-view-item__tags" }, h("slot", { key: '8f0fba579fd9313d77b8e554c114f734ce288924', name: "tags" }))), h("ul", { key: '38de156cc76929763571153288a49193f57330ff', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '3ea98ba83f784ed98896977156f15ee37483dc05' })))));
+            } }, h("slot", { key: 'b8e12c1af67654ccbabfd87c9c395997cd8941fa' })))));
     }
     get el() { return this; }
     static get style() { return swirlTreeViewItemCss; }

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

@@ -332,7 +332,7 @@ const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView ext
         }
     }
     render() {
-        return (h(Host, { key: 'd70ad5db06afd4a8d6d83ad591d09994f59c0325' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '2acc3e4542fb2687575500a6f603dca34ff310d8' }, h("span", { key: 'f3ae5aa66ff53b19db1b888eb03234709a264fe6', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'ec7454804f6b5d93cbffd699f17a1bf9dcf15859', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '836eead8ff82f16ea9ee81354bedb6c6c7e8d52b', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '47bd419bd606eb2e9ab461ca0c164be560e0cad1' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'ac67e13bd29003e6f92f38625d9089aa810dd380' }, h("span", { key: 'db432525644a0ae1f6d796eeba7af3385920a1a8', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'd128ebf27e563276fcc61b24b81d7040143585eb', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'd59b709c70c2d38a0e1427eb849877f9f585a8f7', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

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: '101547978270b2a902fb9fb675d5ce9a3f900e15' }, h("button", { key: '09e9a5106e6e5f3b830bb89f1889a27b0c53652e', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'a24c1ddf0971ae55eb53556bf49df22bcdd0080f', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '308e3c0321cc8ab1d4ae88f3e77698503321a09d', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'd34528d6e2400df0a285f65a04d936c3b55cb33d' }, this.durationLabel), this.duration)), h("svg", { key: 'c7bb622069e0b816156acacda34057f4193ecb08', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '10719377763c42e51e8e8565a57c02c3373d0a10', 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: '874cb53d0b4507bb774e0358c0d45e803cb521df' }, h("button", { key: 'a3de5c95b63a09d5894e012c719315bd04f94738', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '23d1e342624a3e1c3bdd2edfbabc598d6e779e60', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '4ef0427db87f3841ad7514e5e6aa4a6a31e79aa7', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'b671e6df36f85449b93e063544d4db7176ed4305' }, this.durationLabel), this.duration)), h("svg", { key: '16e818b7827c01f5d08deb22dd1519bbf5fbbac9', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '09b1aba6849a97ace80bf3ce97f4b122088ff377', 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: '87028f7cf9af42f273d0dbdbdce2472d0293840e' }, h("slot", { key: '27b098e9c8387f5cfaff46fa7d5bf81c7b9f4b6a' })));
+        return (h(Host, { key: '5e241e8a81987590af24ea4f62581b66b1340169' }, h("slot", { key: '3357523a46cc3497cf299fa0fd5f08656ab6b0a9' })));
     }
     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: 'fe59cfd268ecf4545a27c98facc61f0fa885c7c7' }, h("swirl-app-layout", { key: '9802628afb2b16503cd71064a367cb4f9fea9b9b', 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: 'cfd15b6ca0f97ba24a7467d34597b33b1da64fa0', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '820aa696991432f773a67923de3f99e5b5977176', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f29abafd489fc9ec4c825aa64450a790ee67aa0b', label: "Sort items" })), h("swirl-stack", { key: '819bb7b81243e8b60338a1bf5c3f07d47a1d3504', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '28f887eb19fe9b071d4bfd72e1ec01c7f81cb2dc' }, h("swirl-heading", { key: '0f3b32ddbfe6e0ffb599444ead56f8af1b516cfd', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '85f25a7812c6a71072beb8841042f6a72791211a', 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: '5fd0db4ed7687eda7afe379a3b86c35624b5a585', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'f20b7734e0aba6030c87a98039adad0a85ea224d', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '1984156646591c33cf1048ceea734afb7a4a2975', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '437a3f2e48c485df61fe220a600f26f6807f3959', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '5f113f57b24d198b5dfca7a29f72f04b753e517c', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '09743438050513dd36f8b0d56d03a872f678421d', value: ["ascending"] }, h("swirl-option-list-item", { key: 'afbc1688c0a93cc1b4e10f408f72e05d07aeec66', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '18235e762a689e37511bccd18446814e46dfcda8', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '0b3f73fd71d308878a2f31b46426c1a44b90c53c', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '6e2d40d65752ccb0d2fe745574b49c1125e77b96' }, h("swirl-app-layout", { key: 'cf2bc93b766fd2f497c04c95123347650c109d1b', 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: '9fc5e0bfab192743d047b6db762c5e6ecda10331', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '2d27c48c67f47b8374409b63b7344e6121f6ad96', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'b7da4c8e1d33674d2894f10e0e0432f85facc49d', label: "Sort items" })), h("swirl-stack", { key: '539da2a2cf7ec87ab018e3d8d5967dc7732dff7c', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'c02d9815c493b5ab708c50b981f1245cbfe5161c' }, h("swirl-heading", { key: '16febcef3e2141c773870f547e5d05172d20f26c', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '1b8b1831b9c9092c4bd801a3f3b696fc543b5c0f', 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: '141178fa985699ebac804fa7618117c3b5ac3093', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '93c2ba448a857fdbef7396bc185538cee099fa73', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'c8c3d9177286e997e249501d7dc161698265d953', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '07efd5005220e4270042ec15d997b7026ce4d4cf', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '713181acc29c2afb4848d0428bd33df66e1a1475', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '0d03cf2c3ed1e551850b967d93015388eb285d28', value: ["ascending"] }, h("swirl-option-list-item", { key: 'a5a843b38f84803d3bfd5bdbe6db68328d485c5e', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '42aa82b1bd2f9bf1950e0eb0716871caf3c66a8f', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'ce1a57d9948a5cf686f75d1c46e3e711c90af78d', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };