@getflip/swirl-components 0.376.0 → 0.377.0

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

@@ -13,7 +13,7 @@ const SwirlSymbolYoutube$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolY
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '0d653ebda90123f9157887ec5e6cf351eb49b6ca', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '9cbfd6f164d2f2d75f67a3c7d1380ce6c3683953' }, h("path", { key: '51d959ea266e9beffff1bfd68d37ed06e81f5bf2', 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: '7bf563461712eef0efcecc277a5a64335e77d8a7', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '63addcb2c955e15a652c6f38cded4c5e236c6f98' }, h("path", { key: '0a662e93fdf00b00985a0dcc4f92b6377ea81522', 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 style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-youtube", {

package/dist/components/swirl-symbol.js

@@ -11,7 +11,7 @@ const SwirlHeading = /*@__PURE__*/ proxyCustomElement(class SwirlHeading extends
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (h(Host, { key: 'b9943131634d1fb86e441193a19b4a094fcdce88' }, h(Tag, { key: '46ff222623b7102fbd58addf2e05e853e2e2f71c', size: this.size })));
+        return (h(Host, { key: '255f86444874d6f58503f05118a3bbe92bd4d588' }, h(Tag, { key: '85f3f6bb7454e7fba40344c520119966f9c010f7', size: this.size })));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol", {

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

@@ -9,7 +9,7 @@ const SwirlTableCell$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableCell e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'fc2b009be27363269122601a854fb07fe9ead689', class: "table-cell", role: "cell" }, h("slot", { key: '4455631349c3222325bdc75316a9d70d8f9d172a' })));
+        return (h(Host, { key: 'da1cb34122da1b3641cdc3a11820d7de7ccee988', class: "table-cell", role: "cell" }, h("slot", { key: '5cf22fb38e1ab2f90db35ed7f839a3346120a11b' })));
     }
     static get style() { return swirlTableCellCss; }
 }, [1, "swirl-table-cell"]);

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

@@ -44,10 +44,10 @@ const SwirlTableRowGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRo
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: '421a51a4a07f48f73a128dafb1aeb85d4d6d3ab5', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'd4a72a45c7589c978722e1e815b7f4da5e03bd87', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'f5a5a4341b91990ee625bf4758c95508e346ec14', 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: 'eb5b6eb8e62db0f72d26426701fb6be53973dd63', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '290c8f8edbbcbec61437b89f814f52d58d183141', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '79e01f4eec78fd323c6f84850e2d8582f92ae668', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'e645da847be35ed69b775469fcefcc49c18cca05', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'ebb6c02f701bed67efcd4b580123e27b56e269dc', class: {
+        return (h(Host, { key: 'a6f2f172f99e93a80dfb95f69ed555df58a99301', class: "table-row-group", role: "rowgroup" }, h("div", { key: '9cbceb02e129a925aae8ed28c2e63e79dd2b702d', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '7cdffd02cc7b6fd3d8c8bdceea22fb2688b8c4dc', 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: '256e76e58737240ad41acfb4ff7d528a0958051f', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '3fe8a0aebd32378d4015e9aa38cfba6fdf9ab289', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'e0586874dc4d6f1b0d9867ed8f4f0db19ba0c842', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '7f84cac41ddbb9320d3ff855c595f082d4de425b', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '800aab58988098a909a3c341e9a1b730ff177247', 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: '7c4015a8815b4ba05ee5008442c60765e291261a' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '50cc40f91b9d028335394a2eb982cf6c3509aab9' }))));
     }
     get el() { return this; }
     static get style() { return swirlTableRowGroupCss; }

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

@@ -18,7 +18,7 @@ const SwirlTableRow$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRow ext
         const className = classNames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: 'e35a84ff43fe783dcbb634b5adc89fa7f50dac24', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '53b3b7127821dedb87fbee74c924fd1257135467' })));
