@getflip/swirl-components 0.233.0 → 0.234.0

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

@@ -67,11 +67,11 @@ export class SwirlTreeViewItem {
             "tree-view-item--active": this.active,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '177446baadd42d3508d8c3fead6b179e26feedde', id: this.itemId, role: "none" }, h("li", { key: '72d29bdca3bbb72f398e4d481bdce1f2ce70b0a1', class: className, role: "none" }, h("a", { key: '6eb8a17c4b7982dd3445b9c7f24ecbc80a621ec6', "aria-current": this.active ? "page" : undefined, "aria-expanded": !this.hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": this.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: '3bef1ae67a6b69390a3b541303d2cb0a5b4b0572', id: this.itemId, role: "none" }, h("li", { key: '76f801f429af865e5564d1a6de6beafc8ff091fc', class: className, role: "none" }, h("a", { key: '1fddde54d88f7de5e3d940e7a8f6b6df38428de0', "aria-current": this.active ? "page" : undefined, "aria-expanded": !this.hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": this.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-4))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, h("span", { key: '72ab5ef8765690990f04bb76d7dc610b4ae18f3b', class: "tree-view-item__toggle-icon" }, this.hasChildren && (h(Fragment, { key: 'b6809cfdd91b53eb4d37c94ce899933daeb85020' }, 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: '040fccdd39595e4988b515257cd0a7fdb62a74e1' }, h("span", { key: '9a8121ef9e3b7e5a508345259550216ed02e6337', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24 }))))), h("span", { key: '113f4b3cd34284bd6c0b022f8ca3d0fc8e28a5a1', class: "tree-view-item__label" }, this.label), h("span", { key: 'b3b1efebbaf2b6e254d90570fba4ce61c5bd979b', class: "tree-view-item__tags" }, h("slot", { key: 'f27e893394cd489ff21a36651b5cac353fbdf78e', name: "tags" }))), h("ul", { key: '3618fcdd7471c7642ed5d1aa566d9ca7615b9a6b', "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 }, h("span", { key: '4dc36fa94d7831a45986440e777a6e2ee9e64558', class: "tree-view-item__toggle-icon" }, this.hasChildren && (h(Fragment, { key: '0771bc5940d86bb482e71671adef637e52f031e2' }, 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: 'fdd19fe265b067318bf6447504474cbfea067a3e' }, h("span", { key: '006b75550b8a438a64b920a24cc3a65b1e710574', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24 }))))), h("span", { key: '5968fe73fcaeec498a00a08dd809feafc97924dd', class: "tree-view-item__label" }, this.label), h("span", { key: 'c5c12f44f3d93fc9f4ac85487454fc900de708ff', class: "tree-view-item__tags" }, h("slot", { key: '0731b78236892a2da887153fd58a6ee2386477ca', name: "tags" }))), h("ul", { key: '1198cb06161c4667c853dc14df3d5363500d72e7', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !this.hasChildren ? "none" : undefined,
-            } }, h("slot", { key: 'caa44b704e4de4d2dbd6a297830d2d3d9453038e' })))));
+            } }, h("slot", { key: '8dc659440d40bc01edd389937586d9b02c4ef04a' })))));
     }
     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: '684edd972d557cc5802faf12d68a39c840d34031' }, h("button", { key: '65eb5646d91cd405b87c932b92b00365501c4974', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '08cfb230f06c5ff59e66a0a0889dfc42ebfa7173', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '47e734e3eb8502484ff75b70b40bc898e86a5d0b', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '072d38dae3171d13d3f3659a56bd81c68ca857db' }, this.durationLabel), this.duration)), h("svg", { key: 'b2101678bd8ff47ccc11cb807d863599129ff018', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7d4ad04198b7c65616acd6e89288cc51baa5c99c', 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: '774f08a914cca7fc87f34bc876f2887f5bc5fa52' }, h("button", { key: '5b84fb303196af7d8f05155e3913495a763243d7', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '7a77a017c95a8c7af0690e79e226d024f550c841', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'cfa978c28234772dd2faaa1772b44f95c7c6bdad', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '8aa09782ba772ae66898c9a459ae8d34ae553637' }, this.durationLabel), this.duration)), h("svg", { key: 'd8bd012d1f7e3a1ad7b718451d03de4f20c18978', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'bd4470ab6ee91cb0add6dc1e975157827edbb82d', 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: '85adc71e753de16a93f0110be0b49a9eb8be1ea6' }, h("slot", { key: '491582dfecab0bcf9dbb4821d346db75b9e2f8ca' })));
+        return (h(Host, { key: '51416ff908d08e75ba9942bf9db62f10da8e74bc' }, h("slot", { key: '039436bdcff7bf0c1441ec2e924c82e3bf56f9cd' })));
     }
     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: '3eff9c0bba9c10b143916cb3d00cedbc5bcfe050' }, h("swirl-app-layout", { key: '85f69e777a24d3362bc5eed4d724c54e1326c845', 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: '98d7da7702fdd4c4accb0e8249f2ccc5ecf55e29', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '16eb5271929830c6715f18b63b63588df73c11fe', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '59b711996f00146f8759376e8b8cabafcc76920c', label: "Sort items" })), h("swirl-stack", { key: 'c282643701ea09f60ec3eb79a703e9e4d098fbbd', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'bb0a446b2eb61a634ea0d791a87ce5d9f3ba6e0a' }, h("swirl-heading", { key: '41445130a7b9024c35db0df369c9ad5985c23a46', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'e159850b75591af14e56cdfcebbb270acb545add', 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: '56527b6068e3e6af690b851c1ee405f2e6561ed3', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '91be84a2271698f308c09b8dbfcfa9fdb0c67d41', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '8d9dcb8e0b2fa44fa7a57892edbe262150f0750b', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '9958d84992b0dcf5a079d924b6e3e02bb2b8f544', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'f5ceccc29d6488b528b32d363511731a38688a80', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '736355e26ee48634d7a6005b235fc9c5e0940746', value: ["ascending"] }, h("swirl-option-list-item", { key: '8f256bc83e158f1eb51b5e0d749a85fbba94eff1', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '03092be4c5bf6c3363b95b06304a834c991d7cf5', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '21a718300bbc7ec8092a0c2c97844e56493f44cd', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '15c9edaba240ec8c1446aa21dcf62242223ec129' }, h("swirl-app-layout", { key: '2c37b00c71548f489158c5fef9b8cc9697f8f590', 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: '700f72a80cc0cbb63839cb89191fe0e920167f31', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'e351276db6a5d3139859d7c55a96a3e368b560c4', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '6f7185d39cafa3bf2b6244c4b222b80395e4561f', label: "Sort items" })), h("swirl-stack", { key: '74bf03fb95fdbf1b4ab408b8653b9b426c361502', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '3a86a13bf0e230965da276fbbfc380b674111d98' }, h("swirl-heading", { key: 'b4a33294b87a6fbf05dfaf82a603fc139963cf7f', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'a20a152232d9366d84306931de0c7d32a3e21fcd', 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: 'e6116cc32a4d518b0ed60febe77be9595651743e', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '147b11a4bad57e547ab1250f55afb4246ea26e6f', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'ee8d6cde2f58d7bc9d2d5028f97b0ba5ef5b6b05', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'e32ec412233dea3d6be196f42a30547b8babdc69', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '30bef190864adbadf0d04f0c1e66d6663c24312a', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '71f0ef1344804bf74848d863f6b0e63cae1d83de', value: ["ascending"] }, h("swirl-option-list-item", { key: '51059e7e630a53aa0c4937220e32461ac9ed71c5', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'b60a0c689ac43e49d0c69daf2181a054b2adba14', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'ea4dbd220cf3d4adadf9850b2fc1cc3ce09a2481', 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"; }