@getflip/swirl-components 0.286.0 → 0.287.0

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

@@ -74,11 +74,11 @@ export class SwirlTreeViewItem {
             "tree-view-item--has-tags": hasTags,
         });
         const hasChildren = Boolean(this.el.querySelector("swirl-tree-view-item"));
-        return (h(Host, { key: '62ccc63b95c1899305b419532fe5e007b120326c', id: this.itemId, role: "none" }, h("li", { key: 'c1539164a16f700dc64e2ea93320f524a22502af', class: className, role: "none" }, h("a", { key: '23fd9e3f57abeef95054cd1e981290e6305ffdeb', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": 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: '47fd18686962962937ccc3708f5055dada1de65b', id: this.itemId, role: "none" }, h("li", { key: '16d0c6786f038ec8f1bb9082f7e3039856dd6733', class: className, role: "none" }, h("a", { key: '4e538aa7a3ae3704ae75702ae4b576d40b5afc2f', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": 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-${this.expandable ? "4" : "8"}))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: 'd6345aa454c7df0563a174175d85e36e74eb7c9f', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '85157e99c8007592350d62798538a4669395b08d' }, 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: '8dc12d19097e20f4e2d435428b45cde9ab37f103' }, h("span", { key: 'e21d56bb1cac60bb19acd7b70d9434e106c2092c', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '13b6699d19d2905a76c659f6f1e481eb37ba0f10', class: "tree-view-item__label" }, this.label), h("span", { key: '6d5cc8a8f5f7cdf2ca448551e5658ac1b11c9028', class: "tree-view-item__tags" }, h("slot", { key: '68ae055765d19705abd76e3a331b30c36aed94eb', name: "tags" }))), h("ul", { key: '5cc431a33f70822e8dbaa0ac795cb96ea8d71f7f', "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 }, this.expandable && (h("span", { key: 'c8378dc70fa49a84ba345b7a352f480bc777f768', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'a9d66509696f58cecdd0d5ccacbdcd182f90d676' }, 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: 'cc3b301449a61927977554764808d4a45ecc12bc' }, h("span", { key: 'ca01a05b89a703befb4323a770590f59d3c97452', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '654edeb374f8a8728bdf82e228231f62406fcfae', class: "tree-view-item__label" }, this.label), h("span", { key: '92809da1786d9852af825f6958113c0b01618416', class: "tree-view-item__tags" }, h("slot", { key: '38257ba68c4d6822d4b71e9b6aca8435b2a55c2e', name: "tags" }))), h("ul", { key: '50572d909fa2ce6df8f3b24d7dc151328bf5b12d', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !hasChildren ? "none" : undefined,
-            } }, h("slot", { key: '934a3934c3e7e6892548d0eb52bdeb5e0ea1ce93' })))));
+            } }, h("slot", { key: '9a73358108ba61c642c9cb36cf40123316979638' })))));
     }
     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: '6fe481bff70e75752b47f9aea3313ad740b4000c' }, h("button", { key: 'ab80dc1fc13929146d2a6c07ef3c707a94588d1c', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '49895ac9bd2142e9518ae174891eb62f905de9ff', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '222de518711804a1cbcf79fe95891c4ea0034ccc', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'c1b97544c41c3f3d91cebf1da66042f4db8d98e0' }, this.durationLabel), this.duration)), h("svg", { key: '20588c803eb30fbdc4da4e0ce81c6ad41fc9cd3b', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b527bc8ffbdca5ebca54e9e3240dcb48b91977ab', 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: 'c3391b000313dfda53d6f3b41b819ab281d44848' }, h("button", { key: 'a919fcec1196b1c38751e6f42230851202887bac', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '7f725cff5641767e7cf70342155959ada5e2a176', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '7e528e23564753c92407ef8959d1f1fec67decf6', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '98ab1fcecd46520ad8257da8a89f12536869061e' }, this.durationLabel), this.duration)), h("svg", { key: 'df470fd68c7e8190c87ea9d97e46ed37cf06189f', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a7adb674f667bbfdb88bfccf9cd492a651d689fd', 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: 'a2c77ef06367e75f33fdd907a84715d74dac592f' }, h("slot", { key: 'd61c10ba2dcd15fca35ca1e4ec1688f62fa69d75' })));
+        return (h(Host, { key: 'dc381cd329d166df18e107e0216936c445300bd5' }, h("slot", { key: '8a604b0d79fe11af79b12848db1e84282cd41d4c' })));
     }
     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: 'ffffe91e896afccca4c19512fe2ef19e2da65c1e' }, h("swirl-app-layout", { key: '79ccd6e004981345d0f57dc645f5189091ee5df8', 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: '9cd41bbed75991719d261f30fc24d0c22f00637f', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '77576986bf05b6dbadde0e365cd5c6416bda2d95', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f5029d116fb316db144e79c8e540f563649265a7', label: "Sort items" })), h("swirl-stack", { key: '8ba26af82d9fb15591438c49632ec8143d82f7dd', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '874528e994a338116090b79c071fe1d4bde509ce' }, h("swirl-heading", { key: '92701ef6d8a08fd4483fbc66a87657999f1fe2be', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '82cbe443a8e838c862ac01004fe82aa73c41783e', 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: '0428e017e42bdb1169b1605bb7c969cd0b3757fa', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'dc15f200a5b67a05ceee3036a35b52093c451792', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'd8e8e590b5f420f2bb5c0fdb4a8a61350cd51f1f', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '669d746fa05e44a8be207f332eefa0305f48bba3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'fa3cb353fe87728c655a43465531e390ac6d61ec', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'c9219ee1eb3b059ea59f09a84be0533c95fa7736', value: ["ascending"] }, h("swirl-option-list-item", { key: '7e682996eaa5ebc9243fc873dc6122c7289f6e8f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'b7e1c77a677793045d6b503ffec1631d5b4458ad', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'df2e172efe264d63bdf868fc3810a2f0d944af5d', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '6603abe64ac9ea6436bf164e5863dbe252485444' }, h("swirl-app-layout", { key: '41bf19429c03eedbe5b53a27a9e1f5ac53199872', 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: '9c27bc74c66a7551ff7d10c7e97a168e13a53ff3', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '347b1f00fc38adee4d9c3c8e61b068341b46bba1', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'd4cfe8cf0018329a5bd5c0aafeb1b7d814848fc2', label: "Sort items" })), h("swirl-stack", { key: 'f5dfe41009bb7ce695eb7751e5d9c7da0de5b49e', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'a32447f4da4b23c479eda986074cc6872fccec6c' }, h("swirl-heading", { key: '1b195e5c58b6b0547c2513279500ffac6708f5e9', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'fd5e67c61cccabf95c49dda8a797c1ffde13d244', 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: 'f3df316e5f0b4f83b5bb08b9909ed926f7c52ed9', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'f923387944645c02ac03e23395213b176ed09203', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '61a6233730516d6e3a9ee37f777372f1c68d428f', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'b1d547fbf54276b014329c6585b161531181a138', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'b076f7e20dd0d765480f8f42a0510231956f315f', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '730c7e0f5a54eac3d34270d34523b586b060cd13', value: ["ascending"] }, h("swirl-option-list-item", { key: 'd42dd5d600b0e67b3e11bc89374dd633f6024d47', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '2aeeffcb320b8e4614ca86557db63fe533e44adf', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'bd7b9b047b2ed441d1f7b0545f4423c46b5e150b', 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"; }