+        return (h(Host, { key: '4358b4d8d8411d08c7a546b7da134e27070927f3', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '2cd84aabc9a8207bf42ff76d11974960c8ffe86e' })));
     }
     get el() { return this; }
     static get style() { return swirlTableRowCss; }

package/dist/components/swirl-tabs.js

@@ -77,7 +77,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        return (h(Host, { key: 'd78b21bdd1f903eb77ad028aa396d761b5094ebe' }, h("div", { key: 'c3258e7b879253d06d2ac66b84df3d3fde928feb', class: "tabs" }, h("swirl-tab-bar", { key: 'd7caa79a2227439b3bb4c75e7d68399123c34db8', 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: 'cc62dc7beeac480a5a165668a67220e18373a204' })));
+        return (h(Host, { key: '495603d3dbdc65d8d3ddba8e0a75c8f8f0ebd5e2' }, h("div", { key: '32c4956721a9b4f83e96772cee86d0a81a5e5ed6', class: "tabs" }, h("swirl-tab-bar", { key: 'd1f388ed34e95b97fcde230be30daf4b6ff957aa', 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: '8a10f448daff2126e76181d42e5a00cc9fd9e683' })));
     }
     get el() { return this; }
     static get style() { return swirlTabsCss; }

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

@@ -151,7 +151,7 @@ const SwirlThemeProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlThemePr
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'd5905b314adf9a3ae78f7544359c7d331bcbe746' }, h("slot", { key: 'c3d11f71afa8361190e953b37fc8a03d6644c02e' })));
+        return (h(Host, { key: '4787f78f70d7421910470f7b16e5a4907cb28a50' }, h("slot", { key: 'dba7075a6774b8c0b88aa44e59a51608eef73b3e' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -143,7 +143,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
         const className = classNames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'ad84575f3cbcf1e8b414b7e2d30b1e14ed6539b6' }, h("div", { key: '6d610587acf5a75a19a8396e526636e9feb1b2ab', class: className }, h("input", { key: '3b010fcce9dba4acd690758530fcff960c6dc119', "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" }), h("span", { key: 'fa9e16c19287bf1b60a6a26613d7c82fc8a450ce', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '9a40e242b4eb53278b5c4d7503fc934caa83b778', size: this.iconSize })))));
+        return (h(Host, { key: '34a6a35e78cd7c9ba123c375e54ce5ff40cd0f9e' }, h("div", { key: 'bfb7c6bae8d7e0fe23755a22d720f4ebf37ea805', class: className }, h("input", { key: '01cde52c05de4afd2c7da448b8510784e750c85a', "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" }), h("span", { key: '31232be0e7eb1a0cb429584c0f507512083eed8b', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'd973a12e29dcbcdd90dd4b0c27450258b4d9b918', size: this.iconSize })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -18,7 +18,7 @@ const SwirlToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleBu
         const classNames$1 = classNames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '59fa0013b0e89eac0bb722254ebca1505a884235', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'a9e9e990c71ad7c0537f07904eeef1d0fe55e9dd', class: "button__icon", glyph: this.icon })), h("span", { key: 'ed362ba930a914fe8735eaeb2690ddacb05e11af', class: "button__label" }, this.label)));
