@getflip/swirl-components 0.202.1 → 0.203.0

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

@@ -28,7 +28,7 @@ const SwirlTableColumn = class {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (index.h(index.Host, { key: '4fac797a0fbaf5bd13c68857a708086a4cf4e6ee', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: 'e60434b33312042f5f572f4e27919c0212ed5f0c' }, index.h("slot", { key: '33e649b664d6113d8f497cbedee8fd186cc0cb96' })), this.sortable && (index.h("span", { key: 'b621d6748bb81ffc3c4c5c36d5b97867ff4e42f7', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '358c6f0c54f321e97209f5da1fe6b9f990df0d10', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '2b0ec5fbd66ee0a91074d7e9b9707ef3e6c85f09', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (index.h(index.Host, { key: 'a94a4f0e8400ef2b83101de17f6ff8682b647157', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '0ccfaa93f2f11c5e6b31f2eee3dc1c3c067f259c' }, index.h("slot", { key: 'da4ca91899e1813328789aff631f5c60f763a130' })), this.sortable && (index.h("span", { key: '460ac863dbd0c3f2e01307a44b2afa26100b9e13', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '684d87961ea71c7eb7c117aa05d5ae042cdfa5c4', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: 'e008ecab21767dd79013388ccdc0c9a7895e1dbe', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -46,10 +46,10 @@ const SwirlTableRowGroup = class {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (index.h(index.Host, { key: '77dab8351118eeb0e3532f4f739032adce61c18b', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '4296de8f61fe50d57096488e42be1ca27b3cee32', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '0ea63a7670fba2aa03c251c2f312b01eb3089a39', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: 'eea63dcbe8feed9d55019daf8cc3db329187e061', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '95ae5da1cd80f3de1e27a81e3548e03a4a5e143b', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: 'ac9cf587bb67cd0996c1de3952a45edd2f840800', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '82abe0e64ff6ca2c2bfca7c8cb88f6d67986be77', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'f33eeb57bb10f528001b895fdbf37601fbba3617', class: {
+        return (index.h(index.Host, { key: '09425d9a5423979095c77794b89cab49fe42f78a', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '4b6d882f2109e0bf6efeba9873a5e3ba363a17a9', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '044b12017a01b160ef65811ec02a63a57c08c9d2', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: '2653024ed934cd0fd07efad558be9d250f2948ec', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '9061de6330f87c1a7ea4036b06329e1780bf615f', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: 'e2928dc4514a94428e1a04c3763ebf6b421012c2', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '53c67bd01572adc3bcb31038210e5f4629f035ac', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '2baa864bfe16cc3199118b00000c6365bac37d10', 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) }, index.h("slot", { key: '731e91f15a6db5a97798cec7263099d4cd16747b' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '25e948439ec9edced501dac3694ce52354d17f17' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -23,7 +23,7 @@ const SwirlTableRow = class {
         const className = index$1.classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (index.h(index.Host, { key: 'f67d80b471e585cfa671082abfeb519e34a2acc6', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '92630472fe79eb8e7112fa737c3fcca8e3264e1c' })));
+        return (index.h(index.Host, { key: 'bfd5d48931448fd66f7cbcf964c9e165e1e74f5f', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '45cac6059a12fcfdb41bef083f794d5d76de1028' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -239,7 +239,7 @@ const SwirlTable = class {
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (index.h(index.Host, { key: 'ce86d7c69a0b848ed0907f337e06117a7f9353b9' }, index.h("div", { key: '9662822e294d14fef1f7d837de5640dc84e869b1', class: "table" }, index.h("div", { key: '2a6d09f69f689febe29a1568ecfc9b425027b36f', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: '22a916bc067add549bfe0e80820eb5276e8fbe1b', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '308b9c51c43fe5718f6e40e73da0f2148732365a' }, index.h("div", { key: '2c8f08500eb15e6348e09d976441609aba653fa1', id: "caption" }, this.caption))), index.h("div", { key: '924d52d8adbe8ef5316accb348b3e277a8af6440', role: "rowgroup" }, index.h("div", { key: '2d1e8824184539f7865356267f2e9fb1f5f416fe', class: "table__header", role: "row" }, index.h("slot", { key: 'bb147c575f04a2f10cee06c3da639f83d9a71ed5', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'c203e6fd2320fc2f4f4ec4ef258f38ec0fe90778', class: "table__body" }, index.h("slot", { key: 'a8c78cb5ccf0eb03aa290d2d66b1d2de495f7671', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '294f2eae87cc0ed22fb6b63bfbf399c6feb7e7fe', class: "table__empty-row", role: "row" }, index.h("div", { key: 'bfa4a1e4c02609ddd3456e7c29ec590830fd5017', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'f3ae7e7a8597c05dbbef9a7626e63abed71b7904', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index.h(index.Host, { key: '8e8da69092f5da9555a8379d90c64282e10fec7f' }, index.h("div", { key: '96754f9918422039db0f95cbf15db2eefccc0c36', class: "table" }, index.h("div", { key: '57df662931d4f8ef9c77ecfab9fad446851b4a4c', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: 'ae388d773f2e9a66b57ec8f11ee209b38d6b56a9', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '3245ba9730072406bb797c5bb51880fa71549c74' }, index.h("div", { key: '729e1d80d01a739425fb97e29460b87da0d2928a', id: "caption" }, this.caption))), index.h("div", { key: 'c25cbffadf9eec3b8f8babab088fb3f8cc6fccba', role: "rowgroup" }, index.h("div", { key: '89e1e40b398361471f489efda94e5db2f34be389', class: "table__header", role: "row" }, index.h("slot", { key: '6812b36a87867574a0ebe3fa56041c13397bed1e', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'd0a9bb369071161eca15fdcec98cbdc908bcbcdf', class: "table__body" }, index.h("slot", { key: 'cdc0929524b1c304c01307d8795c789497efc3cc', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '423aed0b7d05829b8d96107fed78d69966cce039', class: "table__empty-row", role: "row" }, index.h("div", { key: '53566feb1dea0e60666ade374aafad4a61037bcb', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'c1a5bcac47b242fed0feb3413b1ed2cfeff24b40', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -23,6 +23,9 @@ const SwirlTabs = class {
         };
         this.initialTab = undefined;
         this.label = undefined;
+        this.justifyTabBar = undefined;
+        this.tabBarPaddingInlineEnd = undefined;
+        this.tabBarPaddingInlineStart = undefined;
         this.activeTab = undefined;
         this.tabBarTabs = [];
     }
@@ -81,7 +84,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: '826275f0ee5a211a398a1738a2743d21a6c15d3e' }, index.h("div", { key: '1fe18c1cd29da99a619a51f242095b77fec78cb3', class: "tabs" }, index.h("swirl-tab-bar", { key: '6c07d61f48a546945f752c526de203898fc79035', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs })), index.h("slot", { key: 'e52aa024117d57e6cd3140b0bcb6080c2dd52c6c' })));
+        return (index.h(index.Host, { key: '3e3b1953f8ded8140c8ebd2dc74a8defbd99aa39' }, index.h("div", { key: '031c086ba6e61ea5cf780cae242bac8cfda63c42', class: "tabs" }, index.h("swirl-tab-bar", { key: '3aa3a8700c05695dbc1d87f82848324f76ccdcd8', 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: '6f23039c5cdef250e7fe980d4f53bc59b5b623d1' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -986,7 +986,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index.h(index.Host, { key: '532fc3d60139b1b6c27a3e2713f94e1a3a855d45' }, index.h(Tag, { key: '944a5502b8d218989035dd89c9ce1f33d0003399', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: 'bb53161691a0f57a003360b3437d8c6fc34fd29c' }))));
+        return (index.h(index.Host, { key: '2b93f1fd4b860a46c4ecceadb8b16d3d0c698c12' }, index.h(Tag, { key: '91598eaf45494a8055a7fc6901e9798cf0ca83c2', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '472da5530334b2775e88755c9f56f6be31356d61' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -151,7 +151,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: '223fbf196fd8820057cf6fcad63c0a4fb79f857d' }, index.h("slot", { key: 'cfee0ee18a800539578bcf78dc91c634ecbab4a8' })));
+        return (index.h(index.Host, { key: 'd79607757815f73e2014208120fc80024a39b8f4' }, index.h("slot", { key: 'fe79de29bd350fc0dbc5263104107a0b241bb431' })));
     }
     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: '087470a25a636637a76115ab0ff510da54bfc7eb' }, index.h("div", { key: '0077a5739e08dab8704b3011fff0d7afb3c8f051', class: className }, index.h("input", { key: 'c6eca2267d8119e8f51eb88aa747e075e855b598', "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: 'd00906292b067660030de37a91f77ff97ab58143', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'd41f5e930109c876a4a81a1d948c587783a0adac', size: this.iconSize })))));
+        return (index.h(index.Host, { key: 'cfbcdbba8f5d06429416befe68144539e3faeabb' }, index.h("div", { key: '98e5ffa81a5bf564c8a7eeffd1af3569121d73bf', class: className }, index.h("input", { key: '50bb867f72fed47b8878008e5c43d5763b322182', "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: '55dd13b9b1a4ebd29177d3a7a51ac0ba27484ede', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'd0a70e3c32206562138f5bae6f2e3f593141b64b', 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: '1db8b2f832869490670c34067ae5fc8e19d7f987', role: "status" }, index.h("swirl-stack", { key: 'a616e31585de124b6f953151ec71cada1e8f051f', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: '336ab967756993cdddef8b82c5df8679d413adef', role: "status" }, index.h("swirl-stack", { key: 'cbe539dec76ac6c7f21a45adbc6257bd24da108c', 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: '35695f50ea63a19bb96de63dd68a7667a679356f' }, index.h("div", { key: 'f8e3c2c30bdd6867274c548e3a745a4a3591b503', class: className }, this.icon && (index.h("span", { key: '43dea51f1849ccf1c7064b9522d793d0e16f49a4', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '5171e135301ba31ac09e9a5fad3090803e7d82d4', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '13a75cb56789364ee8193c571c86b4f752743a8a' })), index.h("button", { key: 'aeaec3b3e2770da4db5834735cf1d85eb13be6d3', "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: '039599ec0303620b134c1bc580468a1bf176b066', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: '44c0e7c5caef9346a5aab20d61b3ca6f524b9bb5' }, index.h("div", { key: 'e9fe678eef8ee633009d9943e165f11c169fdd21', class: className }, this.icon && (index.h("span", { key: '459f13f5bbc4a58c9300bf8e496af4ea9a504dc4', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'c4968c38176aee26ca4a63d6b3963b9b6860cd1f', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '8c7da7b6491f02145bc63684fe3f9aead9b7ef6b' })), index.h("button", { key: 'c749ce63db5cc48f5734957b52fb5b82fd76b002', "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: '28b36e7afd397f18d4b76ddc74daca78d31a7af9', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -75,7 +75,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '93dcf545129b0037257412e87c2a5723a2cbd70c' }, index.h("swirl-stack", { key: '2200658e9fa82b528b594ac267623fe9bdb4050b', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, index.h("slot", { key: '94a5dc9998cfdc6b064c1e749c49663cca87b5d1' }))));
+        return (index.h(index.Host, { key: 'a3c4eb79f0d8b117b341efc10a786637fd779280' }, index.h("swirl-stack", { key: '40b557fc51a8076a242c858814cd06d8be851470', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, index.h("slot", { key: '992538241f2b3c1af5b6e43344c40fdb163cc8bc' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -105,7 +105,7 @@ const SwirlTooltip = class {
         const className = index$1.classnames("tooltip", `tooltip--actual-placement-${this.actualPosition?.placement}`, {
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '03fbc0a205e7fc6ab4caf3c25153108cb332e94a', onKeydown: this.onKeydown }, index.h("span", { key: '67440b05dfffb0f797720e0817a19b6eb6a4f648', class: className }, index.h("span", { key: '7f4e9715d29a88af39b051d705b159c37ffe42f7', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '71d597a32e6a16ae688482a75fa823d09424d2c7' })), index.h("span", { key: '2e7bf8796bcfa4a0721a578a29e29e6b66d99b64', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '439c818a49a55fa2406b41fa167f56c41f23be77', onKeydown: this.onKeydown }, index.h("span", { key: 'b6bde44079615456d5608902120a13e4160e6ff6', class: className }, index.h("span", { key: '9ba46d08fa9595647595c7b197233b92f86d2774', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'bcb14d7117697ad1260fd85c31cd354958be900a' })), index.h("span", { key: '099aa66cb293a5f653851e131cba3cff51be72ea', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -113,7 +113,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (index.h("span", { key: 'f9ac600db0ef8778651018a38c69d800b8ed9f59', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: 'ee843dd7927f410ec0695027cb867e18d3bf1de4', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '5b2549165b80b6d8389bf1d61d655c34beeb89a8', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '75719accc2de267f5bb0b9edb81e521880b320ca', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: 'd6cb38268148b8e6fb3cfce4b62f7a68b4e0b08b', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '1b26897acb27c52dc577bbdd68afe23d37adf390', 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: 'a7babeb938b410e0970531f7da01ca005965d5ee' }, index.h(Tag, { key: 'c8295cd8c94d5f51cfec174cda19c7ecf014698b', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (index.h("span", { key: 'f71557acbd64a0e5734a64d1ec2a511ca71bc466', class: "tree-navigation-item__icon", innerHTML: this.icon })), index.h("span", { key: '30883336f5913392b020d0e871db8660d948b98d', class: "tree-navigation-item__label" }, this.label))));
+        return (index.h(index.Host, { key: '05323823aaaa62d30389a916c414925192c22923' }, index.h(Tag, { key: 'd37c27733d7713567aef8702a9f1fdc149cc3aa1', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (index.h("span", { key: '3b4ff404ac78d65c44c6a31bdf2496b73f2704ef', class: "tree-navigation-item__icon", innerHTML: this.icon })), index.h("span", { key: '1bf22dc15ad09a0a97a7aba1ccf85722b369b9b0', class: "tree-navigation-item__label" }, this.label))));
     }
     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: '353b42897498e1a4ae831b6e6d2ce006baec4b31' }, index.h("button", { key: '92fb7e94931a6f47eb6b0587a73ab1c593c7f463', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '2401a169dcbe7571a6ce09d35285a9618702b95b', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '7a63ea12f7664f4df68378f0f5d7ad530be21739', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'add3328b53b1b39ce37a06d22d84290f2f43cb26' }, this.durationLabel), this.duration)), index.h("svg", { key: '4fafda86c3af69163f076c6a47bdb4bca39a72a1', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '10a4dfb3019eb05773b6b5b9785c77c8b5ba806b', 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: '01bec4265deabd11a6acd8894981a81c30901366' }, index.h("button", { key: '60454a9a0e84ba55e19243581d9fbc4f6157a5f1', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'e138f91bb0f33c075fb5f9afb41efd05a7744ba4', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'd86b558394bd60590581ce9d190d75994554d23b', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '79d5a65826c9f4ad393c932a50e3f761e113912d' }, this.durationLabel), this.duration)), index.h("svg", { key: 'b706265ed6c592c9878f684f4bdd18023b04ae1a', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '0b1a9a1a3bacdf7a27c3f214c344f531865c9546', 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: 'b8c75db895ecc0c742653bbbcc581c7212cbde14' }, index.h("slot", { key: 'ab2c52a65df62b35663584e39f8e1f503d008f30' })));
+        return (index.h(index.Host, { key: '49e54acf33cb8ded01b58d531bf8991922957915' }, index.h("slot", { key: '20091107f45c63017d0df53c634457d2638b55d5' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;