@getflip/swirl-components 0.213.2 → 0.214.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: '3d2258d2a5066aeca8dcd0f5d30677f4d2df5c60', class: "table-cell", role: "cell" }, h("slot", { key: 'ed7d75acf4bcc3970108a006c873b719725c9873' })));
+        return (h(Host, { key: '3ae3af6bff446777b25329f04defe647a7bc52ab', class: "table-cell", role: "cell" }, h("slot", { key: '8344022a20a3c4d4e30ee3a2cb55378530b902fa' })));
     }
     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: 'b7bfc722ca904464ddd44febb3743bee15e0657b', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '8d0860a25393234b10a48fe3cd4f3b29600b60cc' })));
+        return (h(Host, { key: '5dc3881a2be37f6ad8e8a759cf6200a684439c63', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '9cd36c8c38053a3f89fba66effd4b8154ac00199' })));
     }
     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: '93ab0aec0a0c43ee3ccd65cc0ce37254f4036bc0', class: "table-row-group", role: "rowgroup" }, h("div", { key: '9908b2903bda6f2fcf99583585bb0d501fb934e3', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '67f35d485ad9dbc6aa6072ac8d3f1b83660d9eab', 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: '6e00b66cce51b33c1022489296f2b74cab4c9fd0', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '740d6c5a5014f5d96a473b77c57f1319c53d6205', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '8bce77d34b9864955bb4665bbc1066bc4ccc822e', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'b3eba9f38433ae8b30e808feaa663eb432c390ed', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '4754a5ff8fa7d4fb6086397011905a6fa2a9fbca', class: {
+        return (h(Host, { key: 'c770390eb3875a402b137e7dc5141cd17cc18830', class: "table-row-group", role: "rowgroup" }, h("div", { key: '8ced329bcbce29da0ea966596a8a9787b344ba03', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '1f2c69517416e36df902e47226f20c2d45c24a32', 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: 'cf8b6a90eec3e65db213c9dde6395c665bb43453', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'fe4515149d36e2c7acbfc75bcf29bccfaac03998', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '818b04b7feaf460a575ca5c6c3cda103bfe211e7', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '31c686e5035a5eee2e73a4127a9feffd0d1d4695', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'fd56ebab345f39f75ec99b1b00513d8924ddbaac', 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: 'ac81c7dd0135f46a843b1ba572c04023818e6cad' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: 'a38f901f76d2b76801829ea885984b213d5e9479' }))));
     }
     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: 'f80933a7504aae8c904704e76ff75a1bd9d7ee63' }, h("div", { key: 'ce20a469d1edacb1c3c69948c68f35aaf3e49130', class: "tabs" }, h("swirl-tab-bar", { key: '056703f3e354169e30321cc76e241851e1ced02c', 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: 'f82b00e074a40f41cc07d01c0cd8c94e1f93789d' })));