+        return (h("button", { key: 'ef046d50c96ef2ffd2b910c63e9b05de2d814c18', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'ef93ab6f17ea1a39d76696daad256397a8099fc5', class: "button__icon", glyph: this.icon })), h("span", { key: 'eeebae27dde48927ad13ed3501e40ad6a028f9ff', class: "button__label" }, this.label)));
     }
     static get style() { return swirlToggleButtonCss; }
 }, [1, "swirl-toggle-button", {

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

@@ -93,12 +93,12 @@ const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTr
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: 'd6fb77d697125eeca188a806b4d3a5a3e759a02b', role: "none" }, h("li", { key: '77734f81922b60a49809a2ad6a0b347caa1c1034', class: {
+        return (h(Host, { key: '23de0f3ce6deed0b3c0176c8b03eaddcc3041153', role: "none" }, h("li", { key: '3aac3e31bc283d036f8626e247dace7c38b93679', 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: 'a0926e1a489028e53f58d3f7669e2269af0a123a', 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: '9258266dc382c39f90919095eb4d59da1d196531', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '50a25ce9cae0b3cd2e589cb88be65171f67b7a79', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '82ab0a3fd85a00716d5b4cf654b25a5dc735751e', class: "tree-navigation-item__label" }, h("span", { key: '793584416a380c2d09be90352009f859052aae35', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '519603990f680396254190c05e6ccd8dc27943ab', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '6a99d31d9ce7314867de6037d0a4f227da208bbb', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'd6c14a15acc3f51bfbcadd054a1f06453fa30b45', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'ad5e4376ab4458d4158b2f36d16793b9b6554615', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'b7e9f8883ca0547e5450194041ff3a11c9dc7fbe', 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: '21353e3fa67cd6f771072b338bae5e5af5ef651d', 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: '3ea99c39f28f1ab7cbe694744b3c2e3befbed9b5', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'be6a0678cd66d3cf774715538427616dd5d857f3', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'a9c9a8f7adfeb35ca328952fea88e0f846eb5eac', class: "tree-navigation-item__label" }, h("span", { key: 'f4fe625bfd2c49513f5d75dd616c2a37104e76bd', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '584d15842f9ad07a486ddc620399c085a6e2b440', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '6cde176f56983545901f0257787fcdbb6a6299cc', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '740308aeccc86ddeddeb38a8307f52f5de68941a', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '00669662efa51eee9e3f7a6cb91da841a35c5b85', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '167614fab7174611abdbf1bbab95fb9c5c506370', 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: 'e5343b9170600521092110e0566b8942853baeb1' }))))));
+            } }, h("slot", { key: '26d08861a0c1a0e3bb29410484a285520c2282af' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const SwirlTreeNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeNa
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '6bac13de4ea94acc65ea1c34c9d420aafd95232e' }, h("ul", { key: '0c47a6917c4cbcb1398703b7e3789083c21a4c26', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '4947f3826f665b24eeb90d5f22cfb6beee76823c' }))));
+        return (h(Host, { key: '7e1aab6c70cd283e9cd4473208b7256cf64aa4bf' }, h("ul", { key: '7db94e9f40ac88202a7ad64936d15309ee26c899', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'c8f1e133269cba308ac30e457554ed0a9461d2e0' }))));
     }
     static get style() { return swirlTreeNavigationCss; }
 }, [1, "swirl-tree-navigation", {

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

@@ -11,7 +11,7 @@ const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlVideoT
         this.durationLabel = "Duration";
     }
     render() {
-        return (h(Host, { key: 'edf47faecac9e48faeb68ce9decdb5e5207624c5' }, h("button", { key: '75a450720702a5c2d2ace87324dbdd98e6d59236', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '7bf9914494fa7e553403b66971fbeb97e97c5f36', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'a3573afe2eb65580d593e2ea5fa23e0fe18a3019', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'ad8a35f788adfe99367b61bf054166dac83c537e' }, this.durationLabel), this.duration)), h("svg", { key: 'fbeccac5ba6b4cc7b1e3bdb93691ac763ebf4ceb', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6e3a6435f6060076af8698bad118967c32843ef6', 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: 'f051b15d4c6b4f56e5624156fb6d15e7a318303d' }, h("button", { key: '1533308b5da0a6b3a862e0d1db68df4b364f8d40', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '63390bbaddb238105b51681e77f8d353be43783d', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '828149c48f40a88d8ee36ab65414bdcfd9fedc8e', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '5b1336543670ab03560d915be183883656b5b74d' }, this.durationLabel), this.duration)), h("svg", { key: 'a4d17283a8e014facd18ccb3ea0a2f345e889d8c', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5baccd9400ef4c5457b7af45e854577a98bf8ddd', 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 style() { return swirlVideoThumbnailCss; }
 }, [1, "swirl-video-thumbnail", {

package/dist/components/swirl-visually-hidden2.js

@@ -8,7 +8,7 @@ const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class SwirlVisually
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'ffcded2ad602c1ccaca037904892d07c923c501a' }, h("slot", { key: '23aacb88d35fd5411f1704da57ccad33ce52a264' })));
+        return (h(Host, { key: 'd3bc2f2991e277be2f28c1fecf56a524475f187c' }, h("slot", { key: '8bfd7efbdb9776d324e9018402d0ddaa8991a322' })));
     }
     static get style() { return swirlVisuallyHiddenCss; }
 }, [6, "swirl-visually-hidden"]);

