@getflip/swirl-components 0.338.1 → 0.338.2

package/dist/collection/components/swirl-toolbar/swirl-toolbar.js

@@ -66,7 +66,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'f1e21a1a5f8aad76142db1cc338e14585b59003b' }, h("swirl-stack", { key: '862342d9f86adf507fbb7c01514535def942bf5f', 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: '564920310d2ae86af3cb36fd4f304f0b780cdbf5' }))));
+        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' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tooltip/swirl-tooltip.js

@@ -110,7 +110,7 @@ export class SwirlTooltip {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: '2d6b49b382926f6942c81344ac2b974d331a6b5e', onKeydown: this.onKeydown }, h("span", { key: '280ae64e77990f984e7cdc5a653271626ec38669', class: className }, h("span", { key: '39517564295b77ce37515f95a187347f080db56e', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '5cdd2d93f3baaca9c702e94e698237a5912fd30f' })), h("span", { key: 'dca696e07bb95fe77b551c4e8c9dec71dfb89024', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        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: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -118,7 +118,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'd26e9c7251d2b01310a77521e0fd1bbd2c8ff895', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '4ef774c975f38c84cd1540c0821f16b3ac94c0ec', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '483debf12c5d3474106c02cfba94934d2d2e7cb0', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, 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.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -4,7 +4,7 @@ export class SwirlTreeNavigation {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: 'bc78ae1d72675d3208744b1f7aa0d163c741aa38' }, h("ul", { key: 'c0279e8f5a5d12ac09c16e303258010318b78ef6', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '49c9d56071adcd2f5e0fcf476e33b69761d8b4b5' }))));
+        return (h(Host, { key: 'a6d11a6dca30a90e44c91b68dc87395a5cc902c0' }, h("ul", { key: '4f7e246b92d9caa8b32603b3d5fc1e23a4bd618d', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '5af76042bfacc38812907c0f6bc061e19f740368' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,12 +89,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '353d53268aaef8adb7b25e6726f428e786f2bfd0', role: "none" }, h("li", { key: '843b36fae115482f81b7f09f5adbdcee127c013e', class: {
+        return (h(Host, { key: 'edd2bcea6a2e45414e64b512809294793332c2c2', role: "none" }, h("li", { key: '131045bc5cef1ca271f38ad19be74e87372fdeb8', 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: 'fcf225b051525084ed5b60834d929bfda32c857f', 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: 'cd7930bdcfa201ffb8aca583ba20af4d3d16ba69', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '3c6ef4938ed7b20369fbea14df6aaa51b9a5c516', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'ce2e18a3196924ada12f764a2d8bcb1c1cdc1db8', class: "tree-navigation-item__label" }, h("span", { key: '66da365d77b933d0fc74578c9778b2c35e5d5ed5', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '32816bed543d3d285ed8700a279ff004d6cd5e59', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'd6aeb14cb389cb077bd770bfc44df55ff739bf32', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '320cea21f2dce42022ab7baf404e7951071bbaad', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'cf4490088c3fa855d9e072c0489ecefcb4ab32f7', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '76d6cd65107db75c832f619f30baac50d875dae4', 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: 'a092177c1df885ebf0bad002db70a563c89ab4d7', 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: '651657e4f0e4ac2ab32805d8f13acd635a8c7f18', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '8efa7abffbc2c12ed471552cd04cd25d67adf1cc', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'c2e24b773fc054480cc43278545b30827c33b327', class: "tree-navigation-item__label" }, h("span", { key: '35cee74a414576a4fcbb24c4be0eae3d38f7233f', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '4504b5652739618b45a6edefaf1d22cb932855e8', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'ad6fabb9e3d5811b82a9c58d2e6a8a8e59784f70', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'b7ef4d513ff023877ec4db4ebc171c89259fb89c', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '81ccf3703e981b5b5a3609cd8e689aa924b191d3', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'cb8263dee2a8fd9fd1400624c73cba931440dc89', 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: '17eca1bfdac7222f8927cc582d0025a7c423e1a8' }))))));
+            } }, h("slot", { key: '908dae4a55e86bf04d740892ed238d1c79eace03' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -321,7 +321,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: '502e08fe357a9a67d71a98527a0cb4fe318ada0c' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'afa6dad6840586fec08935372ca9d3e9270bfc1a' }, h("span", { key: '1869122cb7f014f639d74a08a833cafd857cb902', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'aa6e7c04b7d4f24ce56163662f784d993865349c', "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: 'fcbe38b7432849b0acb98ae9e51593f6cd1e73b2', onSlotchange: this.onSlotChange }))));
+        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 }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get originalStyleUrls() {

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

@@ -323,13 +323,13 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '8aca1986716c681392634e105a0fb0d2675144c0', id: this.itemId, role: "none" }, h("li", { key: '4f1e470bbd01673bc262ddfd777268ff64ae25c0', class: className, role: "none" }, h("a", { key: 'bcdcf949244e2d11c5cedb7a01a45287e6280287', "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: 'ed8ae6fe09ea01804c91bf84838c6ef51702b612', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '258d7c6e547ba6ed14f0ce65c7f88358dc5b5f95', size: 20 }))), this.expandable && (h("span", { key: '7bfd8cb3c9bce8224fc074f53a6d0da690872aed', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'ba55d38479251d0af6a46d4f2fb72bde35a5bed6' }, 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: 'aa897b726eda2805d1c4de369fe9c9f3faa23913' }, h("span", { key: '82c9ef03ad47a4e342b370abe0425f8ab1971e23', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '1997b913a39db64132763cbafe49d30254812895', class: "tree-view-item__label" }, this.label), h("span", { key: '4689ee81c23fec186b9abe66058f9defe040d50e', class: "tree-view-item__tags" }, h("slot", { key: '1ea0dd502e1a9c0fe7e626b9312246104c578490', name: "tags" }))), h("ul", { key: 'd019f7d4df9aaeb8cb44286988558dbc24e53256', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        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
                 ? "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: '9c22aea2c44a74ccf0b8857df3cc79fc2389d93b' })))));
+            } }, h("slot", { key: 'cf74c05309bb5fef029ad92f2178ab96d3fdcd91' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

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

@@ -7,7 +7,7 @@ export class SwirlVideoThumbnail {
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: 'df21a2ffcc708f598e41214abfc6f1f858acd0b6' }, h("button", { key: 'c9f9dc95edcd16811587407c261384b385d2cf29', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '1fefadee1e1d582d79498793ec4d0fbc18dd02da', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ac97b6b482f22e38edcd3fb88028af1625c50af1', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'a9da286a270be65b4598d63089007bdec4130ab9' }, this.durationLabel), this.duration)), h("svg", { key: '0856daf047d64f734120c871201345c0902389cd', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b4c158266183d20ab909df8281a36300c0826fe8', 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: '088f6eb9229c8a316acc5a470758635da71f7a86' }, h("button", { key: 'aa52b2b8f762c00e705530f41ed829e0f97ffebf', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '721cde0e3a094f20c2426fb7d58fbaa088f77b30', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '78a5e8080890986cb88b8a3f0345c48e7ee23f41', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'edbdbc44bf40dab420b89c534b01872d6bcb0841' }, this.durationLabel), this.duration)), h("svg", { key: 'a178a9031b8e67a26c7b35c73c9dab443aa0ccc5', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8ef4f8401ef30c193b60b650f5a29b8b811f5cb2', 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 is() { return "swirl-video-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: '71cf1f04592bdee96b5dbd56d1c975984b2b5735' }, h("slot", { key: '403cf92596b09a988201aee1d47e45efd181d953' })));
+        return (h(Host, { key: '3784bccdd1436554766d524292fc75bbabf83b81' }, h("slot", { key: 'ca6156760f3de759b92fc14527f412e2f6f885bb' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/prototypes/file-manager/file-manager.js

@@ -56,7 +56,7 @@ export class FileManager {
             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: '67a59e3bf0ee1dd232d55195cf7a78fa8d1912f4' }, h("swirl-app-layout", { key: '5c201ad24d3fb3938300feaa532ac240aa0e4563', 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: '2ac10b8b5858aca8c8d3d2a33737498389836fca', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '44b017affbbfbb5c81b7c8c7fafca0cde64d8c6b', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '2a958665b0bcaa6dcbabb938ba1853ba56bc3520', label: "Sort items" })), h("swirl-stack", { key: '8f72171c55cec72e5866bce3d01fd8e359c87029', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '65e9ddc05254587d34821750bf58ec4394397d23' }, h("swirl-heading", { key: '412fa5eb6d797cce23c227cfda4041ef94b454e5', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'f6fabe8c580c20ddf316b4c6893f58caeb8e95d8', 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: '6974ad987f14a1f2a9ab458ae77459a07e0db364', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'd010e0934c9cec5ea1afe4f514eefa2a11991d1a', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '9cc0a9bfcb74cacdf7481f0427082133cf31dec6', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '948ea9fc1f248d5b715c74d3da4c63be6889228e', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '4129c2f8f5cc2eaebb97196dc59441bbb510f508', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'beb72abda250ea29ca022e7aab48b6d56eaa6503', value: ["ascending"] }, h("swirl-option-list-item", { key: '3bac258c7e361dcd2a72568905922bde1237dbad', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '41d4dc595544ceea02bcc6339d8c283968c96f42', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'd3865cddf9bfdbb68f34a8aa211d3727664bfe33', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'a4e18b9d7ff438842b4fe47fbb8c269e99eb1f32' }, h("swirl-app-layout", { key: '624cd4a16d86a097b07e3734d51592eafd8339d8', 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: '86d0e0c088b6dfd71a677bde1fa933ee527cbaea', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'bc34f9cd0d8c42b6c6275bb3cba15b92a85cfe32', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '66e0f359859ed407a9de2c232ccff5fa209115bd', label: "Sort items" })), h("swirl-stack", { key: '7289b29c70e2fdff670583696a54bed703a676a6', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '17c1d8e889a5f0f55f52d7afe761c7a59bcab1e3' }, h("swirl-heading", { key: 'a1d658083358db74909187a72c9505db8ea8e283', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '318f1919be0f359e1f6ee308e4f76c4a4acb9fd5', 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: '5feb31244ff245731649c308cd6317c8ce67c66b', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '1ab091daaa05f3af04049aea15ba3ec7d923a657', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'f36b173fe0cb9dd39ea8e7c16493c1cb408e2f34', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '66e98d8b5f08f464f705a112061ef85ff57d08d3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '8c0d836c169221cd4b9e7fbbac53c2e6b589242a', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'e7c3f0d94cbcf4ffa6270e43b4242407cb268f77', value: ["ascending"] }, h("swirl-option-list-item", { key: '1c63b7b345badef1f4edc183476f8b0b2f287aa6', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'f12241e2737284c425ea1f1e2552b44a11458124', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '5527c57b82e7320f21d43921943da7ecedc1f064', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
     static get is() { return "file-manager"; }
     static get encapsulation() { return "shadow"; }