@getflip/swirl-components 0.252.1 → 0.253.0

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: 'e8ed392cf038f8c7dda28d1b0f37f7fff7a99c67', onKeydown: this.onKeydown }, h("span", { key: 'f396b86fa0472dc9a1c30d33a8467c998a611c37', class: className }, h("span", { key: 'cf7e40414997d42d10a9fcb8ee010ed0d1b8f454', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '4b4b954f3235f3b9e796a58c682f609fd7e11cc3' })), h("span", { key: 'b921c1388acc8775530b90fbee13268c7086ee7e', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: 'f3706b57f74c0223d9a0de457ae39737a23a4038', onKeydown: this.onKeydown }, h("span", { key: '27535b77f5b2e1e4adf25e2bce512dd019912e25', class: className }, h("span", { key: '5440bc1e39796bdec1dd1836fbc4e0483ec6a4a6', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '6e30483c1a9ca4d1118c0f785d56a5fef246d7df' })), h("span", { key: 'f7c45dfe92b9ad8192538f7b37cd8f117ac687f8', 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: '13332b6bd6ab0daabcfb060834d5cb0493d8e827', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '1a8ad1c43a2b86064a141f4d51ef158051974789', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '48fa4b800e6964d9d58301bcf9904f7d9ce5cf79', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'e8579729115384e96187814ad455d7a68fdcbe4f', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '2e490d94936c5dfb4fc983d084d7fa629ca51f9a', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '878b49d11caef03cbf0bcdd78e40d492bfc93d03', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -15,7 +15,7 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item--active": this.active,
             "tree-navigation-item--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '667fff329a7d1df17448843b551660a3b57b00d1' }, h(Tag, { key: '641aaec069e941841a2b46a37235a03c823d76cc', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: 'c539f98f02ec6c0a91587947d23fc70851a20789', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: '58a1037a0f3e35c4ff1245fa07ead267aa4b41e4', class: "tree-navigation-item__label" }, this.label))));
+        return (h(Host, { key: 'dc36eb485f7d73a283e54ef29491a2c07bd948b4' }, h(Tag, { key: 'b67a32c2180cddddd793013fb4e57d14476c1823', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: 'c4819a88406972aa14e7788f69d692807a031669', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: '6cb989d0db9a071e6efdede365b5fd8eefdffe7c', class: "tree-navigation-item__label" }, this.label))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -192,7 +192,7 @@ export class SwirlTreeView {
         return nestedSibling ?? undefined;
     }
     render() {
-        return (h(Host, { key: 'b666d321da58d3901f4cbbfe63a24bacdde640cf' }, h("ul", { key: '8ab176b6a697362ea7dbf8c88e83ad7e1c744cd3', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: 'defdbe195aec8654324c608c83382f2a4d233221', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '983c1378e440dd76a8b1ac619dfc899dbd5ce254' }, h("ul", { key: 'de7c1d950b71d53197063fd76eee1305b94f1c2f', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: 'ad15821805be331e7869392c9fc468d11b574b22', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get encapsulation() { return "shadow"; }

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

@@ -74,11 +74,11 @@ export class SwirlTreeViewItem {
             "tree-view-item--has-tags": hasTags,
         });
         const hasChildren = Boolean(this.el.querySelector("swirl-tree-view-item"));
-        return (h(Host, { key: '15130b1a24bf5106cfd290b42664d931204a9cf7', id: this.itemId, role: "none" }, h("li", { key: '41f4cd48edd031505c0e67a6f15006ec71cf59ea', class: className, role: "none" }, h("a", { key: '922ef1a373afd9c9345a2f9a6b2b2201144ae8e3', "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, style: {
+        return (h(Host, { key: '5523ffce5b55936f94ea0b0158ef6901a39b158b', id: this.itemId, role: "none" }, h("li", { key: '2f5851ef66399d968e38b37088645bff77d9ee2c', class: className, role: "none" }, h("a", { key: 'a058fdc8c9a5ad2faac6a28795de948f919ecde9', "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, style: {
                 paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: '3beb6a201aef63c534e9443a7793c677be8be221', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '980561e9867b1eadcdf00f8d55e362470e0d3a8a' }, 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: '12ab5019112735ec0f5046eebe02f81147f3d4bd' }, h("span", { key: '267ad77c9aef6f6f638c9297293a6989315af8dc', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '6d32708751df76fd938accc329471f7962aedbcd', class: "tree-view-item__label" }, this.label), h("span", { key: '2a12c026e1b213bd195057091c5af752c1b064a7', class: "tree-view-item__tags" }, h("slot", { key: '2e70d4b8d8a320a8e8ba328c88b3ae51d53d6984', name: "tags" }))), h("ul", { key: '02542b147b3b8a017482c9fed1c9836c5aa96007', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: '3c132a9ecf02a99f4913d8051c8755ae86134cd3', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '429830528f63d69130aa1ca1a8d01eed7ad4a777' }, 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: 'a7b5853d3d637399e1fd9c4ba3177ed054517285' }, h("span", { key: 'd61c0a7e8bad4ff13b8a520827720ca8681bff3e', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'd9fc1a660c54e4150590094f1635c003431f1a0b', class: "tree-view-item__label" }, this.label), h("span", { key: '800f963f60b44717003587b720c7e641cf87fd75', class: "tree-view-item__tags" }, h("slot", { key: 'e077cbf65b801452f610c877b429338844167852', name: "tags" }))), h("ul", { key: '57d807f643c5af6f21dfe70cab53cc1c8138efdf', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !hasChildren ? "none" : undefined,
-            } }, h("slot", { key: '69de62e0d22ca3275ef5d623ce96b51abe235069' })))));
+            } }, h("slot", { key: '0af28bc00958af3c3f5e7f51ca288bdab7cdffe0' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get encapsulation() { return "scoped"; }

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: '86bd3f7055dc7f6657ebeb4bd622851ddb795bb4' }, h("button", { key: '0e14617879ac71bcf65e9b03e7317a2cccb66022', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '19a3fb9095d4e6c6309b05c124c6f46d3c80af44', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ee25801c68ae932b9c42ffaa767b08ed85b740f9', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '1a2bebc69d6d3f237c31b526dc5e5d2888135cc8' }, this.durationLabel), this.duration)), h("svg", { key: '854b3e0a64de7a2b4108fa94aefa2ee9981b7cf2', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e2ddc41d27f17ede02a511e1b9b0108e768c2f44', 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: 'b39b5077f4ee33414ea1578d08d6f1bc18233fc3' }, h("button", { key: 'a29fca80b41e1e09973a06d95365aca8791fdca2', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '15212cf7444da3d2f2e51cae794f8bfdac0ece94', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '7365a0f2e0b39838396d3bd201b7f7dd04ca4b6b', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '4c18c45d28b86a9eac40b6283adc7fba79ece9ee' }, this.durationLabel), this.duration)), h("svg", { key: '60a4a37549d03423f627747fa43db6cd8f1d0f0c', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f41a876c132b3ab48948f58dfff99c50fdd8e72d', 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: '9bfa953d16b7bfa3541731eb02ea52f208ef7aae' }, h("slot", { key: '8bbaf9f607a6d3eaa4eb24c0556e2a19950fa293' })));
+        return (h(Host, { key: '5c94a9fa9143a7a1ce00ec2a4cd1480c3f18c959' }, h("slot", { key: '7a2434d81b5c7aa2f2a5190d49a6c4722b358435' })));
     }
     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: 'b10b33ed0d11a29f44ec5adf1ecb03f69ba0a56c' }, h("swirl-app-layout", { key: '5ff76261fa1f4b6b7979147c80cf3e7e31e99b79', 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: '293ec511ed760124b2e7f9f2bde5de52f467f41b', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '8f71dfbd37ea1cd5c8dd04d07f2088a49f825626', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '87e2edb961f3ad43af8a5c7cb23b04ebd6f260ce', label: "Sort items" })), h("swirl-stack", { key: '7cb962bde0a5de73fd2c386fca08dd90a40efdbc', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '0579c26627e50d9e5756cd567090dfbea14539cc' }, h("swirl-heading", { key: 'f4c15f445c7d17903f54f20fb2b49e575ae22c58', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'da4cf0236d38d06f45fe7b583793330ea882a236', 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: '4ae29a97fd0a4c1bd3394c5a0a9c9ae7332eb0f1', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '9a72c17147bfd32c3a770b815c53975f763ec0df', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'af463b80409ee20a4a9b4be52bd90f3005fc3652', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '35fe992269f17fd94d3f9240fa221832f8ef0b22', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'dbaa51e978000f29ed0f87407418fdf7a40f10d8', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'd76f81e6f05fede8ca6249c47e989af632abe0d1', value: ["ascending"] }, h("swirl-option-list-item", { key: '76c647333fb7464d01199d2ab648d1cb1869f75b', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '2fc0f977ce6e52b8975e39e0e0733cc2eaae1d2d', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '8d49685bdf33c7c95c33d2fb0941ee6e30e36aea', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '9781539d3c89e7440903b59a7b9ff49303be24b2' }, h("swirl-app-layout", { key: '3aaacbea9133c4e8b630896d6ab9bff5c96d93dc', 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: 'd4842228bde6a8a43633149ee5c6f32e443eeb6b', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'c066b36b82c97b07a6ff7548693af2f23c1f5ba9', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'b4f9d4e25fc99dfe5d05b422d91fe28a674f5395', label: "Sort items" })), h("swirl-stack", { key: 'b9f5326d53e2b4c656f66e1b4bfecb8406fb61d9', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '3cc24b13adb85f3f3b0fb20e22b3f857fd292c44' }, h("swirl-heading", { key: 'cc54f29cb94e9e88a94fcac8545f691d80cd05a6', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '22601bc563ff515fab2ca63a13cd15c349188e18', 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: 'bd369508dbc646c600200edacc723749f3aeb3bc', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '64dd2f77c1a0d1ed45e095ef3583f6ae9ae0ecde', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '800883bf06d0ce3f679f5c22578ab60b7be98456', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'cdc6e075759116c13fc94d218963b6109a640c79', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '408fa4efc7185c19b5fe7b1972857614951129a1', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '7a412d9790ca2858973f9e5860b418bf9f32bdf3', value: ["ascending"] }, h("swirl-option-list-item", { key: '006fc1885f6e7368b120534328dc3a54a2ee4d5f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'e760a18f876b7ec7f4af7b320fc9bbe42d31f72e', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'b6b96f04ecc4ab08a2034f744ced8cf5b94e3c93', 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"; }