npm - @getflip/swirl-components - Versions diffs - 0.247.0 → 0.248.0 - Mend

@getflip/swirl-components 0.247.0 → 0.248.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (411) hide show

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

@@ -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: '42c1ae8cc2f029b64e6d5c30b385602968ab5795', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '41cbdfd1e008b3915e85205b2707a4788a966ebe', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: 'a9a33ca05064140a5e0b4ff440b16bcc8130be85', 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: 'cf2e90d35fe85bb3b4282dea826b7928ec434ad4', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '73af6e7cda606e913f9d75458c2f8c23950e43e7', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '7d42b1ff4c5962d3691df08677a2369ac91f0d93', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '77c8d123bb003b4418f6fc6c820eeef1fefa7171', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '25232d5ef791eca3be4763a3895c9204416be5c4', class: {
+        return (index.h(index.Host, { key: '1d0bdf4f677cca0eeca34a2fea15bac8db8ea4cb', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '157df55eddceaa4ceccccc9f264d6561040d087c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: 'c3fe7164c8b1de3a9079861d031d3d4de28f6353', 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: '18f467314272c8617e65f74e4ad90e38b30e0c33', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: 'de6d11fda4ad33efca885bf05b1a5cfbd79a1b01', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: 'cc9116a107dac532538fa719bb67faa949bf00ae', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '07160d507cabc38cdba60add786c71dbf9b08f3d', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '1100ceb304ad064dc0d15b1c28573ec63af7fd53', 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: 'aff3caec1e960700f892a36f013889feaa1cba6b' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: 'eecee4654e7847431e27df0605378632700d186f' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -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: 'ba098072d7003e074599dca860bea7791482f2dc', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: 'c2f6c8ea382d21ecf2ba2e22236d549108255b02' })));
+        return (index.h(index.Host, { key: '51cd81a5b7a2759b698bed63b82cf07bc8ede623', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '33dea8245ef23ef5660fb8073944000039f58438' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -326,7 +326,7 @@ const SwirlTable = class {
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (index.h(index.Host, { key: '211d3134f18e62f7f02f46645fde6e9c4ae07f12' }, index.h("div", { key: '342e7fc3f43e934c4850a730b15c55044b6ffae2', class: "table" }, index.h("div", { key: '7e7cfeeb4242ff504d3f523cd02e517dea86c6de', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: '44221dbaed809884355ed108ab1c1713cf2bd123', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '57d579d1971de2d6115e585a4baf1fec894bfbd5' }, index.h("div", { key: '677f67a5395a1724e14e817cfe2a41bf73653978', id: "caption" }, this.caption))), index.h("div", { key: 'cfffde89247b9c0cb50512ebfc735fecf04a0fc2', role: "rowgroup" }, index.h("div", { key: 'c5fdb3c72b3b87f17a2da913ccd7820205b550ba', class: "table__header", role: "row" }, index.h("slot", { key: '717a3592a66bff785b483a73b32e71f7a322a4e7', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'e20d6e3f38b93015a71fc58e90ceb22e35ae8a13', class: "table__body" }, index.h("slot", { key: '79e5828baeb733d274bb0c17e6e564c9627aeeeb', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '723c25b4d747782529669e3e60d248bb2d91d2e4', class: "table__empty-row", role: "row" }, index.h("div", { key: '0dd9bafab682f5a632360fe1e3743119d8f5d653', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: '938019e1f358a974deecc760b63fc262be3a8c30', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index.h(index.Host, { key: '24f2a6738264e8091386981013eb792ad020ac86' }, index.h("div", { key: 'f97676899c0cceddc878b1cf7b795968d792b1d0', class: "table" }, index.h("div", { key: '72ef16c858fcb313244e13fd15d6191eec3a0cca', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: 'e2cc2d5ed3fafc5a30eb48a3469d1ad137099506', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: 'b5708c2dd48deb4bfc2c569dd0a249301578641a' }, index.h("div", { key: '4e016885e8bfba638b6e05eb0fa15024f5099dc5', id: "caption" }, this.caption))), index.h("div", { key: 'cbde00b59313c31e0fd7620baf4e08ee699b6209', role: "rowgroup" }, index.h("div", { key: '4aa832ba26f60d3ef5e97996d207939aee97aff5', class: "table__header", role: "row" }, index.h("slot", { key: 'd9a69f765ddc2d2faaccdfe51031d78613741693', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'a090d330a831c6b7aa63e1c1e7db1ab1722bd9fa', class: "table__body" }, index.h("slot", { key: '42d70543808550a115f7451744e2d21b03606bd4', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: 'db9ec3facf6ffc31f9e5e9b6b966f655dfdf57f8', class: "table__empty-row", role: "row" }, index.h("div", { key: '5176984f0202af1dba88810a6ea974556add854c', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'fd9eafe81d31876a2b37deafd2d9180c934f1d4c', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -84,7 +84,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: '7495ad88433612a876374ca84c56193ec16263e8' }, index.h("div", { key: 'e1bd37e48815f19f72172e890071ed3bc0ab9749', class: "tabs" }, index.h("swirl-tab-bar", { key: '13b411c9c2e789151cae647b31b7e25c2886cfea', 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: 'd9604a021dc4226aa1939ecd6a99264528061fcf' })));
+        return (index.h(index.Host, { key: 'b3117933df19f31baa5ff7d8f634113a80e49ad7' }, index.h("div", { key: '8f6b49a077ae6494063c32035d87b7c8e97920fc', class: "tabs" }, index.h("swirl-tab-bar", { key: '34cdbc9c318567a665ef0b76400a686049344f12', 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: 'd2d82108c3cfcfd6692bb4d27231fbfbf96ab801' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index.h(index.Host, { key: '83c9324751af58f7ffc5b46dd0de6fe691c58524' }, index.h(Tag, { key: '15686add3044af674ee4d124376fcb552addba4d', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '57a2e0f601059fd4a37bf8b6cd39fa237dbc68f8' }))));
+        return (index.h(index.Host, { key: '3b14704a4e3913a8fc257bf5d92b300f13e8c0dc' }, index.h(Tag, { key: '41e876d7809f3a8a060358f8c126bd93a09ac0bd', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: 'b2502f17709ccca445a18dfd279d52e73897ab41' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -156,7 +156,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: '979ca9efaea42949aa0bdaf849921b74d4fc1f06' }, index.h("slot", { key: '89835b441ff86c54f44252fefe17fee8abe359df' })));
+        return (index.h(index.Host, { key: 'f213ee10357d56715a9a3de89b943ada5b6055bc' }, index.h("slot", { key: '645627f1a8fefdec0703b1523cf44d0c6992df59' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -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: 'dd32efdce7b60f40c927166c39dd7af360147a7d' }, index.h("div", { key: '34aa896e2c51a378c563506fb27bbb82c863ef01', class: className }, index.h("input", { key: '0d00c63be92b9725f3541cc765b146665b4da04c', "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: '40f974e579ebca3a974849e84fbbe66ad7b46ae9', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '11d40f17ed904411818b1ce878e79418a36e9bee', size: this.iconSize })))));
+        return (index.h(index.Host, { key: 'ec1451e38c1ed030832bbd774c438f5294d54c1a' }, index.h("div", { key: '4006c0b501d263dbd45bb5d4316a195dfe5cabc6', class: className }, index.h("input", { key: '5713e16c259634accc352ac82cc49c7470752af6', "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: '950f25edb2be507a6d0e2546bfc76a50f542d2f1', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'e93f2f9bb828b5d7e38115d959dff8d2fbc84d90', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -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: '98d6a30a0df95c83024c06f8381b2cdfa825a0a0' }, index.h(Tag, { key: '4b00f039a17fcd44264d90cb67d3350c88f7101a', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (index.h("span", { key: 'efdd020658971918eba5ddd2636f762d10e17a55', class: "tree-navigation-item__icon", innerHTML: this.icon })), index.h("span", { key: 'b66d5ac19e8f74642e0b30ae6c6d3149f9a662c5', class: "tree-navigation-item__label" }, this.label))));
+        return (index.h(index.Host, { key: '43eae3e3dffc234008bd3159c5c1fbca22225e86' }, index.h(Tag, { key: '209012bd4e98b88f0c1cdcee45e830e81e81533d', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, this.icon && (index.h("span", { key: '98e0a59e6b0c4a9d99ee334afb21bc521b54ff32', class: "tree-navigation-item__icon", innerHTML: this.icon })), index.h("span", { key: 'c8a780ce2218e6aaca7dbcb180aa76047acb4dde', class: "tree-navigation-item__label" }, this.label))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -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: 'ce367fefd45d1d50c202fa9ef3065eebcfccab7a', id: this.itemId, role: "none" }, index.h("li", { key: 'ee966b1714d8415bdc2e658ab8fa42ceeb29a15a', class: className, role: "none" }, index.h("a", { key: '8be8b57d214fe8cb9172ea8d413b7d2adbce26f9', "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: '74f44797d9eb38ef0147d8d94edf34ff2bbb1fff', id: this.itemId, role: "none" }, index.h("li", { key: 'a53e946246de0c424c7ec0c1938ebbb781dd9e5a', class: className, role: "none" }, index.h("a", { key: 'e25b958392e6ba0d2f174c74b9dbc2f8df7cbe3a', "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: '2845aeda99755558b9b4f819472fd025ac1eae13', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '50c496922accbf86cbbe26aff3b5fed207f9d1bc' }, 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: '6a5d0160e158b8c0135cc182128974ab84e6c900' }, index.h("span", { key: 'a01e6768933afc225125fc5540a05dedf0e9b295', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '72dcaafd287e07fcfade3af12e71d68c1abfe514', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'a13263d1a457240cbc39b02eb1028cb8b9c3ab22', class: "tree-view-item__tags" }, index.h("slot", { key: '74abf719eb9604bb0749b50001efc95b3fb3c0df', name: "tags" }))), index.h("ul", { key: 'a210013fde5ae34efc2006bddca079a5d0e251b5', "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: '44c025c23b1d7d00f4f5ba898bab3cd41d1e9f39', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'fee00b36dea88c6e297e87c18d4b6ef86a8a4491' }, 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: '68826032f915fdfc3ecc262e594c6eae241e33fc' }, index.h("span", { key: 'a58bf813760fb4b853fad56eae1cf40947568fa1', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '8e02da141a3969d86441450822099ed77aa68b06', class: "tree-view-item__label" }, this.label), index.h("span", { key: '4d1a5a5b5eba6cc2a6a67f7cf558f1cc96c97b1c', class: "tree-view-item__tags" }, index.h("slot", { key: 'e09aa49f284fb4be5779fec0ecfd9608a2502a9f', name: "tags" }))), index.h("ul", { key: 'e2d0cd19706165d0490ab40dd8562b51a61f3a5d', "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: '84e698eb01a8a13b508bddb94eaf711061284576' })))));
+            } }, index.h("slot", { key: '19f9ef904db49fa419ff41c69ca80e74218c0e26' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -199,7 +199,7 @@ const SwirlTreeView = class {
         return nestedSibling ?? undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'ffa39d336af033486bbf479935588592e7e75fc3' }, index.h("ul", { key: '26135c964f61c1c9f5c7be91a8cddb8f6850503a', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: '2aab87e526eb259e67b23d5db60c21fdcb69258b', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: '949d86f3cf3bbcad04e12edd0f19b5ce23ae9b69' }, index.h("ul", { key: '357ca6d5902c226fa040984147674bd24ef027b6', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: 'a96fdf4a6fa9ea94fd9a13df61901ae644465d86', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SwirlVideoThumbnail = class {
         this.src = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'ac33fdb74d0be7fcf9e99e2ba7ebf42b116007ba' }, index.h("button", { key: '1a6f39295e1854480120c12705c330a36ce25739', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'ab4244d3499bf5ad9237d1c991b7c03eab79cf58', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '31ac5e9ecf02b3d49da7c9e6f3b6c1765b5f31e7', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '385f3dd48d240f6ada32e108224d9cf485ccb9dd' }, this.durationLabel), this.duration)), index.h("svg", { key: 'fe0295f39cd1801ef80b97ecf16fb44ac4d22166', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '9319b02da21bee47728845c25e1c41e16236718f', 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: '7564e63785555daf7f703daa4e62d43003d7a1da' }, index.h("button", { key: 'b084a855799c3393020189a75af9bacf3ba89e9f', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '1a0e30e696e93382e4ca8505645d2bf1b869fb02', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '6e02c0e9cd4c427d4385812840475bc0ef87f8ac', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '772248ecc7a804c4e278721de73252b5cab189f7' }, this.durationLabel), this.duration)), index.h("svg", { key: 'e1692511770591d9c38ef8473110e6c13d526e1a', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '7bf48a8106bf3bec188da18e76ae7f3cf6635dac', 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 CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5de7b276847b2a8ca2710007304e037574a1ae60' }, index.h("slot", { key: 'cce674faf9c097966291ec7f4189c627611471e1' })));
+        return (index.h(index.Host, { key: 'c2e8c2e597d0b5e0bd1f545ae9adc7d9c53f2241' }, index.h("slot", { key: '53d87fb49eea3da3728c0a19f7579116943b8a97' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;