@getflip/swirl-components 0.305.0 → 0.307.0

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

@@ -89,12 +89,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: 'd5e32f13afe4cc70623a37977adb717bb569dcdd', role: "none" }, h("li", { key: '7704d7cd3534d57eecc2a9e38d5921e17f6ce6de', class: {
+        return (h(Host, { key: 'd7e2410d78a81d649e3898245844531387e92e90', role: "none" }, h("li", { key: '885bbfac113648131fd5cc73e4ecda072b3997eb', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: 'b098cdac7d48e5065abeb2079f082f964ed98f57', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '5e98d20a29a7cc26d31373f3e2a79b24cb7eb191', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '8989c5ef72c1bff161a0abe9ad5749a2a17f9f8d', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'a75e5aba3979c1e8de77475405126a4ba80cd886', class: "tree-navigation-item__label" }, h("span", { key: '45fce57d267602ca6fac29574fa5c8705fef473b', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '3eebc0dbc571f71c7de74b248bcb32e458355329', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'b283122ea8520e232ec19e0876b1cf33076ef66e', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'a1568956b1989b6a0f1412306ccff71d3882d2d7', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '6dfbcc54e627257417a585a12e6147f42c7490d5', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'c13e0fd55ea7683c54ba6f3cbadbec0a7ec9ba9f', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: 'ac0b89e97b462856fd69825f62d33acaa283a2ca', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '9c94a8118608e340acf6e95039d618e501101fa7', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'ebf969e9e07345db6d3a3889002701968daec287', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '7c316c4f4bf6383558d2f87ca3db13220a55f166', class: "tree-navigation-item__label" }, h("span", { key: '577c659946956fc20a5d3daae47d897ae8307f86', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'c4a3199a43309911ff60ccfbc564c053e6e3e061', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '94a02c63cb1635f336440760e5d3cc27a559fc3b', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '10c0e9b4a66aa44dc142d6fdc19d1d2452399f2f', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'af2f73a619828f0c1d6ae9211f9b43d43f147f3a', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '56dc4a266305440a6ddc4ca95d29619394e6af06', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: '402de9dfdf29b6544a5ec00befd6bbace4f366b9' }))))));
+            } }, h("slot", { key: 'b63fb900955fe08ea4260a10f34ee61efdcf7dd0' }))))));
     }
     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: 'bf1a163d030f5325dd845820b647dd4c4fa05a79' }, h("button", { key: '4cc998c39001d2f0c12ec9a64f3d7e5d202d95fa', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'a43bc61ceb457f79ac79dd56a5dbef63f3c92381', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'f19acf62f13a7015cc682e2be4cb7eb57c70b82a', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '463c58efcaef7de23ebbdaf9806ccab14bd71c3e' }, this.durationLabel), this.duration)), h("svg", { key: '6a169884b1a5e13a1996ed8abc396f597c30300a', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '075843744572287a39320ff4031e4f30a4d5d5ec', 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: 'f4dd23782f8554444fbd6769a62b95750801513f' }, h("button", { key: 'c5cc96ff9ebac5a33088998768d05171165acb86', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '2df35d80d67a884aee4427bc0db6e3753f8f3dc6', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '51e267b365601e11965eeb4fb570c997a548ff9b', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'c8f7831e6c5d0dbca221b8972a3be84dd835adbb' }, this.durationLabel), this.duration)), h("svg", { key: 'ed6f2c43c9597313ca7c7d338af43a3b7701aa83', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '32de2235365afbefbaafb5a6d96544bc2709a2b5', 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: '42e8933bc746b52c541e46ac9aaf346ed3f97828' }, h("slot", { key: 'fbfc6ad8dfb4da3e3295cb2098e06a28f4dbc99a' })));
+        return (h(Host, { key: 'd55f8b1248adc8ba93310969ace417acfa3cf3d0' }, h("slot", { key: 'c4540d14f487cff5dfc341ab77efadd348726694' })));
     }
     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: 'e0b180caf1b2604c544913835a077fe1c640bc50' }, h("swirl-app-layout", { key: '46a4dfef6607ed485b13aee3a70c155c60929eaf', 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: '8c5bd6e660e4b3cf1f57d66ac34dfe50117d614f', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '66419e3879ee3b7d779140d0b741b4f9b65c6725', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '17244182579f2a5681d87890100a0defa05bedca', label: "Sort items" })), h("swirl-stack", { key: '94f9b2a585e10bd3bec3980ff1de20a20b266294', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'c3e5dcfff7a77b76b26f52c1612f34d599e27037' }, h("swirl-heading", { key: 'a7d17d7ef3c7c865f5470fe8dce70b032f1772f0', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'e216c5aed6b3967430d89c0279a5224700204630', 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: '505e9ed125057ea6f1d475b09a1cb98d2b841b93', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '8dc32a5ea2c30acad29cff1b0d6e07d8677926f2', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'a0e8088b4765dfeeb63c1f463be942dc2b3aab21', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'af59502b8077735176cadb406dfabcc70ccfcd31', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'a805154dac8f93ab83939e0c85f202d100f2cba2', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '287f49eebd7a6ef1e231230e3a89954cf2e52ed2', value: ["ascending"] }, h("swirl-option-list-item", { key: 'b9f78bf9081a7a41f45cc302e2eb4533a9d980fa', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'ebaf0af662ba3453b03849f83c7233722ccde206', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'b0db86875e76cbca28025263ca06ea8d759699c9', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '4f71ff556bc3621d180a8e48624d3cb5329f3911' }, h("swirl-app-layout", { key: '6811bb5d3696c6523f7b8f7208bb056da9ce3140', 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: '04c67534c559ddced33bcb2def9cc66c29479e98', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '95c5d6fcb44150d8258904ff800c78a0cc38975a', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '264f6d49a8d0bdfd80d033824d3bbb66df29eac8', label: "Sort items" })), h("swirl-stack", { key: '974b1a04bda5109a8ff8013a69ce115598a7b2f0', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'f7b9b520edeb15e644390b174b572fb2aa14a08d' }, h("swirl-heading", { key: '3d579c02dd473ebf53ecf081b6432865a06cbba5', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '5f9c6c15564fb9d11d61406d973753f78f7afe93', 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: '361a686e7f00c414e028787ba85efeb85fb4219a', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '411da81fd731f100896a2b926bde0659fa485dea', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '5920ab330560bbea024b8123a5445d196942a5ce', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'f79297d3945f69dba4f464838abc2126412228e8', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '00be8282b07c33eccfe5fea28760da00e75f16d7', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'fbc9583f01ca0f71cdfd2e0e382f6d9dcfabadcd', value: ["ascending"] }, h("swirl-option-list-item", { key: 'd85467fccce59f060607a04f8e8154e9ccb62b4f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '8b8bc5d7d54c97970e5f4ed63bc4db121e44f944', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '351791e066382018ef388feee72a861c92cab726', 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"; }