@getflip/swirl-components 0.416.0 → 0.417.0

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-youtube.js

@@ -7,7 +7,7 @@ export class SwirlSymbolYoutube {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '5e914bc78e768cd943d51d3c7995b60dd1645284', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'a77f1c0f20a8ddd40800a65be17bd2191ac4beb7' }, h("path", { key: '8a8a44a206656b9a8659938c97f212ce1b8c3ad4', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
+        return (h("svg", { key: '22b1ee5ff3d7a827ce76cef7cbadc16701bcbec7', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '93a80ce28c2cdd9239fec11ca8b0ed65e750fff4' }, h("path", { key: 'a2820e3daa67d3bf655c94795d2e85f9ca78914d', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-youtube"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-table-cell/swirl-table-cell.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlTableCell {
     render() {
-        return (h(Host, { key: '78caa7d70d78a6eb45b273a4148f268ab90081f2', class: "table-cell", role: "cell" }, h("slot", { key: '03ebf7f77e0cd89c2aac47860007bc77dac2f786' })));
+        return (h(Host, { key: '11893168441295ca4db3e66923b59304af5610b3', class: "table-cell", role: "cell" }, h("slot", { key: 'd872acef983534179b59b0f0760a76a38c2b631a' })));
     }
     static get is() { return "swirl-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-table-row/swirl-table-row.js

@@ -13,7 +13,7 @@ export class SwirlTableRow {
         const className = classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: '2caf64d22604a0724d567d2d70daa27d0c694e78', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'eface7e22ca1b0102b1e328c00e9243006c0450b' })));
+        return (h(Host, { key: '07a0938d84a55466e9ddb0530e537df2848b2c93', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '6d2ef3a22f2f932b8c87a3c42c786c8ee871a6b8' })));
     }
     static get is() { return "swirl-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-table-row-group/swirl-table-row-group.js

@@ -38,10 +38,10 @@ export class SwirlTableRowGroup {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: '198eb0b24e66b9d9fe59ee8b5e5b5191e9018bf8', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'a09e4fee14e1bdba86d0ebe5f366707e0dec01e4', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '7df8e56bf820ea97b43b17e1d1d5ac4c74249f52', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: 'b43ac88115804357d3c7613da0fa36f207713e1c', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '68f59c9c414abd920191ba66b91113048f5c0067', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'ad6c32f7ba0a7931af09020c0e4d408d4e70b8d8', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'e5e2fb09f8aa996636b25c3ffd84dc56326a32ee', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'f8c743a73dc14b530e5f33e144f810841c242cba', class: {
+        return (h(Host, { key: '57f74911bb5dfa192f348752af965baf1802c416', class: "table-row-group", role: "rowgroup" }, h("div", { key: '9c2259fd67fdc29882c8a6d38d1843b3369800a2', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'fa9e6820244da26cc7c4c29169f96e0af32d8713', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: 'a16766e239df9535fed673eedf7ee69dfca69960', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '1b8bcd3ad487220860186e235d8b670ebaebdf4f', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '2252eb8b24b15226d85d6874d5f9bdaaeca93732', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '634767b66d4f1dfed135c861665dfb2b2ed8fe98', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '4ce33959b57d82ca4831cc210bfc1af21221cbcc', class: {
                 "table-row-group__rows-container": true,
                 "table-row-group__rows-container--is-hidden": this.isVisible,
-            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '7b4a7f43a65253c62b83593ccd97c88aaeb5e32f' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '2cb2641897fc600e4608f66335ba9fb31b17d3d3' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -70,7 +70,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: '417cd2c363324dac4e0400979901692a9ccc9f09' }, h("div", { key: '0bc27b61fe1e963f57fe409af4dbff29a4a7fe32', class: "tabs" }, h("swirl-tab-bar", { key: '71f4d6393407bf8e3a273e2f6f072dfb31a683ad', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'b8a031b003bbdccae73abbc7a776d0e26da6fa94' })));
+        return (h(Host, { key: '7a49ff09653c0b1f5e26686142714fc058523d74' }, h("div", { key: '9008b1541394cf74cbaa3f7547052a4ad4ec12b5', class: "tabs" }, h("swirl-tab-bar", { key: 'bcee012c7a9735e5b49403d1f60f37a1e5608532', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), h("slot", { key: 'f115095e588999ca0f99bfb3d307525a2ae27be6' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-theme-provider/swirl-theme-provider.js

@@ -144,7 +144,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'e04cfaecaa92fc0e2efbec589134dfd020dba98f' }, h("slot", { key: '84b2732a9f6530295773e5d43bcb947818ffef6c' })));
+        return (h(Host, { key: '697936dfb240631b474ff63fe3556240daa7c411' }, h("slot", { key: 'd19fac1da82cd342b88a5761df81906f171da60f' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-time-input/swirl-time-input.js

@@ -165,7 +165,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: '2eed4fbbc37e3976c200b5658822a6dae155bd49' }, h("div", { key: '3b157d2830c23bd690e571e3a1460e753d0de2ef', class: className }, h("input", { key: '2e473fa56eab9df763ff0ef5640ae55a431ade19', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), h("span", { key: 'a201976142d628815f410a7973585e3b1b2476a0', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '53c0918975410c07535d6d8a6bec167965c8912e', size: this.iconSize })))));
+        return (h(Host, { key: 'a9e5029bd6533422a0b76f987258ac9be38b19c1' }, h("div", { key: '6aa38c211693172487f34ef52f151e4ad6ba704b', class: className }, h("input", { key: 'eae844b1c1e3fef5ed0e4531973ffcc451b45185', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), h("span", { key: '6af2efc0ac23e1c44ce4efa572c9d141aad92b96', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'e090879e594e5425215f8276c1d1ad4a59ddfcc5', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -11,7 +11,7 @@ export class SwirlToggleButton {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '05e336c1099fd63f577770bade5252db91e1cf8b', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'c555bef36d9d91747b56a72ded53a5870486f190', class: "button__icon", glyph: this.icon })), h("span", { key: '38a6fef370bca096470faeb7bbd24c5680b59de0', class: "button__label" }, this.label)));
+        return (h("button", { key: '076dd33e9da2698806a29bbbd9244c5a3c5d553c', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'b1b3a601d9c8b468ccbbbf77c2dce73a20c3fe91', class: "button__icon", glyph: this.icon })), h("span", { key: '7bd41b9b22d16c9595f9d520233fe4232c945480', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }

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: '3b926ee15e9d9b4ba5eaa4fa0540ddc1bea552e9' }, h("ul", { key: '3fee050e5cdbedcbd618e6d557941f0cc2a536e9', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'ae198a23dd3cb2e44dc55490f93096c05d40440a' }))));
+        return (h(Host, { key: '94dc5f9697a6590089aeb9e13858daedf66b358c' }, h("ul", { key: 'bc3341f4ce41c16669d3271d9973eb612724fa49', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '586ad2556152a4c8746ef2a86fbf844577a1169f' }))));
     }
     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: '75a2392d8b7c704f51cf942bdadc1e598f47ae99', role: "none" }, h("li", { key: '71954061219ec745b330b0d7caa4af2f45e7ed0a', class: {
+        return (h(Host, { key: 'c34d1ddb25d367f8c4298cf6bae2c80f0aa63d3e', role: "none" }, h("li", { key: '124653d18246ae2b5314c0eb53841b51133692c9', 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: 'cb8ae580467d7a3ffd50174d5c6848ee82435d69', 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: '5f64246bee69932953fcb64e7bfb6d7c763cadeb', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'e97d196f48a279bd87f0cca23b45a7419f791ab4', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '0b153a12bc6bcb60530c1f45b949dd86b41d877c', class: "tree-navigation-item__label" }, h("span", { key: '22c9d7998d3512bf4c23e1f6eda5f920b1dbd17c', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '23ac34a2695cc7ecdd31ce61da3e925ece199893', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '8e9690297c71cfe8ceb7244554531dfe51de0b9a', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '034780c89b4b149180d599370b7544953a880334', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '1e719a8b85dc0db8eca9bf5be9f49b01013936b5', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'b6d6bea9a9d34d369757f902813f65d77492369f', 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: '2230725647e16e33ea60a8974173debdedc6301b', 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: 'b37e763760d31d2ca3f82315a002dd60471301d7', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '3ba4a61b30ef4e4ef0ed5ad831a754af515531f7', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '281b7573fd6588b98e0ad36a041935e1ed1c9dbf', class: "tree-navigation-item__label" }, h("span", { key: '4afef0697d115637a9e127aa931fecd9da08c884', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '5a57b996794f4b0f3d35e8f07d4d8c964cfe8e58', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'a9c845c23c2073d2d44e3913faf1e45a97f8eadf', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '57b27184c7bae544ce4103fdcb82de6146afc4da', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '7fdc82da3ac99d88301367a1e782dd26d225b70c', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '798e33241ca61cadb53890783ac7a0f37dcc7056', 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: '069136c734773d999a0d3d21b8d95bdb0d58aeff' }))))));
+            } }, h("slot", { key: 'f971df40987755458bea9a1798a8cb15a37fc997' }))))));
     }
     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: '4c40ea87fa09915ed8f36394bd8209472690b386' }, h("button", { key: 'f7c776303d8defeaa06dd7ba3c73986fa2b87278', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'd5a9b621e31d8b26e8ff5e948d8b21b5048b6f95', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '50f5ab07717c98bd71ee2fc38a57dffc3a94e1d4', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '5a9af543dd332282397d17f3b5e3080781b3abd5' }, this.durationLabel), this.duration)), h("svg", { key: 'cd0a5cd08a9aa653ac0ff958b1ff208581b50a04', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5d35d4e25c04a2f3ccafbc893d0552d61fceaf44', 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: '3aa9cfab4073b081056256b738d6f4d5c9d9fc9a' }, h("button", { key: '4a6dc5e379daf31b8c0e20e070accbc554b58a0b', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'dcacb98586948d3940b2d123e10dde1eb283b96c', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'c10f4b77f29f9eff2ed8b4eb07760748a67ccafa', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '966fa69d72cdc49e4383fe0baef03b8dedbf8de5' }, this.durationLabel), this.duration)), h("svg", { key: 'a445322195ebc8318294fcd1ddbd2959dd239fe2', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7222ba77315fe12961d00340fa1d4559158154e2', 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: 'cf66fa7b42defce788ceebe18cf215fb91350fc6' }, h("slot", { key: 'ed6c54533372eb340734e0bf6807074259a8190c' })));
