@getflip/swirl-components 0.254.0 → 0.255.0

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

@@ -326,7 +326,7 @@ const SwirlTable = class {
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (index.h(index.Host, { key: 'dc149744e4cb0f6125c3dfc06bd336b36c3983ed' }, index.h("div", { key: '6d44476ddc209f2012d9932cc39e8e125dc3c99b', class: "table" }, index.h("div", { key: 'a56c99c754f4de878992ac40f897d4e29a6b4f6b', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: 'c758a42db34732245b08969de11f34a0e9540cf5', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '71a0a29e0b7b687c452f4310eb85a1e1ce28ff98' }, index.h("div", { key: '3746d4b318889b2b7c80a370ca63477c72c40307', id: "caption" }, this.caption))), index.h("div", { key: '348b469e5038d801451d029f243308b4a59065dd', role: "rowgroup" }, index.h("div", { key: 'deb4cc6efd06150e178179e2509e04d6ee4f1e83', class: "table__header", role: "row" }, index.h("slot", { key: '493af00b74fa0ece2444048910ee2dfd87d05bef', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: '9e3bc7105b3542d82b19d17e356906d206620b4f', class: "table__body" }, index.h("slot", { key: 'a461da2788519e3f0b4fb9c14d8081f687606732', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: 'e04a85ad4dfdde31efba3d07fd5836512dcb783f', class: "table__empty-row", role: "row" }, index.h("div", { key: 'c795e6f35a50eedd208e93323f2d74b81cc24d85', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'f15929d3e4c51aaf067eeeed050e2872286ed92d', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index.h(index.Host, { key: '22428ff9e118a7ed189cb33e91e62223ef284fa2' }, index.h("div", { key: '91155c06c37dc930b94850089ab640b2b29fd8f2', class: "table" }, index.h("div", { key: '6da9f3578213904b608e438faa46265636633321', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: 'e9714b742b1328e84551656f3e2d4b17d65a0c12', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '800a5a220d24c404e70a183262bebaf02a5fcc4d' }, index.h("div", { key: '7cb18553948e4dbac48d495fd487b8108208207f', id: "caption" }, this.caption))), index.h("div", { key: 'e94da364a91e3f8eba42f2bdf476c99c41fe0676', role: "rowgroup" }, index.h("div", { key: 'af00f2d137187b35bbe94204eec924d7053607c8', class: "table__header", role: "row" }, index.h("slot", { key: 'd24e969f9024ce6d82f629184c06a8e3045a411a', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'd9359dc1be4474f4b0bc8d06df859ca2383a7c93', class: "table__body" }, index.h("slot", { key: '8cce694ed1389275a189d354bf9b2e67345f1fd9', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '997154e5deb62b9a7c899c6834a5964fe1b659cd', class: "table__empty-row", role: "row" }, index.h("div", { key: '0457c0ef49962f1a8884ba1526d05058708ee443', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: '5b2b13a053cb752a1c480402a28328b43a5b2a83', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -84,7 +84,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: 'fa84a93633a63f8b008dcb4facc00d7863ad856f' }, index.h("div", { key: 'b078b1f67deccd39937ba831c3855deb66c0382c', class: "tabs" }, index.h("swirl-tab-bar", { key: '5af27dc9e0485891d3a71b283969d4355149389e', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), index.h("slot", { key: '86571d95576e5a67803f276a8081e2ae2f2f6832' })));
+        return (index.h(index.Host, { key: '3089c06c74dd4876e94f2de43f389e73cd8c38e3' }, index.h("div", { key: 'f83cab1ce8cbc664d0c579475349a242c5f971ae', class: "tabs" }, index.h("swirl-tab-bar", { key: '1a9a6954dd218d61601404c31439c7a824a02fd6', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), index.h("slot", { key: 'ba49f898cb01f11eafa7ea257b9f52eaccd41d79' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index.h(index.Host, { key: '1c70325988126cc54a9c8942ba337f2615caa5f9' }, index.h(Tag, { key: '719cde01bef1a2baae91eaa7d1f25e069706cb45', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: 'bee24f184bdaf8da03c7b3c3a09adbbc000e55df' }))));
+        return (index.h(index.Host, { key: '67b3f84f719c449587fdee7cec69b658137b7318' }, index.h(Tag, { key: 'ed03d274cde2bba9af7bf6cc0d65e66592392c0d', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: 'c5ebf1c1a2ea1619100a8dd05fffc3fbbcf80071' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-theme-provider.cjs.entry.js

@@ -156,7 +156,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: 'e200ab2b068a93d90f991b118078f4ff6a17ee7f' }, index.h("slot", { key: 'eca8ad2eebec5d60da9842723215bba6c756eab5' })));
+        return (index.h(index.Host, { key: '1266378fdaa0421b4a28d5c133f6990e4dd842c7' }, index.h("slot", { key: 'ebf5af293a781e4b405f4dd3c6a8c0f0399e0d41' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/cjs/swirl-time-input.cjs.entry.js

@@ -129,7 +129,7 @@ const SwirlTimeInput = class {
         const className = index$1.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '825c7aefe5770d5d8e28a35531c10e448bf08bb1' }, index.h("div", { key: '7c1ac3c752e2778b380ca513a90e8e2484e29b7d', class: className }, index.h("input", { key: 'c9ccc6d7afee9c7b5875ff8eb0809d00cf8ea16c', "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, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), index.h("span", { key: '961180beb8d133377e6fec941b879348b3268b5d', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'fa023c4f00d534935904b471990d48524a3bc961', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '6326c3a42f6ff4a21778fea7933efd21e7f586ad' }, index.h("div", { key: 'aad488c92bd2232bcb98453ab80182f5509a26cd', class: className }, index.h("input", { key: 'dfd55229a490341a911524f9c68c62a999653c58', "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, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), index.h("span", { key: 'c9dd879952e1e1cf2305980297e890ae57b7185d', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'ce749a3f6cb76f482a1fc3a18f10f9b7a9c4a0fe', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toast-provider.cjs.entry.js

@@ -55,7 +55,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: '4ca07c887b78a25c8cfb65f62de4597b1311151d', role: "status" }, index.h("swirl-stack", { key: '072c718f837a9e2b07b42257171ba04a1ee6ac24', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: '291cbaa4de84f5642e2e81f2a1dc5725fc1f760f', role: "status" }, index.h("swirl-stack", { key: '3a0ddb12cdfa15889ae18097657dd448f77e5348', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (index.h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

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

@@ -63,7 +63,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '1da46b96aef7cec3e3b3711964a2d8083f45131e' }, index.h("div", { key: '22e1fb9c7bf3314e3aba587f884783baebfd07dd', class: className }, this.icon && (index.h("span", { key: 'ee45314f8a40d8a72500704c2f2b2f8b895f8f9d', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'a8e12cf94d5f78dc75fa7b3087563020733e75cf', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '93eba2783424f44a5fe4d27ba7ea8d7b177e325a' })), index.h("button", { key: '794ab47b83f98e9ed36280539ea17a863725daee', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: 'd3f3ea7b0faf733ac7a0acd01bef775fcd086f56', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: 'd1a206cc1408bd32f79b2feb9dfd26dbcfe1789a' }, index.h("div", { key: 'ae3d5d0cb7670db77bff1dabaa44c25f65aea10a', class: className }, this.icon && (index.h("span", { key: '7cf231b57090e4bdd862662e4e847ba22c9117ad', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '87ead7ae92ad5c54455942c47b81a436dedeba63', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '095331448ed5216d25a6afb5509b31ac64a6796e' })), index.h("button", { key: 'cca7dd9b24296c10cc17139fe687e26598303d54', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: 'ce360cc5829a71d521cceebb6a8b0418f3692302', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -22,7 +22,7 @@ const SwirlToggleButton = class {
         const classNames = index$1.classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (index.h("button", { key: 'e3fd405e07b5a94eceb77e42681cbbdd563d1946', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, index.h("span", { key: 'bff2993c2631e575332a5107d39cd7355f441b12', class: "button__label" }, this.label)));
+        return (index.h("button", { key: '3861fde82eabc6dfbd4ea9d329ea36010c48e9a0', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, index.h("span", { key: 'ae3b3b0635ca955084ded5360f419bbc8e00af56', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = SwirlToggleButtonStyle0;

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

@@ -61,7 +61,7 @@ const SwirlToggleGroup = class {
         });
     }
     render() {
-        return (index.h("swirl-stack", { key: '5170589489c60e79ea7e8ae00f7c3e3df002a628', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '13c3cc274a5844a430640a8ea2b268dcc9650495', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: '8bffb40c1f341f5ba672ac8fd3335fde1259b6fd', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'f85e75cef254a1dd0522ef0cd9edb89603b965a4', 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: '4088eb0256fc47727edce81af5829f4ebbbbeed1' }, index.h("swirl-stack", { key: 'b18ad85af85caf9418e498602d387d2bb888e8e6', 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: 'f644ae3de4b776e4822240dc033779a671c4a684' }))));
+        return (index.h(index.Host, { key: '72977493f6b33b2b1d053027fa0f4ab363090973' }, index.h("swirl-stack", { key: 'f7d0790b83c039a0550e3e355111b1e96445303b', 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: '08334df6038b818ca78243beaec98d85f97a7e04' }))));
     }
     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: 'f3706b57f74c0223d9a0de457ae39737a23a4038', onKeydown: this.onKeydown }, index.h("span", { key: '27535b77f5b2e1e4adf25e2bce512dd019912e25', class: className }, index.h("span", { key: '5440bc1e39796bdec1dd1836fbc4e0483ec6a4a6', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '6e30483c1a9ca4d1118c0f785d56a5fef246d7df' })), index.h("span", { key: 'f7c45dfe92b9ad8192538f7b37cd8f117ac687f8', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '7a14595f01dd2cc707ef5d540664f0cca2766e3f', onKeydown: this.onKeydown }, index.h("span", { key: 'cd4f0f8f6ecf8db5aa096822f69abf8859ca4bcb', class: className }, index.h("span", { key: '55da1452153d3bdbf2dec9a597cae31343b803d8', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '62c1e9c1a88102d18dfc6ca4686102b419ff79c4' })), index.h("span", { key: '6243161edb779b3bb9d885416f4688382ceeac03', 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: 'e8579729115384e96187814ad455d7a68fdcbe4f', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '2e490d94936c5dfb4fc983d084d7fa629ca51f9a', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '878b49d11caef03cbf0bcdd78e40d492bfc93d03', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '3fced37e021251c5d868641536ebf9ec9470b480', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '77f9e4ff72dfe1c8427a7eaae83632a16fe5e38d', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '555e04a2f087b29d380fac6d6ac85f8aa553758c', 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

@@ -24,7 +24,7 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item--active": this.active,
             "tree-navigation-item--has-icon": Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: 'f9bc80e6c911dc7030d180ce5f675f90e84fc80f' }, index.h(Tag, { key: '2ca99a21c102a2137e61472c654d9c7195ed3d2c', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (index.h("span", { key: 'a657d7199e22b81315780d5264c04269d347df98', class: "tree-navigation-item__icon", innerHTML: this.icon })), index.h("span", { key: '0d612bf1dbdfa0a4b8979c9dfa438c4821f6d339', class: "tree-navigation-item__label" }, this.label))));
+        return (index.h(index.Host, { key: 'f9cadfd076d14950488b114f4efbab0330a70172' }, index.h(Tag, { key: 'b78001b5376e0c1f0e4d97965f5fa3d6e316414f', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (index.h("span", { key: '48fceebb6c56be3f2a96a7411f581698bfa4f8b7', class: "tree-navigation-item__icon", innerHTML: this.icon })), index.h("span", { key: 'b3de5413ab8b45e98f455fbd1873b1d9c25eb6d5', class: "tree-navigation-item__label" }, this.label))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -81,11 +81,11 @@ const SwirlTreeViewItem = class {
             "tree-view-item--has-tags": hasTags,
         });
         const hasChildren = Boolean(this.el.querySelector("swirl-tree-view-item"));
-        return (index.h(index.Host, { key: '45ddddf9e282ed3afbb4fc6606c4b75e19f45ae3', id: this.itemId, role: "none" }, index.h("li", { key: '49ad755ce87e8021d159110f14504d977a2ef685', class: className, role: "none" }, index.h("a", { key: 'c8d9a279b733241173d8c22d69f5aa25e4e7ac7f', "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, style: {
+        return (index.h(index.Host, { key: '0e2af8248203e90bbac24ada811a3227821b215c', id: this.itemId, role: "none" }, index.h("li", { key: 'ffb0b8a5d984855cea00b7d55c6c5e1a7abae87e', class: className, role: "none" }, index.h("a", { key: 'c38f8b1c4dfdbdd36c99482901d2a47d976d3586', "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, style: {
                 paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (index.h("span", { key: '4f2457f90eeb8d5841b5ae82b8214c5b25b05b9b', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '57b52745d6f0d9849b39fbf687168d9f37aebf12' }, 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: 'cccbc0943a56a8dc1c7d4bef194b14030fa39b6d' }, index.h("span", { key: '673aa7207123120566de9a95f1f20b1eb99504b9', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '4db5b2da5445dbc39b4ec43028511515833e78a6', class: "tree-view-item__label" }, this.label), index.h("span", { key: '571d246e294c3a4e654c49868defa16adf576062', class: "tree-view-item__tags" }, index.h("slot", { key: 'e1c619ee29b232e4653f6edea8549625d96d7544', name: "tags" }))), index.h("ul", { key: '44bf72064a95bc3504176b00f8656c7f2e2689fa', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (index.h("span", { key: '8f37cc76cc31d7be558ef88afe7a4b7d53573b54', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '13d0b9b334ea8a98788e0b2552506f95977d1910' }, 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: '180aeb1daf320302256c2a810d61c7b11e5cd4d6' }, index.h("span", { key: '2c210128e558c257376d5d553865795f95a3b762', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '0278c88a4d7d87d0bdf9b4af007840822e83aa65', class: "tree-view-item__label" }, this.label), index.h("span", { key: '8ba4b1e0b5c82a12fbac7ba4333e2b5aa8ada3d2', class: "tree-view-item__tags" }, index.h("slot", { key: '1e03e13118893e30f699c2c09c616eef7da980c2', name: "tags" }))), index.h("ul", { key: 'cc47c02c20d6819618caee618d7489436ec41b72', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !hasChildren ? "none" : undefined,
-            } }, index.h("slot", { key: '8ca6c92b00ffb2af2da537fa79f90548f44ebe03' })))));
+            } }, index.h("slot", { key: '24784fcc3a80d13b36e9a2a66e7dc3be5943d347' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -199,7 +199,7 @@ const SwirlTreeView = class {
         return nestedSibling ?? undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'd9265aef73021237709d82d2942014e16f193f8c' }, index.h("ul", { key: '0c435bad394708adb3a98564d58de09ca435872c', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: 'b48b40863ea888e67246ba7dfd7b1ead648b2c60', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'f6cd60716528a4bc08ae34b7f7b8bcc468fa87af' }, index.h("ul", { key: '5353f9e9f359c6b3eeb53107d47cc62ec8820a9e', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: '93f6e2df68fb6c837a185c24c8f8afc53faba4f0', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
 };

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: 'd67938cbd04fbffc368ad324630bd8622c1e8c5b' }, index.h("button", { key: '2233218d1d04cca359795a4037e2e475a114a9bc', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '6533b6476b62f35adf46a76a88b946727ceaeb33', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '9afe4e6bcc2080be2e19a7d2f14a661841c1971a', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'f416764dedb92def3f33a1a3ea124425a06cb2a4' }, this.durationLabel), this.duration)), index.h("svg", { key: '3f9d5bf02620449267629cb325b87a1784f5b8ec', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'aaa31ee0aac6020ef6ca4f611b491bb82d2a032d', 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: '5bece81a92879404b264d43716fc8c4c6221fa1e' }, index.h("button", { key: '208242ba2a4db8bee97a3459483ef230865021c4', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'bb371fe167c3f4a5a2e6a5951226a098375d89d2', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '9099ba6df115019e0e3e6caf68b18678936d2376', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '3285eca5bb93ffd981fa66821b7810c22859e0d8' }, this.durationLabel), this.duration)), index.h("svg", { key: '127b1082041d0dea0f6d6c3015d1b967ad786156', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '1b83f69e25704549ff46c422d31e50ad881fbe1c', 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: '2bc61727b59b308d63a22df3d0e4c1275ff724ea' }, index.h("slot", { key: '2fbb79aa18b39cdc3361081d460b1ab74f5ca7e0' })));
+        return (index.h(index.Host, { key: '50e93b9287d485366e949a82ce4620d57e75898a' }, index.h("slot", { key: '8f2682a482b5bf224bd4855d61deaedd66866a45' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;