@getflip/swirl-components 0.298.0 → 0.300.0

package/dist/cjs/swirl-toggle-group.cjs.entry.js

@@ -61,7 +61,7 @@ const SwirlToggleGroup = class {
         });
     }
     render() {
-        return (index.h("swirl-stack", { key: 'dd91f7ccecce01bf2bd29a155b888b1c7ff0325e', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'b22ba319fb73e5c448e513156f64f817766fd055', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: '38ba2ae6fd183ef0b1f45af3aa09dc13d9a0fc7e', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '333d7b64beda4587448e92a7dc70e9ff7e7dbd40', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toolbar.cjs.entry.js

@@ -75,7 +75,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '0bd307a0ad1039736f25124308ad98dc4fa03d18' }, index.h("swirl-stack", { key: '626904a735a98982c9f84aa1e27e1e4b7cd78606', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: 'c4f06b12016aa2589d470ca1dcf4f53a3ed2c099' }))));
+        return (index.h(index.Host, { key: '5416d10668ae2e88c6ea3501184dffe87779b9f5' }, index.h("swirl-stack", { key: '02e4d2a3d41b63d50fa85cbab86ff0a11bfb02ee', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '46c598bd3a3b716f28c897669396bd276de3a2dd' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tooltip.cjs.entry.js

@@ -119,7 +119,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '529375924a131657990ae49ca1577e384d7fb757', onKeydown: this.onKeydown }, index.h("span", { key: '6738c27b573fd2b6b9ddf090454a67fe1f28a7fa', class: className }, index.h("span", { key: '4152986331edada0253c5eee675c2841ddee4f21', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '15e1427b464e34bd69aa29527d99294e56e2a432' })), index.h("span", { key: '1632c52e95fd3b944ba6377beeab511deb1e995d', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: 'bb0876790cd15f687658d29771ceb91b8dd88001', onKeydown: this.onKeydown }, index.h("span", { key: '9da9846ede5394a165faa1ded155f88f9760a947', class: className }, index.h("span", { key: '327bbb9753c47e08c0909f2df05aa4d86b5a4022', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '5b5a39b6507808a3926b613af1612b19d64585ad' })), index.h("span", { key: '81122c462ef32fb61185efe4bd796eec600eb341', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -127,7 +127,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (index.h("span", { key: 'f25541f0a71832bc92bd90cadabb38e22c5e8f1a', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: 'e7e07ec6b2dbebe5a713e05d9c608a91f8128c80', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '5772550951013f59e059277ba958efc6380f8f73', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '5bdfba1be1a42825041510626995a68726a6cec2', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '98b85837ac1ab5e8809bc264e67eb6b058837405', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: 'd6486b3b8b03567eadc72b514c2fa874040c1e6c', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js

@@ -99,12 +99,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: 'f18b67c58e0aa8fac5291b8c0a6214852021cc6c', role: "none" }, index.h("li", { key: '7aa01185db544c5a5d9f97383c75dde04a22dc18', class: {
+        return (index.h(index.Host, { key: '91d0825352336d88b1c20738c08f93833957b615', role: "none" }, index.h("li", { key: '44b1b57d68086aed645921d86ec588dd10a93345', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: '817727ed7c788a5faa868fb25effdc3518167228', 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 }, index.h("span", { key: '4a4a71f00bc9a9825a51d39a0dc4dacd3a099400', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '4b887aef2710b7d99ca08879cec167c5bf0d1811', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '0c2416f44caf82a332c79f70856f1b1f7aab93a0', class: "tree-navigation-item__label" }, index.h("span", { key: '99283c67764645d4eae695c7db89c9526f3cd108', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '0e97d7a64bfb73b2167d6778186cbf8db2981136', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '7c8e76613a0f2534c5f72315cd2266551f96f233', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '9a1783de80521b08918cf06081846b533b4052d6', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '5486be6428722d1b6b28f920f0bd17311c71ab99', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'ebf61cb2e6ec23082a58282e0028ce2dd68097e0', 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 }, index.h(Tag, { key: '645f8b69e22a756704b64cfeb1147fad52ae21ea', 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 }, index.h("span", { key: 'ee3be24c31d978b237f3365eb9db5ebaa9dcd0bd', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '1a6ba5fa0d42d36b5cef10ae4b5c4a674c54e0a9', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'fb45c421326713a33e4aea6235da052b7faa7267', class: "tree-navigation-item__label" }, index.h("span", { key: 'f1d44d360ffdd000901d94d7ccf3a339b20ff8a1', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '60092336a4f8258de8dc255d4ff3561bcb421f88', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'c226108f24408a27febff0f21508fbc3053d6dfd', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'f25c601b3bb4a953cb2c50a860fc8c82e34aa4c9', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'f546a936e52e4502d908d35087e10fc1bc042959', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '065e64f7762c564c0210395aabb9ba3521e5b4cd', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, index.h("slot", { key: '519cdbd7d36202ad4ead9fd87900a70a6f0c7d11' }))))));
+            } }, index.h("slot", { key: '0ac59a0c165c0e515af930c47da8666f1eac14dc' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-tree-navigation.cjs.entry.js

@@ -13,7 +13,7 @@ const SwirlTreeNavigation = class {
         this.label = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '359b8985019aacfff300043c67f0553a6ed87471' }, index.h("ul", { key: 'f6bdb96a9817f370ab2b926faf8db231534d22b3', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '7fe3965d7916fcf181f851e55d303a413923cc40' }))));
+        return (index.h(index.Host, { key: '6170dc1783135092d40e783ee2c8377035057fbd' }, index.h("ul", { key: 'dc04e572d7a61c96acf21aa3d026b12373d089a9', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '04fb3e839d94ef7bfa13cb0b624909a567c2ba79' }))));
     }
 };
 SwirlTreeNavigation.style = SwirlTreeNavigationStyle0;

package/dist/cjs/swirl-tree-view-item.cjs.entry.js

@@ -334,13 +334,13 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: '11f945581b2760fddabaa767359c5a2902b25cb5', id: this.itemId, role: "none" }, index.h("li", { key: '9124bab079d33cd3ee541e50ec3278b3bbd2f2b1', class: className, role: "none" }, index.h("a", { key: '189f49bd8978bb4effabedd63af16cfb8a11fc5e', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '57a4537fbb33910a26763c24181e00f024a07293', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '7567a5e0b97d58fdd90e4b57bc97f787d50d1603', size: 20 }))), this.expandable && (index.h("span", { key: '08fb4422ade1e4a47337fc2d85c57d8fe8315478', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '2a79ab7004596204a9b2f29d5f0ca90776df7633' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '935788f84153764f54d6ca441b66be7172912dc4' }, index.h("span", { key: 'c10a6b7e86db978bd096e0d57615c2fbaa250284', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '59d6dc11da28dbd760408ee8dcce3cbd35224ef3', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'df26c2bf6d92eb0ccc057c0fd486ca9fb765fcc5', class: "tree-view-item__tags" }, index.h("slot", { key: 'e818a56e60b8a270846d22e4e719724f04cd5c49', name: "tags" }))), index.h("ul", { key: '2bab49ba6fe881e5e23f987e9969ec8793f3361f', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (index.h(index.Host, { key: '518eb93c8a043e5b7ef286997360245fbb76fe77', id: this.itemId, role: "none" }, index.h("li", { key: 'c794913be3167e456da5f356c5eb47508f9bda32', class: className, role: "none" }, index.h("a", { key: '2e2bfc6e89f7abb7087aa05402dbe47540557c6e', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '3d4ef51a14292ac38e96d10d5457fdb710654a9e', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '0e3e20697a9c650e8a5b093160ba276f95989fd5', size: 20 }))), this.expandable && (index.h("span", { key: '3e67ed430d7dc9f5bfad03ac38639360041d1a23', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'fdb782aee9709db0556de1f26360e82f297dce47' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '4a67bcabd58558df4c2d8b92ab63b819aec33fb0' }, index.h("span", { key: '62d3082df1ce3bd2fd10b431fedfbd8941ee3348', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '3b7e5656d638adb381cf33d4df02f625bc8e3c25', class: "tree-view-item__label" }, this.label), index.h("span", { key: '955fa6cf146cb52081f7f2d063e3a1297c65844c', class: "tree-view-item__tags" }, index.h("slot", { key: '064eaaf4c85aa786c2a05f8ae2cc75b7de698f01', name: "tags" }))), index.h("ul", { key: '024aad33ecffc93fda3fcb46322fdf2c72f82583', "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: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, index.h("slot", { key: '94bc6c05acf1fcce468491f17c61bb0f8a8a01bd' })))));
+            } }, index.h("slot", { key: '814f3a933e378e6bdc35f8a29f73c0153a1e0c51' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tree-view.cjs.entry.js

@@ -329,7 +329,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5d42e2eab6b3f055af16fa301b7f9f37013d351c' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '7117b34c427a388225ac21e0d6ccb83134161d69' }, index.h("span", { key: '2b4b20565b1feedfa7efe6f08372aa8260f6be00', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '31419fcb2054dc1c22e7046a3eefdc272a4253a5', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'fcea6992704f7a61c812c6d7fec08f841105af56', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: '2ff064e5a88a606e7f1087795d7e457dfe202845' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'ec65e0428e1c7d1ab62c6e7374c91ad8cd574db9' }, index.h("span", { key: 'cd46892755c70c34ccb8ec3d28e1fe23c757ec62', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: '6ca7397859686915e35264da904cda878587fce6', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: '3897b33fecb6fc620f8b248f6eaf2ad6e27ec7cd', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-video-thumbnail.cjs.entry.js

@@ -16,7 +16,7 @@ const SwirlVideoThumbnail = class {
         this.src = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '8cfb7e53037587a1685a13a2ca10eea9ef711da4' }, index.h("button", { key: '2d77530a617388cadddce3cb4fea5a3404e48ec3', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'f030fd3f0909d31cca84a44ba41aa0ef0bb5a866', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '7d4c745e47ecd04ff9323a8070918913e284a0d9', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '4ff3a1d09f382c347bca34d046b7ce0a5026dd7e' }, this.durationLabel), this.duration)), index.h("svg", { key: '799ca22c57a83ee81f9579fabf95e43da71051b9', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '066803c1874855c5a2389bfb4f45fd0a27947355', 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 (index.h(index.Host, { key: '192d9056cae575d3f553e04e6c51b37108bb8b39' }, index.h("button", { key: '9e3caed5ec654fea3b76b6a93fa4b30cb51a356e', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '192256eedf2b179a9c63fc542d41ebd4596b164e', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'afbb63ae1c500461a60c5c926b4d8dfdc12c1cca', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '52a1ce390a7e62659469d941add8ce2048893ff4' }, this.durationLabel), this.duration)), index.h("svg", { key: 'fabe8f4cd914b7097d0dc9f954d57f2dfba0691a', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f12ae6c1bb05f6c53137504e549a0e7e4152ba60', 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" })))));
     }
 };
 SwirlVideoThumbnail.style = SwirlVideoThumbnailStyle0;

package/dist/cjs/swirl-visually-hidden.cjs.entry.js

@@ -12,7 +12,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '01921ae08854d98d6ec9a5d4b03a154d6f0bb7f7' }, index.h("slot", { key: '2c81abcdb2d5bae0870e8104a3ea4be404516084' })));
+        return (index.h(index.Host, { key: '946b92da1505327c1c13c751c4e8331b42f2e98e' }, index.h("slot", { key: 'e9114f7c9c9edb9ac859a8de4acecf3dfa1cc785' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;