@getflip/swirl-components 0.357.0 → 0.358.1

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlTreeNavigation {
     render() {
-        return (h(Host, { key: 'cb38614c23f0094033ec98a3baa74c78f6c442a2' }, h("ul", { key: '98ae37462a1aa9f4463d59eeab9fb273d2b8b6d8', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '3f79b9c2ff0f4124b8f75b3cf58f021b6765abb5' }))));
+        return (h(Host, { key: '44877acbe59200bdf5084b5a69a5502e27dc9b94' }, h("ul", { key: '1c034b09e3838599d2f5e127fb21cb8a3a96c853', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '7e0181ef64323009914053e933b5be373445706e' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,12 +83,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '39c9d830252adec9be51e6cd5a0fae6f50ff51d9', role: "none" }, h("li", { key: '6f5236d05c45425393d3371e305189face53dbd6', class: {
+        return (h(Host, { key: '6d6141690655dcae3f90a9bc67fda420cd974996', role: "none" }, h("li", { key: '6325263b15c8536b852c7508e0a8a19d82c5a2d5', 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: '8ae91cf369108cade1e27a0b12a65c867657d816', 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: '6cf2ae2af4221eeedbcaf729be206125f8e38a83', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'f8bc6f3cadceb6c8ad0257ed7dfa59684c9f2131', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '28ce59d45b0d0f0540e239a19aca1b269748a692', class: "tree-navigation-item__label" }, h("span", { key: '29706b9fabca1188562e988cd557fed7e6d26453', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'eb6880d400f19b1f51f2fe1c6dadc0fa72063492', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '5d1382aa660613faa1ee4f31bcf3ab0d835e6b26', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'b393d466390c9890a1398c7609a4fec65bc6a947', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '80b5de2a73045b8387bfdf91be4fb5e37e7b54a7', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'a38548095cd8a83327dcf13f3fa05bae58117ec8', 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: '749ca2acee1a058e0b342030071abc6c259fe4a5', 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: '93df268dc172b0b00838e85dea0c235ca7d86ad3', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'ec4fef741b1fbfbffa4c5d635922d6df38837f3b', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '120231551a0a1f015c39308aa2e8792486e1ce6d', class: "tree-navigation-item__label" }, h("span", { key: 'bdd9a81596b8ed0b7e6e5f8066d938c0c4fe7483', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'aa39a7dea0a285f9c7c8cd2ed709f273c8c6c2fa', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '4f39f4c6338caf00f413ee2cb5e618fb5f93021c', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '300fcb5c2642610b8d1c04b55d7043a8c1202575', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '201575b99c2c08ab87a1a2aa27c5076c2536df37', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '5c40d688fe37047179975a66e6bde845e2407d62', 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: 'ae6e41bf6226ed66f7a030448df18d8e5f77730c' }))))));
+            } }, h("slot", { key: 'bcc8a82765c5063cb555df01cbc29e49acf67c42' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-video-thumbnail/swirl-video-thumbnail.js

@@ -4,7 +4,7 @@ export class SwirlVideoThumbnail {
         this.durationLabel = "Duration";
     }
     render() {
-        return (h(Host, { key: 'ebf4104933fe996a1b5bf75429860ca35af45873' }, h("button", { key: '560064ca78b5bac9f9f557d669b0943781d2979b', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'c5e0d43b0fadc2dddc8064adfbf5e81a43248e58', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ea42f74167078cac846c3d2ed8abc8daac091a6f', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '88f0ea33a732fc930136499d3487290097aae01e' }, this.durationLabel), this.duration)), h("svg", { key: '3985277d983a2528959ecee9ba80037c3037e90c', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '00639d70e38416d5479e79f7657e226b42629e07', 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: 'b7848ac0fd632d82881ec32b6788af1cfeedcdd6' }, h("button", { key: 'd82ec14ad55f545433e45d3aaf19572c38d60f70', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '710e5b511c2fff8c096a2729a0fcb137736b1567', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '2167b00a5a3ed34526aacf7e3ae567064828e5ad', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '3bb37be143efc366385e22795683193e4eb0edde' }, this.durationLabel), this.duration)), h("svg", { key: '995738c3762413951031f0fcc268c5b6a038c0a5', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'e5bfa32957a139ee887e7b96f83a3d1d77ceac5f', 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: '555af564691d195bb1ff8c8ae17adfbaff274da4' }, h("slot", { key: 'dccd2bc55134f02e7b5e20dd38bc356e2a50dd82' })));
+        return (h(Host, { key: '8a10c5558dca9a0b2e82baf16c954eafed880cda' }, h("slot", { key: '01e5109bd624c8b2109aa7d3bcf980aaf0da222a' })));
     }
     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: 'dca35dfb9ec612b23ebd8266f396d60b6b0f98d5' }, h("swirl-app-layout", { key: '8ced6ef7794dab649ddd30302b03a22f8c84cc8e', 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: 'bdfdb4596bc0be89198aacea37aec8469f9bb469', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '13862793046c0f14cf0234d77dcfe6de1d24f2dd', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '04ced670305a5831ec1cd7eac1ff06c31a208eb6', label: "Sort items" })), h("swirl-stack", { key: 'b57ca426d7119671bd1b79359767f2ef689fb762', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'ce6b50fdee3285b1c7f5512debe72fb545168da7' }, h("swirl-heading", { key: '69da45b9ec5928f04291e6d6f699acd2d20d9835', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '18c47f53f1c980b666e140f3975764bda57d396a', 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: '72c96fe00f73cfc698c30c67c9abba0ae76ebbe7', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '53cf2649674edc56fe67a5f80680d8eacdd6bd93', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '7b54cc22d4cee06d7088b37bc761a05489a7db7b', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'e23c68c70e3efa91a9e4e74d6e0e525f2ad5e672', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '42cee673c791856d84bc924033ce6fcbda7ca9e2', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '0ef4ec2f94f5c98303b81e0e106c0a72404202dd', value: ["ascending"] }, h("swirl-option-list-item", { key: '60898a5ceaae08799f8c002cc303946a3d7b532f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'f2a8448ae79ffdbcb8983308485de308bd0179e6', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'be78ef3c98ee560ec6b7082d709d954e94221cdc', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'ed977442d1be9f32b2e2becf4ada0a3c8e2f8633' }, h("swirl-app-layout", { key: '4e532333aae528e23d7f12b467397055034ec2a4', 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: '3e56414a3d2f38596b6411d36a6bec5a306daf6c', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f7039599306c608802aa0915d4dc5dacee603c6a', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'bbf2c198358edb1fb8181ec620cf5f60e7936bd6', label: "Sort items" })), h("swirl-stack", { key: '281e60350e670c43d751b38275084a8b839e1b8a', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'dd7ead68a025851c24e07a8cbefd7755126e4251' }, h("swirl-heading", { key: '0d3ebfe8d20876137b6c08cd3279f19bfdd35072', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '10a3663a3fdb1b2cce910e3754cc96ba0a9aff14', 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: 'a9eafd888f30f04f3a0838b0cc95a1ee67a6f193', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'c3bd1235e834687ba553396b98e68263dd49b05c', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'f61f994010694fc02d2b34e38c7634bab6a3650b', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'aa44ae45f5f309f8784fc535f6c2088a1e352ec2', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '4723c16f692ff667fb7a01daf0779edc351539bd', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'fcf240828f9a202cec85c9a064ea3d9fb00210e6', value: ["ascending"] }, h("swirl-option-list-item", { key: 'e690ef278c218b20da5c748ee7ac302d75085beb', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'd4c52d04de939dcd304dcad2c98fdbda71205091', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '45a493fc29017b7bfc335cc08d304073b03b59ab', 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"; }