@getflip/swirl-components 0.203.1 → 0.204.0

package/dist/collection/components/swirl-table-cell/swirl-table-cell.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlTableCell {
     render() {
-        return (h(Host, { key: 'c0e5afa5968bf7d62d5ae121b99dd8ad8a5a769f', class: "table-cell", role: "cell" }, h("slot", { key: 'bab97d83ed502ccae378b04b439936092367a16e' })));
+        return (h(Host, { key: 'e91731120b165ae3506a36680eaa4ad5bd74ad19', class: "table-cell", role: "cell" }, h("slot", { key: 'f9af7aecf09ad0a2086f525f1028e65f05504c8d' })));
     }
     static get is() { return "swirl-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SwirlTableRow {
         const className = classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: 'bfd5d48931448fd66f7cbcf964c9e165e1e74f5f', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '45cac6059a12fcfdb41bef083f794d5d76de1028' })));
+        return (h(Host, { key: 'b998da4b9000f1380599d753f1bdee56788dcb5a', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'd9d779909ecf199e2388e712e581bfcdcaa3873a' })));
     }
     static get is() { return "swirl-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,10 +40,10 @@ export class SwirlTableRowGroup {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: '09425d9a5423979095c77794b89cab49fe42f78a', class: "table-row-group", role: "rowgroup" }, h("div", { key: '4b6d882f2109e0bf6efeba9873a5e3ba363a17a9', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '044b12017a01b160ef65811ec02a63a57c08c9d2', 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: '2653024ed934cd0fd07efad558be9d250f2948ec', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '9061de6330f87c1a7ea4036b06329e1780bf615f', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'e2928dc4514a94428e1a04c3763ebf6b421012c2', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '53c67bd01572adc3bcb31038210e5f4629f035ac', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '2baa864bfe16cc3199118b00000c6365bac37d10', class: {
+        return (h(Host, { key: 'df911dd7e1f408db7c15397a5b64a64f7155829b', class: "table-row-group", role: "rowgroup" }, h("div", { key: '7729904480701c6e1ca6d663992e9b123debd365', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '9aa70743a23b4af9ed231c1941f4b1e9365a430a', 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: '2769ebe8e6a15cfcd2b62ee3fdd29f0118dfa3b5', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'f030a1b5ea6aa71b94f6d4f114dae933b62c5547', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'e0f4ea24938914d6e71723eb34811a7f88548675', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'd4b05b134401f60dccedae0bc8463a808f8fc51e', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '3e373f19a09969d89325a6090b805b191ae557cc', 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: '25e948439ec9edced501dac3694ce52354d17f17' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '86af2e93a64d82269c18d05fa429e3512a75e3a6' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -74,7 +74,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: '3e3b1953f8ded8140c8ebd2dc74a8defbd99aa39' }, h("div", { key: '031c086ba6e61ea5cf780cae242bac8cfda63c42', class: "tabs" }, h("swirl-tab-bar", { key: '3aa3a8700c05695dbc1d87f82848324f76ccdcd8', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), h("slot", { key: '6f23039c5cdef250e7fe980d4f53bc59b5b623d1' })));
+        return (h(Host, { key: '363b5000af1f2bf2bae5864fff12430d87650a43' }, h("div", { key: '8735e9bcff78931ff67d54159083953f4b0d4018', class: "tabs" }, h("swirl-tab-bar", { key: '7065564ec794ba85ad0d6da927b65274e2aa1bf6', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), h("slot", { key: '6bdcd37869e6752cff4248ff05101b97cece9d33' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

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

@@ -140,7 +140,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'd79607757815f73e2014208120fc80024a39b8f4' }, h("slot", { key: 'fe79de29bd350fc0dbc5263104107a0b241bb431' })));
+        return (h(Host, { key: '70712a665dc29007c61db97f50560d45a625f695' }, h("slot", { key: 'bfdeb461378718100369824fc70a67c750c98ea2' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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

@@ -117,7 +117,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'cfbcdbba8f5d06429416befe68144539e3faeabb' }, h("div", { key: '98e5ffa81a5bf564c8a7eeffd1af3569121d73bf', class: className }, h("input", { key: '50bb867f72fed47b8878008e5c43d5763b322182', "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, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '55dd13b9b1a4ebd29177d3a7a51ac0ba27484ede', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'd0a70e3c32206562138f5bae6f2e3f593141b64b', size: this.iconSize })))));
+        return (h(Host, { key: '63cd2f81fb3450ee960eec0311725f9715868ffc' }, h("div", { key: 'd72d49559fd8a6bd53ed4664821ac83a4bd9c7c9', class: className }, h("input", { key: '6c56bec847fd5ad9f0f0adf625531806792434ca', "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, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: 'f1a473485af7650df595a1543e815aedc3201e8d', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '19364c42d895723db6007b9a22858626b97a645e', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

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: '05323823aaaa62d30389a916c414925192c22923' }, h(Tag, { key: 'd37c27733d7713567aef8702a9f1fdc149cc3aa1', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: '3b4ff404ac78d65c44c6a31bdf2496b73f2704ef', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: '1bf22dc15ad09a0a97a7aba1ccf85722b369b9b0', class: "tree-navigation-item__label" }, this.label))));
+        return (h(Host, { key: '857640a6c05be89f758a2e33a642aa4a2a28d0b3' }, h(Tag, { key: '0ed6912fc566364a30f86d8a1f4e6097cb5a6a9b', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: 'c450ce32e4670f2e81f898d4e556c71a559a112a', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: '98954816a32fcc4f66c0b0b2c9f7c8f7083c37c4', 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-video-thumbnail/swirl-video-thumbnail.js

@@ -7,7 +7,7 @@ export class SwirlVideoThumbnail {
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: '01bec4265deabd11a6acd8894981a81c30901366' }, h("button", { key: '60454a9a0e84ba55e19243581d9fbc4f6157a5f1', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'e138f91bb0f33c075fb5f9afb41efd05a7744ba4', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'd86b558394bd60590581ce9d190d75994554d23b', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '79d5a65826c9f4ad393c932a50e3f761e113912d' }, this.durationLabel), this.duration)), h("svg", { key: 'b706265ed6c592c9878f684f4bdd18023b04ae1a', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0b1a9a1a3bacdf7a27c3f214c344f531865c9546', 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: '7c2c39313a9ff99a6babd9818c42dd5de2eb7455' }, h("button", { key: 'f800050437934597da8c7278b1be332c3879a3b6', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'daa287d193597c6af0d884bfb1de54a061c83fa1', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'a7948ab9738f68967c99324af5fc519b18952afd', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '1df15e1ceab8f7857f101b86867a4bc84326f591' }, this.durationLabel), this.duration)), h("svg", { key: '4d722314c5d643d2e90e9a2dd9d0201073c334a9', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '99332a84c070ec53508781242b8f4d29ffa02c91', 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: '49e54acf33cb8ded01b58d531bf8991922957915' }, h("slot", { key: '20091107f45c63017d0df53c634457d2638b55d5' })));
+        return (h(Host, { key: '2c094549e777b801c9e2d0bddfbde8c5787f252c' }, h("slot", { key: 'fe905f0c08f1d715ed10e11e42781c9e460712a9' })));
     }
     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: '873fd3228cf65cde43538643594532b4f86febd0' }, h("swirl-app-layout", { key: '28b8d67502bc7afa2279829502db1073dff4bbc0', 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: '5012cadd4c5cfa239ff184a18674f560ad15dc2b', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'a7747ff5d768821765e84096cf95c63f84a7e76e', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '60dd5df7ea62dad9d19e78c1db3ea8f4ab1c01c4', label: "Sort items" })), h("swirl-stack", { key: 'd3112752cf7748528bf0fb90b691be433a88151e', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '81143f27640d9f9af9dc25a8e0f1db96d2e57b8d' }, h("swirl-heading", { key: '055204be24df62c4d570218664fc159921be9f38', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '975354c19efa9809725c09aa81255103bc3b1d6c', 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: 'a6e5046f1b95953cb9832b7e255df2225aa45c88', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'b0f01e8e609f6959d80ba2ce8f704a9d9d6f265d', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '45730461aa0cd10f0b83a5e3a8efc22a2c54ced3', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '96ab69daa0b6ddf85d56f068b52c562eaebc2aaa', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '9f696d7716f99c542f3a2289eff418f3cdba34e8', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'acbb44fcc3a24b831bd837604bc93abb0414ab04', value: ["ascending"] }, h("swirl-option-list-item", { key: '735aa543cddb003960c0804e8c9da0eff7afcc63', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '9a3157c6536c37d26cea9855f798af8d202a294a', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '7a1cb37d202920a00518a7c00c8e2c5b2ec7c8bb', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '06b1a35170a0d5e7eed6a01b10ff22bf68f24d9b' }, h("swirl-app-layout", { key: 'fa020b69c7cbaf714f692fa27caef64c9a37ac42', 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: 'db601a3717dfc4eed1aaa956e328193981532514', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '2d6fca2df68e87efa1e834edc715f734c45570d7', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '5ccfbafdb31fee59a5e267d6899e68883874f91f', label: "Sort items" })), h("swirl-stack", { key: '247e250dc87a7db010bd8635e085ceab7ddc8909', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'd0cb698bb99d45e97f1162ba80a2731860bae237' }, h("swirl-heading", { key: '01e4079741cae58e51d7de3408bfb70fee3c15cb', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'ddc796862ba1d343eab3b8ec2879723b1750c57e', 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: 'b9e0506033cc69c323e5ae656ed6adb8e9297f02', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '709fbfe2ca572328f4a9f5e31ab881c79087a6d1', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'b46e9ff6f5e31cdc7860644fd134fa94721f2730', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '59bcc4b1762cce943f136ec855a1377ee1ce2fce', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'b05ddb70bf0f33921372c157e4c3126b009b84a9', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'c95585d27da38acf84540018f46ea1b8461eb26c', value: ["ascending"] }, h("swirl-option-list-item", { key: '5e745e373abadd135da430bc8c7c7027b0ff95c1', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '03729a8125d53b2d9cda45535ae8443608cb4ae5', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'c0700fae849f238ba9157499074e25d6e9acd4a1', 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"; }