@getflip/swirl-components 0.364.0 → 0.365.1

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: 'a3a025b3373b93546e494ba608e619c7f0764c04' }, h("slot", { key: '88fc0f4322af22e3f1818ff4a064c1b186999dee' })));
+        return (h(Host, { key: '2629887aba4136ddd1d58b8eef851f87cb916281' }, h("slot", { key: 'e294868680464e61f643daaff98b7f07cbb2b405' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

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

@@ -53,7 +53,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: 'c00aa66645f6f528912d159e9bf2faf3d2753b8f' }, h("swirl-app-layout", { key: 'ab60a8a8a0a7e0997408839de28c3565b9fcd09e', 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: 'bb70d16cfbd5fa5f06fe0f85dcbb36a298987c34', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'bb6ee4d61581c30985c374c8a17cfdb5bd9939ba', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '5c4da1491a31fe2d901c244983dc26533efd524c', label: "Sort items" })), h("swirl-stack", { key: 'dd8fb7d01ca2bd17cc06eb652d944d0ace237140', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '2297b3f69974b4163c63e813e0ef49b43d88ad0c' }, h("swirl-heading", { key: 'b4c999540553bc6f845fb9423d170b88423b4407', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '35769319dd01489e9c4b84a548d3277be48d43b6', 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: '3510fb6df6a7d0cadc9c0d6e2c006e264b189405', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '6340c19495057db66b068e66c0f7b55f6af39839', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '9e88038e3bcd243fe8cca4e7c0ec8a6ae662be6a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'e3bc988f8c7f1376c16ca245bf5e59008948c66d', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '791792fa3e500f6e2f940d4dc2967abe9fd76231', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'fb6c50b520d42041c0749b1d06580dfe01f2e416', value: ["ascending"] }, h("swirl-option-list-item", { key: '70890e653fc4c66fe43383f9e156e4a1f841b508', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '8c713126b95a1fd64c1347999725de628bd23f01', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '45da43587ad817a857b4e54223d801d458ba5f4a', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '72ead75fc8d2812f3539bd0ccda5cc97387e17be' }, h("swirl-app-layout", { key: '5c3c21f7653d2b291002e2e35529f1f4018f2b8e', 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: '7d75ae757e4ac7d5d54e145de88e389e47e3e04d', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'c33adbe8d55e6218a470bbca81b35b632929213c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'd554d190684cb705f2df6719a106a6fdf2fa7350', label: "Sort items" })), h("swirl-stack", { key: '33dacc799411a670b96f9f29c815e9786dad4457', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'c5a959e1b911fc2bdf58466e06faed0574877f83' }, h("swirl-heading", { key: 'fda8c8be92909bfde64dd97f27e6506b005f088b', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '41cc03f2b6adfc9fe8f0b70a747b879117602a31', 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: '77230827b8c15d56e93f04de9c4c6ded4bf25545', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '9537927eb7d1dc0a730f9e81f8ffdd6cdebafe18', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'b4f4147f73a57ae272f750ebd9f519ca69792b7a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'e73c64ff8103d9eb6f48bd729059a350a87c8465', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'ea29ec22c344dae8f0677d922201625b0c7465a3', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'd038d4ef07c27c84d45a51f48a6e2295b0309773', value: ["ascending"] }, h("swirl-option-list-item", { key: 'd5a0696628c41ab5534e860f0560bd5f051a9ef2', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '5d74159cdb802623efdea7fea7a619eaf7d272d7', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '28f79a861276b59ee7583a6435311a4528890ddf', 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"; }