+        return (h(Host, { key: '546b96585fc1e15493e2c7fa92b9cfc28c1a8ffe' }, h("slot", { key: 'b185e3832112176945a554036154ad921c8693ff' })));
     }
     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: 'd8bc41d3b6320c2db9fa5afdd503e8e4d8c382d6' }, h("swirl-app-layout", { key: '81ac301852091e08150ebfcd61cb585911835318', 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: '3d847e386e4038abb72270be7bec04de89f296ae', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'a1d84b7cfc30f6c8118b7e11108176f14b537074', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '59b48e7f02333b0bc208fb5d2d035d337627d0bf', label: "Sort items" })), h("swirl-stack", { key: '4ab94b39c9eeaf62d0fd201d9be2b90b5dc0e7f2', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '9433505a20150e61ea8b6e720983259887eb9b29' }, h("swirl-heading", { key: '85385e1db0a92eaf24d07714ae2c5bef96dc4c32', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'e74e05d882ad4aaffaa85fa55f0f90890d2fe2b5', 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: '45947938452a8cad26485209568f2507c90a095b', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '1881cdd81443acf9c8aa086997cba90aa0d2b578', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '825d6493bf1bcbb70eefebcb2e89fb3ab927ba69', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'c90b0b832cdb2f9ea1661aaf89fa6da4efbbe4e1', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'fd2634927921f289eb3e5899eba239776fe84181', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'be57920f2a288c1f62dd37341d0ff8c38a6b57ad', value: ["ascending"] }, h("swirl-option-list-item", { key: '1647fa508ee1a9945cb9c71ebb74eef8efe592fc', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'b377b3ebc90e55ef270b48e12aa96b9606c94834', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '0b2d24d1e643e943055b48c454e46aba64d14352', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '033cd98259db8fde66590742d5c62eafd49bb8a1' }, h("swirl-app-layout", { key: '49e643695aabe7b46d370adfe2304597118e519a', 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: 'b9f8c7a1f9fb02c04415d6020d86d962cd613456', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '5fc966672d66581b50b573e7fef5ebd7381efc9d', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'a4d9254936bfbf053e9bab6150a5e1aa8eaf80d3', label: "Sort items" })), h("swirl-stack", { key: '9352feea99cdf8f13bc2d1c8d44c45b4ee498696', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '4a90ddc1754a86f15e96eec7f023fcbb99beb37c' }, h("swirl-heading", { key: '3da5c6305d259b85ba17284fc9df32d5ba00b997', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '71aa8bb19bce2c98276c66a930913e4ce6f85f8d', 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: '4901004c0e9a1373ce4cfd871d24791ad55fe600', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '2a33326df3f52d029a4654c19320c286593a0430', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'f2a65f340cbd852bc4e99990066ee38d3a230317', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'c86e954a2afd276bd417269abbdb75fdf83640c2', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'd17fc5d16959ab993f179890307959e98ae4e5d2', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '0a3feb14cf9c6fcff4b3ca8ae62636f417ba8a30', value: ["ascending"] }, h("swirl-option-list-item", { key: 'f7a1488fd53ef33b812603628b67c706dcc4a7f7', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '70d826e2bd8091145de9f884cb229b97600b80de', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'b445ca7fc25ddf307e7fde6a8d793cd89e0ca187', 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"; }