+        return (h(Host, { key: 'a0523e377583af39e1393b9c830a01d37cadae2f' }, h("div", { key: '170be1ad6561157d7b7432c74970aece49b11d83', class: "tabs" }, h("swirl-tab-bar", { key: 'b2cd76d20e2824fab424b8499b8ec62a248ed1ed', 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: 'c465671c09d08ac98c973427ce103c5af7f76b75' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

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

@@ -145,7 +145,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: '776b3c24a772cfe87d6a29e8a7d3a5d0eaac4949' }, h("slot", { key: 'b2e84df4b6ea35f0bc7f2508b614a8dc9e3af30c' })));
+        return (h(Host, { key: 'd44bd0401f8422c67b8ff225cd985f95298e30e2' }, h("slot", { key: '7925b0a073e4b5388d88d3b03c53bfadd76a1fff' })));
     }
     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: '83c604bb4a8415e44df45d0fd864c85fa0b620c3' }, h("div", { key: '04c518537ad1ad10b5c9c4b67d4bb3c3227a90d5', class: className }, h("input", { key: '33ffbbf5891e3dbf05688dc196fa181c3acf3be3', "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: '4a353d6fd7f71062bda8d084fcf611bf03b9b887', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '70fbe7776d82875212a77f69d53498d91bb003d0', size: this.iconSize })))));
+        return (h(Host, { key: '408f73c8599e9a2b4a93c42a10497c811c27fc8d' }, h("div", { key: '379aeed59f29fe9d29e5878f6480491bbdbd3fc0', class: className }, h("input", { key: '51b9b8895c2efa66ec9e0e90b9a8321df5b8b9b2', "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: 'f4966c079ecc3aa340666c3f30eded83fdd33f21', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '005ce9dcd4847ea11d045933f68af4441f737f19', 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: 'ea182429567db34353949e3cd6e8f5e40755774a' }, h(Tag, { key: 'b9e1d9f6080502dc183c2da769d5ad74a74e0026', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: '55acada7cfece5a44afd6b2c580b6991c53c2ce2', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: 'c5dd6c15fd0ffcfc923cf6f00f71c0f30db0689a', class: "tree-navigation-item__label" }, this.label))));
+        return (h(Host, { key: '8d623e7cae8cd60b4c67904104b5ac881c057b42' }, h(Tag, { key: 'e173ee6cfb4c3822c699a758a40c9bb6d55cc2fa', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (h("span", { key: '6a7284f1af17d26dbf77c2af138fdca058d5e02f', class: "tree-navigation-item__icon", innerHTML: this.icon })), h("span", { key: '66b66458f53d48406d19c081b1561f49c6538e48', 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: 'e1ac869326bb6c272f3d90414c855486bea3397b' }, h("button", { key: '387c6787a85399c3faeeb9999e1c18bb4c4bbd6c', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '68fc3102c604af5aad3ed92420b1f5fd8960dfe2', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '4e4d8083263d12310f479b4c597a6793ea7cebea', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '591d92d5f3e1e2d8ef7945b78a4bce2cbdd8e470' }, this.durationLabel), this.duration)), h("svg", { key: '2fc934edd58b6b6a033d62051a426bf3aff26e4e', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8617778940ac4b542c83ab9bf86b6ca0cab55433', 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: '16ea4fcec7bd75529fe2e69de9a671e5c51a05fe' }, h("button", { key: '56974d06078f9f3fabad441037e8e3d686c086c9', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '1682d27c207b74c9c0ee6f57bceab2e491b6a3aa', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ce28406004f1909fbb7640bf1552069413e2b9ae', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '7c951958faa6e567e798b6989ae3d27401f672ad' }, this.durationLabel), this.duration)), h("svg", { key: 'fbb53b90d15fe05684f006536b548cfe16d5ada7', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8330f16e56293d383ed82f107455b4992ac659eb', 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: '36520f804608873e099b25ca632ce475b368fc7c' }, h("slot", { key: 'c061bf0c64b88137d1d756138fbc1a724bed5344' })));
+        return (h(Host, { key: '4e8e2608465b8f39ad034074f790d9fc4f9757dc' }, h("slot", { key: '04a160051ce42d1a8ebae23c7aca1fb96cfa28b2' })));
     }
     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: 'fb79a7bb82d78c45011b5ef8595bc75fc1b1d538' }, h("swirl-app-layout", { key: '5fd15775044195a6753b5bd451744c6685481bc3', 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: 'f104c42b6b29b3f555e7ff87ddedd1e7eff77557', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '7ddbf3674cb3b247e739e268cd1e2f375c32bce5', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '3207c0cbde8b8a42d8ecfc7d07d52db7209f1319', label: "Sort items" })), h("swirl-stack", { key: 'c1c11fba1b0b309f9639edc6077770061350adb3', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '3c358e73b544631ee184d0110be6bb9657d1c059' }, h("swirl-heading", { key: 'ad539f230336ae4c9103e15aa37cc1a9fc754d7c', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '477317e6db6cd7924cdbf434bc5b6d722eb1813b', 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: '86447a0671de4d40c82b3f4ef3d20761f0cb5a1e', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '2a5e81cad3658ef113769e4ecc00d5ecd770a5d3', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'ecb13500b88b3f1f7a4716795978279445fe58af', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'dfb82f09889b2e54a6c5be37c6cfed2578867f74', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'd13edc799f86d252284268bf3fa610afd5bd8b3b', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '5b9e85b216413137ff20006d5bd4f8b6186bdc71', value: ["ascending"] }, h("swirl-option-list-item", { key: 'c8936d01f47b574ea2e245e5838527d7f7e1bb2f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '3026b41a716bdf7c262a901c802cd9d9c385e8e5', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '03335f437d03231fd9035f624e29c8cf6b9a8d70', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '34cf3a76bb348b31a83146341dab02313685dcc3' }, h("swirl-app-layout", { key: 'babf48045864b584ee739d5ba5d08767313575fc', 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: '3d3a77481a89cadb3485e663a29084b46092e609', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '2ba5080511406d74eb19051a7519ec7dd3d54277', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '44c59896b47fe9295c2d9f1ef5db23b36227735a', label: "Sort items" })), h("swirl-stack", { key: '471f67a5385804ab140bd3840fbf652fd4667d39', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '73bc84fcd81f07f135404ee888b7db99b0c6169b' }, h("swirl-heading", { key: '1100c71a1eb57a1c86c2bd08f898fae8e3488c01', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '03bff10caed54ec02ee6d0bb40470168f573ac4e', 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: '6f95e4fce74974400720f422df62a389509d823f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '3a343b2242347339b00c259b75e76daf8c2c9774', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'd789e658212f01258858536e06740e4627f37315', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '381933cc25ca02a7fe1bddb17bdf4bfdc82f91d5', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '533a07fe3301160223e9aea8681a39c80de8d346', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '9eb3298788a93e6e4f52c21ef1bd068b6b9cb9ce', value: ["ascending"] }, h("swirl-option-list-item", { key: 'dd2aae4eec2190317ae1c9f3135cc4b49a56a3d7', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'ff72b83db3d250eb2a58c29fe4863899596e269a', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'e2d822424639a8340d9a72b16e752bc4ee0bb5d8', 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"; }