@getflip/swirl-components 0.401.0 → 0.403.0

package/dist/collection/components/swirl-toggle-group/swirl-toggle-group.js

@@ -55,7 +55,7 @@ export class SwirlToggleGroup {
         const className = classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (h("swirl-stack", { key: '592281557bdff4eb63d73e2d5f7371726be6a160', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '08fb51474cd7e1357891139b35c20a3279d9b5e2', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: 'f23f280ccd329a6dce85e0936854ad641c7f02be', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'fe678b3ba4ba727ff851295f338331c1fd9bd327', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toolbar/swirl-toolbar.js

@@ -65,7 +65,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '9369f6a0113fb50ba750b4f16c25c544b1766154' }, h("swirl-stack", { key: 'f2c667c134c39c55ceafb36ba4b6e23b654a34f4', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '138163699ddb35e2032885fc5b0a0bcd4cc26d62' }))));
+        return (h(Host, { key: '6839d6b80aec0dd93bcdbf05d6ee1eb3cad5ae94' }, h("swirl-stack", { key: '9f40313da2656080f7ebe0d04958afa922f0c6e6', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '1b4462914f0e66be04c26d711e060cf1cdbf7c10' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tooltip/swirl-tooltip.js

@@ -133,7 +133,7 @@ export class SwirlTooltip {
             "tooltip--visible": this.visible,
             "tooltip--promo": this.isPromo,
         });
-        return (h(Host, { key: '7ef28ae781629b34563a9efb0f1dcbc2196a3755', onKeydown: this.onKeydown }, h("span", { key: '811e3f71710d631f3ee92cdffb162cca16210029', class: className }, h("span", { key: '9fddd540fbeb4bb648f80dce997002f4b95376f5', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: !this.isPromo && this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '899f37b42f80114ac92c29573d092a44f357c6a6' })), h("span", { key: '6dbd45a546f0bfe17e1ca21000b58b99e8a3a36e', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: 'eb98693ca0f89f2d87d77345a7a40094ad2127b0', onKeydown: this.onKeydown }, h("span", { key: 'a9136430b03542b564d5ac0e7a607c15626ebf7b', class: className }, h("span", { key: 'fb3360a98a1dbbc2882dd476ce1bece24262e5a4', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: !this.isPromo && this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '66284a39104223a52ef2c7c4b7eae3989e427c14' })), h("span", { key: '83a41911fdd3b4b71613758de21a9a82b77ee32b', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -141,7 +141,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: '409b0242a3b2e7ad4229e7e8c420740b24a36cc2', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'e5f0c69876909b0d40a62aa346db0f7eb83b1e19', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '6c2efa3de503af164e33944e39a1972b60ff8e70', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '9b1d1f18199fd58c71151f18230a8d9372ea6dcf', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'e9e0c0d96cd1fdb70c43b9f45aa9e5f8c04056ac', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '15abfa4fee4eec0ceed79bada17ddea2fcb5a189', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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: '86870308bca066293786f8864ca39377e922f765' }, h("ul", { key: '3ebec851bb00a9d406d9bcc58df306c66b7f3724', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '3a9cf1a0069dd30b73b49ce295896ab5226f05e1' }))));
+        return (h(Host, { key: '78932b92386edc1f8d31fd494351dc4321da29c6' }, h("ul", { key: 'f4eaa660a12e48a9550a69a2118ef9a3f6741d40', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '3b2eeb626a3c4f7092f0f776710c471c6250f5fc' }))));
     }
     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: '1d750b175e5715e6ce44f427be7164cbf208c992', role: "none" }, h("li", { key: 'df354e4bb8486eb1b59cdc18ab76319fa6a54d8d', class: {
+        return (h(Host, { key: '621ae792f9eb477341a9534320be2ab9e2ca27c1', role: "none" }, h("li", { key: 'bb3581e2192fb80f4628a2a0f27c70e746e2081e', 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: '072c1e016ca496beb24b1066d9ae29322fd70418', 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: 'df801a9a7bcaff5da25905dfec39b460ed055096', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '4c11dc3049f488e4a729f548bddffcea8f4a4dc0', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'ba8d1fbbc813568617c4e19cbbf4b6b0676acfd1', class: "tree-navigation-item__label" }, h("span", { key: 'df1fe9cda6ff97d638c9a1ea431b61275f44c8b0', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '2fefe3aa3a88bbd5041d16e629fc9089b859075e', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '3f3bf81b0c92954ef16dd9b5e1f12ef03e50f41d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'd27a45e3ed535832a86e1e9630c4225d9ee95ab7', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '66b459c55c22945c6fa47278fb89e54ce12a2d8b', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '0147cef7a24a5266e6214aee2b5e0fae5f4d82c2', 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: '6d4b5dd9f2138b97a191f0d89dad2b0ed9b47c1f', 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: '42feb43c08e7df27bbf086dcbe71bb96a45d1420', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '2d8220256f6b971daa75718ea4ebabe04fbd21cd', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '86e031b78e2e8b14e58a5d2dd57106d1e6a1a23b', class: "tree-navigation-item__label" }, h("span", { key: '6e9fcb6b857290eac953426aabae8deb9827c39a', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'a3bcf65724f407b9d65005dd2093506ee3d3d4b1', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '808909c28007253376562e02ae942cbd1a0471a9', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '31dc142a5d2ab125b52d79b6e87b428c87e695fd', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '70ffaff6846b64ad0bd24cb11bdf7cd0d6f63399', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'c413bc0709b2964d5b2ead46a15b7a62c8961a9f', 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: '128b8af2ea1e0b39da09de3cc8ad3329fa1bc50a' }))))));
+            } }, h("slot", { key: 'e4aff6890273813cdba6d868aa56cd4121940ad7' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -327,7 +327,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: 'b997026b01a6f01571f5dd435192a9568ee399e8' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '2a12eed1bcbb1be9ca09e6494cfcecbc6ebcd9cd' }, h("span", { key: '12297618e8e047ed6df71b906f0be8960adb6027', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'ee8d26c52e1c76f908f7ed981131a615086518f6', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'cc848e39bcbaa19e89d74ffd3edfa92fc934e278', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'af212560933d4d25aed5c8c6ab29dfbf099191b0' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '3fda34a2bbed2db99dbc4093305c7e97fc11decb' }, h("span", { key: '7ce4fd8428123b8ef3ebef6d0866fa20a6b6d068', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '341bf102916bdb27bff6b93cd70318035660897c', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '6fbcdae5396114941da4ed4d69427925926d3e6b', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get originalStyleUrls() {

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

@@ -329,17 +329,17 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '92a6fc72ba951551fc8bcc6fd5ddaa3ff1b44f5d', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: '4ce0aad69e8863aea1efd79497f39147461f4c77', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'aee6e4e236b9da37d794e1cf53970be78a7a42f5', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (h(Host, { key: '85e75eb2f59216e51173b3be1bbd5ee7c77e4d5e', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: '873f1009d2fc31ca6405ba8680eb9c7ed52e6237', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'ddadb7672ced5d49a1889c207ed5414fe843166e', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '12067d39e01689715463586763bcf57b3792f6fe', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '587163d893c82db81ac14043387aeaf9fae01f28', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: '8e296cbbee0496269ae851e932d757872e48f414', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '69ab051f3055d7a67d39d2c3e84a6ecfc17ff6e7' }, 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: '1cd32216980f812b5990c23b723428dfe50fa265' }, h("span", { key: '2ef9a931552385408c773d1002175b259e8ff20f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '7de30e721f49840b8e9343d9643e4b04d2f111f5', class: "tree-view-item__label" }, this.label), h("span", { key: 'cc03525b5dc4f9ca2d8e8e6055b4bb5a2e8f1d62', class: "tree-view-item__tags" }, h("slot", { key: 'bd6f7235df3e6e7d7c317ae7402eedadb66029af', name: "tags" }))), h("ul", { key: 'a8bde6803502059aa11da1b78cfad862ddb6da1d', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '4a19b915e35d9792020eeaae8f6c3c1541683a75', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '6a439888a065b56dbead1a59b88fff795797e8b2', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: '316317a5c271899435f34345d262cf585d2f5f50', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '0b4577f22f88f402c6dc408f1cd77e4bd7c5f769' }, 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: 'ad5645282c3699345a4c286e989b17f81312663b' }, h("span", { key: '3549def1d7f07c0ae74957be4ae884a867ecdfe7', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'b4754d092b4cd2772ef5469dbe16b03b8417c022', class: "tree-view-item__label" }, this.label), h("span", { key: '942a98ae9ddaf1996ae7dbfc86cdef867a562cdc', class: "tree-view-item__tags" }, h("slot", { key: 'ac063ace7e68e1eaa9139fd2bed11872475888db', name: "tags" }))), h("ul", { key: '6e68c5bb3011f85db3194d1ce2ffb59696e108de', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '5eacda6fce923483bb832e7ef43659eb8296b9b5' })))));
+            } }, h("slot", { key: 'f85be0b35de0af062619dd7d2503b9a167122102' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

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: '89dac32f65bef0a46b67703fe29f712d8177ad26' }, h("button", { key: '5f8bebb67d9dd7de8e5313c45869f5a5e0ae6398', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'e250188befd06bacf95cceb642b6a3f99d4339a5', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'd7223f77200e3ae6385de7533faba1df176a6fd4', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '5fa5a326db2af07b947a788f5f732bd171a8ca02' }, this.durationLabel), this.duration)), h("svg", { key: 'a5036ced8bff84f95bc39135b1fe2758ac194c85', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '27ff5a6714f1c3ec692f1bed311ff0607d07b10c', 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: 'b7c2ffa7c9c9663fa2d34e7674ebf406f5b9d192' }, h("button", { key: '0303f0f2f7196639266db3cc51a850b78b521365', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '558e5e40fce4ff8c54a3b5d89ce660929eba6193', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'd85422f57771d31aea4e551c57ab9c865816d546', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'fba1f6ad553f69c015e10568097ea8e1229b6599' }, this.durationLabel), this.duration)), h("svg", { key: 'd1307ddde90dae8a211318dac31e6b442227d19b', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f8815b7fdb8a453d002d8d3cda437fb5a8430157', 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: '09b1aec3ccdba045e8ebc6d830d708ab7831f74c' }, h("slot", { key: '08988756ba69ebcefe7e71f588a433c286c5adbf' })));
+        return (h(Host, { key: '9ca197471a06c7bc65a533fb7e72790e19714c16' }, h("slot", { key: '3f4b2fe55a08a6e93ee86457a5994d2eb8c49929' })));
     }
     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: '14083c93c9141df0ab609647a390593b71d4c22e' }, h("swirl-app-layout", { key: 'b37221b75a21db26c333a556b91dffc66f0f6e8c', 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: '4861921bbe71766f2b8c05ebad59af0ade0fdd43', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'c6cca65267d4ee5d7b851526311eca602d919b07', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'cc6f70b78dfdc12edf541e41fc8bfc15981d3ebf', label: "Sort items" })), h("swirl-stack", { key: '09c69a17c5bdac668bfa3a5938eeb094e493c15e', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'b05439a6c50fc72ed89df65873919351a6711fd3' }, h("swirl-heading", { key: '37ecbf0cdbd0e803c6f79f3adca1ceb37bf347f0', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '297447a670515ca3a88a8a7ccea466038f92f476', 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: '8240220a1322361d3f2fec3fad59c5c26572fab8', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '42c52c5c8e177328cc574f9de32793854236beb9', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'bf1986bbb921c29644e329bb47aeef3128a68412', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '39480bd58bc6c28a65823ee9e341e142fbb8389b', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '323f9a781a1b12254d8e1b41ff21938ba6c8e372', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '7156996dd05db60fca86169c2740052fdacf9eed', value: ["ascending"] }, h("swirl-option-list-item", { key: 'e5534f804442f5dd2583348454dac9f19e73e8e7', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'b6f8a821b576baf0f4e0be6592cbb679c66d0eb0', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '99e497bc9b4771d75417a7320260c1c2592edc23', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '933282e5d7b61c5d9523e5292a3202061c2231c7' }, h("swirl-app-layout", { key: 'b81370c384895dee865880da20d7398de69e7dbd', 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: '5da58a4136138b0b6d4a1533ec76c52fddd572e1', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'fda8be398cfa4d0e9e91e40113a4556b61a34a28', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'd89d3a96b7d1fbe6cf9eedb8e321e09e6a6e75e5', label: "Sort items" })), h("swirl-stack", { key: 'd2e047ce6e5ffb27c098f814973e660674f382db', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '72cb5ad2e1409e3e238592d65134f8474f161f07' }, h("swirl-heading", { key: 'bb98c7272c6a1a3f8d353071134e1fed32e808e3', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '5748950cf2f6a4bb4a071cef02df1142bfec49e4', 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: '446a94e91c99ff7fe7d29d523842fae99fd8223e', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '00fa3bc27c267af962f22bd4afdad084aa09e94a', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '70a0caceb5c3b402b60ef129247abefd21f40e5c', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'dfb1b0d4c18d2cc58a62444bbb67c872e974f305', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '155b9f1aa46daf464dbe88e967ac1967861fa852', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '5878b8dd2a0c5e7e36ea742f2f6a95a8c43c7ca9', value: ["ascending"] }, h("swirl-option-list-item", { key: 'e02d8b566578a32df3a3256fb7911b591de2f379', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'ef7db2f6eb886e355e59482f2b4dbb1ead5c1e0a', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '142d290d4390d9cffd6034845f9421fb9318074e', 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"; }