@getflip/swirl-components 0.322.0 → 0.323.0

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: '5204ac038d6ba3811e6aefd46fb283223a4a8e80' }, h("swirl-app-layout", { key: '88ea51cff3df93f32301400b71775aa97811da92', 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: 'c93f4235d8b68501ea5d2a0d4e36a869b9d10c40', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f82374ac60fb327e424afc8e68b35ce54afb6bf5', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'fbccb3832c1660f0b5bebbf3d0435016914c3b7c', label: "Sort items" })), h("swirl-stack", { key: '89e15fba952300e1f1814a5e36e4b8815d86f410', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'f108e97787ee6c10703c3ebfaaa4f3acc8c43598' }, h("swirl-heading", { key: '639d3beb7e2d734fbb1dbdfcaee4f1e63fc459a6', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '8c8685a535b6799ae511b87d06d2660698aa7a59', 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: 'dd5978b21dd9a71a0a2bce93b0a97696ec11a82f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'debdb44ca303f65fdf1ed31c185a4f1e79466f66', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '662518c391d57cd243d051f79fe9daf5dce4b42f', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '3ef695a4b619d3b838b8c8bfb9872bae6ca463b3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '5639756226de182e8bd0b8fcb0b2645288a0ed51', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '8c84b613026a265f3710d7be1052eaeb038085d8', value: ["ascending"] }, h("swirl-option-list-item", { key: '6285e0d93d5eb064e224a9e4468267b9b82afe58', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '9a51d42e9b727277e28b674615cc9e31a1163ab2', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'd2338aafaf9d9a4d893f6d5b2c80cd7e01a1b55e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '8caa0c14304072c40f58b2ec8e45ab42cf39310b' }, h("swirl-app-layout", { key: 'a4bcdf07990c13d7ccfde6ca2f71ca73bdcd930b', 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: 'ba58afb365b38c32b5836f438373b051294539af', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '9d97098f7db4f79ee698423dde17a0979f342cda', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'd70e901cbb11e192ae6dd15ddbec15aa754ce6c6', label: "Sort items" })), h("swirl-stack", { key: '4039060fc90daece0fd973cb3351606f14e9c8ce', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '4ab3ef4a505f4b60310cc2e01578f77d950d8999' }, h("swirl-heading", { key: '9e6813b842899de7fc61b2411502dcf642a75559', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '91dcd0fe9129b29b4511746ca1b5944185fc1a79', 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: 'fd2798d8d6d5bff1ceb77116a154d73397b93d88', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '2cc0d158f3bc3539b12edc9f5b8e113be6e446f3', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'cf536985c036b73c9bd385ce1208b5a9fd355092', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'c3eb07986bb74501b918ed3a8bb36fbb2081a9e8', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'df77aa47f9839ea6f7ffdbcbe110e7972479ae31', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '63b02d1dc8cb6a50343b6ae71439feb89f79a1bb', value: ["ascending"] }, h("swirl-option-list-item", { key: '8c2cb2b031bb18820352203e3977371d17f36234', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '2615e37fb835f76b89f17348e8c7338aec891b29', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'eaef70ef2e86f243e19810248d93f0460acbdb24', 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"; }