package/dist/esm/file-manager.entry.js

@@ -55,7 +55,7 @@ const FileManager = class {
             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: '505083ec6ccf1400a19934b8177062c2f8437a5f' }, h("swirl-app-layout", { key: 'f2101e6c920faabe7f8a2e4de1affbab17b12c41', 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: '0480ed0e39aad951a8d3a23ec4ce85ab482e5aca', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f650570702c7a499d18e11f776b60bef9ae991ba', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '7fe7cd9d69f8db623b239bdc310486424358e12d', label: "Sort items" })), h("swirl-stack", { key: '84c19ae34c66c1780bd463e7c2b2d10ce7e2c279', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'ba8a9239110b3cf5af08460cb0376d071382c636' }, h("swirl-heading", { key: 'b6c01f2a051bfd53da66733c66b130c5d2167766', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '5d77867c86ad9003fe320a049ab95e36ef077501', 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: '47d5d5fe0acd228efbffce6b53ca8ec182ae99b4', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'dd295db87d164e598639d5531e183b5e2915be71', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '51af124a80d628f9671a881f6a6d3e2fb99aac17', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '50461c80a73b734c654afc0bf87897e812706121', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '976fe2df7dcc5095c604801c4a3b44e1eef97531', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '40f76488848bc1daec69913df063b77a76e6b951', value: ["ascending"] }, h("swirl-option-list-item", { key: '19c01d4897a1d5b9c4aea8a1b1a23438fe648a37', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'd9e437e1caa86aa077d7d335eb0b66ab5df1854b', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '12f08df1327fce90035b2316bec148fa01957bb0', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '2ff9eff28256cf3e9f31d975c255ba610dfe07a5' }, h("swirl-app-layout", { key: '0b491cde0f63b7ab216f8fe9403f4bc7d5b3f338', 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: '4bdab993cca1f501e3adbd84fe978c21c27d7fd2', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '038116a8941d0ae4ad57543282cd0eb908d8c179', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '0213a165e8ccd1a5e448f7a6ced553f75e44aa1a', label: "Sort items" })), h("swirl-stack", { key: '15ef259a5443b7bfec3d82fb780efbf936307da9', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'f7413c6b4e487071c350f277025c4cbd0dc12547' }, h("swirl-heading", { key: '07c3fb02d34bb8c91bd1a4708bed706bcc8ef967', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '77667b58ed6602005cf552deafce2ff024eb8a3e', 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: '12c80c62cf958b0dcfa9805ecb745e6b1a515e5a', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'daf8a8d1d0b5dbd40b1c85152dc6bd2ecddf967b', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '22a35fd0ab38fc7ab1b3b0b0682c416ca1ce6706', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'ec8532154a9b16d288308e2f07524dde99b443a1', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '2ced9b92b84ca3eabe6f651209d5d948cc750c3c', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '60491ad665bf900a4f748ae162841f0c39bfc95e', value: ["ascending"] }, h("swirl-option-list-item", { key: 'f39d09ad9eea79590d4be096275afb2132bd085f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'c8e2b13f768b619f402eb30e5619297ae35e24e6', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'e4dde2b08169b71336e62e0e62603b555c11b986', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/esm/index-CWOhMVtL.js

@@ -670,6 +670,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-people-alt.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-person-check':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-person-check.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-person-off':
                     return import(
                       /* webpackMode: "lazy" */