@getflip/swirl-components 0.395.0 → 0.397.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlTreeNavigationItemCss = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-background-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-background-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-background-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}";
@@ -90,12 +90,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: '8369fe819475045275719bbe9b16711c59626577', role: "none" }, index.h("li", { key: '3011241c3bf474f4fb5c13b8e24ed35f1d5d8047', class: {
+        return (index.h(index.Host, { key: '1d750b175e5715e6ce44f427be7164cbf208c992', role: "none" }, index.h("li", { key: 'df354e4bb8486eb1b59cdc18ab76319fa6a54d8d', 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: 'c4ec90c8ed555707559fa39b81a4e5d553ebe16a', 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: '904ee9daa4ed944f633511932017f5f5849fd187', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '36ee876b8e36c30334f2402b10ec317be8d485cb', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '5eb37d27c1cff2775e15ac17376fa033bdb642ce', class: "tree-navigation-item__label" }, index.h("span", { key: '5f25b0ee30f33ab1e56ac80432e9040e4a1ed9af', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '96b84e2080a6e6443c29b492eab4e517a8adf57a', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '409e55c6c90611553b278a29c690b7a80e840e3d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '31392fed7e98a3355d9e5e9cb2d7c141c4539b15', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '6d1991ac134fbeb55fc0b0cdf6e52e6c0b34ff0d', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'aebe5efe827154d974dd4b61a5351048340c4439', 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: '072c1e016ca496beb24b1066d9ae29322fd70418', 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: 'df801a9a7bcaff5da25905dfec39b460ed055096', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '4c11dc3049f488e4a729f548bddffcea8f4a4dc0', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'ba8d1fbbc813568617c4e19cbbf4b6b0676acfd1', class: "tree-navigation-item__label" }, index.h("span", { key: 'df1fe9cda6ff97d638c9a1ea431b61275f44c8b0', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '2fefe3aa3a88bbd5041d16e629fc9089b859075e', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '3f3bf81b0c92954ef16dd9b5e1f12ef03e50f41d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'd27a45e3ed535832a86e1e9630c4225d9ee95ab7', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '66b459c55c22945c6fa47278fb89e54ce12a2d8b', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '0147cef7a24a5266e6214aee2b5e0fae5f4d82c2', 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: '0e40a2bce9714b627727f9b8f5eb92fea1688abf' }))))));
+            } }, index.h("slot", { key: '128b8af2ea1e0b39da09de3cc8ad3329fa1bc50a' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 
 const swirlTreeNavigationCss = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}";
 
@@ -9,7 +9,7 @@ const SwirlTreeNavigation = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '2622a677484f0448fe54e7c5f98b18a78d0cd5f0' }, index.h("ul", { key: '0bb7b1384e3759d22c3b363f3332d28f78aaaa63', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '9159013c9b3c575e71c19be98d103e1f256aad17' }))));
+        return (index.h(index.Host, { key: '86870308bca066293786f8864ca39377e922f765' }, index.h("ul", { key: '3ebec851bb00a9d406d9bcc58df306c66b7f3724', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '3a9cf1a0069dd30b73b49ce295896ab5226f05e1' }))));
     }
 };
 SwirlTreeNavigation.style = swirlTreeNavigationCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var sortable_esm = require('./sortable.esm-B1ZNencO.js');
 var swirlTreeView_config = require('./swirl-tree-view.config-Cg6OacWF.js');
@@ -337,17 +337,17 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: '7b577a6fcf687903abce1fe1e334e1fdca4a8e39', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: 'e7825c463c72c09d9d60bbd172b5400782aa12ba', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: '0b1531bc9fcd4a6541f959503cf05f7102db428f', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (index.h(index.Host, { key: '92a6fc72ba951551fc8bcc6fd5ddaa3ff1b44f5d', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, index.h(Tag, { key: '4ce0aad69e8863aea1efd79497f39147461f4c77', class: className, role: semantics === "tree" ? "none" : undefined }, index.h("a", { key: 'aee6e4e236b9da37d794e1cf53970be78a7a42f5', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: 'ba5a1155da81061b986dc6e1de25bce41c55b08b', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '9a2732f2b7067b7cbece6ad8d91c608db21f28ef', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '7a1c577285a5f01ddbc66e4b03fd2001f792d776', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '1633a0c318463da5e8808d3d98cc1f5f5c63ee3c' }, 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: 'be6d89d04a9f415b9463c021a72de06cbfda2d6b' }, index.h("span", { key: '6b55c715e0e6a44c5d4eb7056936aa791b5c23ad', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '6a11499dcf1a1fc3da5c67112178297b138750bc', class: "tree-view-item__label" }, this.label), index.h("span", { key: '42c6773ea2682e6b0d07d6b29f016c4fba0efc6b', class: "tree-view-item__tags" }, index.h("slot", { key: 'a62b2e6948e3dd00186173dc01485b2a83f45da4', name: "tags" }))), index.h("ul", { key: '3fb3432cd4378b5d1359af5176c7235fbeb3a177', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '12067d39e01689715463586763bcf57b3792f6fe', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '587163d893c82db81ac14043387aeaf9fae01f28', size: 20 }))), this.expandable && semantics === "tree" && (index.h("span", { key: '8e296cbbee0496269ae851e932d757872e48f414', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '69ab051f3055d7a67d39d2c3e84a6ecfc17ff6e7' }, 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: '1cd32216980f812b5990c23b723428dfe50fa265' }, index.h("span", { key: '2ef9a931552385408c773d1002175b259e8ff20f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '7de30e721f49840b8e9343d9643e4b04d2f111f5', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'cc03525b5dc4f9ca2d8e8e6055b4bb5a2e8f1d62', class: "tree-view-item__tags" }, index.h("slot", { key: 'bd6f7235df3e6e7d7c317ae7402eedadb66029af', name: "tags" }))), index.h("ul", { key: 'a8bde6803502059aa11da1b78cfad862ddb6da1d', "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: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, index.h("slot", { key: '65991009c10eae24df30e05c9655291bd180b7a9' })))));
+            } }, index.h("slot", { key: '5eacda6fce923483bb832e7ef43659eb8296b9b5' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 var sortable_esm = require('./sortable.esm-B1ZNencO.js');
 var swirlTreeView_config = require('./swirl-tree-view.config-Cg6OacWF.js');
 
@@ -332,7 +332,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b76dd7b1be10f6a299ddff5ec95bd4bf78dc8557' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'a65f276e109ad467e6cec5fce4cd58886b3f6550' }, index.h("span", { key: 'cc228586d4a7197b77d6a555a91d4b16567186ed', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'f095b5911052c09f325fa13b9ef53b2031ddd066', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'e54b87e40415442a63d5f4ad23800f651e698ff1', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'b997026b01a6f01571f5dd435192a9568ee399e8' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '2a12eed1bcbb1be9ca09e6494cfcecbc6ebcd9cd' }, index.h("span", { key: '12297618e8e047ed6df71b906f0be8960adb6027', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'ee8d26c52e1c76f908f7ed981131a615086518f6', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'cc848e39bcbaa19e89d74ffd3edfa92fc934e278', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 
 const swirlVideoThumbnailCss = ":host {\n  display: flex;\n  width: 100%;\n}\n\n  :host * {\n    box-sizing: border-box;\n  }\n\n.video-thumbnail {\n  position: relative;\n  display: inline-flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  container-type: inline-size;\n  container-name: video-thumbnail;\n}\n\n.video-thumbnail:after {\n    position: absolute;\n    background-color: rgba(0, 0, 0, 0.05);\n    content: \"\";\n    inset: 0;\n  }\n\n.video-thumbnail:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n.video-thumbnail:focus-visible {\n    outline-color: var(--s-focus-default);\n    outline-offset: var(--s-space-4);\n  }\n\n.video-thumbnail__image {\n  width: 100%;\n}\n\n.video-thumbnail__duration {\n  position: absolute;\n  bottom: var(--s-space-8);\n  left: var(--s-space-8);\n  padding: var(--s-space-2) var(--s-space-8);\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-on-image);\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n    rgba(255, 255, 255, 0.1);\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  letter-spacing: var(--s-letter-spacing-tighter);\n}\n\n.video-thumbnail__play-icon {\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  left: 50%;\n  width: 2.5rem;\n  height: 2.5rem;\n  transform: translate3d(-50%, -50%, 0);\n}\n\n@container video-thumbnail (min-width: 448px) {\n  .video-thumbnail__play-icon {\n    width: 3.5rem;\n    height: 4.5rem;\n  }\n}\n";
 
@@ -10,7 +10,7 @@ const SwirlVideoThumbnail = class {
         this.durationLabel = "Duration";
     }
     render() {
-        return (index.h(index.Host, { key: 'f422afa5aca092e9bc2181f861f87a6384ee98bf' }, index.h("button", { key: '39078ec3ae8a37e75cdf22c94516f193b84a32aa', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '0bd98edc0f61a314ed5b0e0de1f9f5afd49c929e', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '4a74df71a39e576da3affdc581ce88d1191d609d', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'd53262bc81a9f1d739bb391747910655e467c45d' }, this.durationLabel), this.duration)), index.h("svg", { key: 'ed07dc5e4af9f9fd27c96e2de12bf8fe78208bf1', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '41af314c2e110334fe103e064019a8b1f0c1ed64', 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: '89dac32f65bef0a46b67703fe29f712d8177ad26' }, index.h("button", { key: '5f8bebb67d9dd7de8e5313c45869f5a5e0ae6398', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'e250188befd06bacf95cceb642b6a3f99d4339a5', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'd7223f77200e3ae6385de7533faba1df176a6fd4', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '5fa5a326db2af07b947a788f5f732bd171a8ca02' }, this.durationLabel), this.duration)), index.h("svg", { key: 'a5036ced8bff84f95bc39135b1fe2758ac194c85', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '27ff5a6714f1c3ec692f1bed311ff0607d07b10c', 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 = swirlVideoThumbnailCss;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 
 const swirlVisuallyHiddenCss = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}";
 
@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '956e9d1b1c480480a8f9f4fd2ba7017d587c2fab' }, index.h("slot", { key: 'a196c8079eedb432a2b27b74b07e293258b608d8' })));
+        return (index.h(index.Host, { key: '09b1aec3ccdba045e8ebc6d830d708ab7831f74c' }, index.h("slot", { key: '08988756ba69ebcefe7e71f588a433c286c5adbf' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss;

package/dist/cjs/wc-datepicker.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 
 function addDays(date, days) {
   const newDate = new Date(date);

package/dist/collection/components/swirl-accordion/swirl-accordion.js

@@ -36,7 +36,7 @@ export class SwirlAccordion {
         });
     }
     render() {
-        return (h(Host, { key: '9aa1b6842bc5cb43c2ce239be4932d253d98f334' }, h("slot", { key: '8c45acc814af8c6ff2a6cf02cb01756b35948015' })));
+        return (h(Host, { key: '4cb898dd4923145ca695946a1990dbf50430e3b7' }, h("slot", { key: '3e87ea3977ae2d593fbc4aff98cf7a6d4e0f8f9e' })));
     }
     static get is() { return "swirl-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-accordion-item/swirl-accordion-item.js

@@ -57,7 +57,7 @@ export class SwirlAccordionItem {
         const className = classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'b45afe4916e94ed9c155c3eab9e9813b2ca07bd1' }, h("div", { key: 'b40c9bd5ddb9112dfee72890305423a52e3503cc', class: className }, h(HeadingTag, { key: 'c7b8924b2fa57369f302eaac2c1925896eac9e8c', class: "accordion-item__heading" }, h("button", { key: '240dfbcd5fec1f9ade49e80d55deda3bdf8ffef1', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '89a51bfa78f5a88ad3fc35076c7f89132e660934', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '544adaee62741f86caf33538cf83b326b28a87fd', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: 'de10c7facb8835f6b7a215421dae2f4990a61cbe', name: "trailing" }), h("span", { key: 'bed4a839dd0a17f68b439b122f6c92e1453c158d', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '3bef6adb0d62b7187b9898a5823b00ad6ab4b9ed', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '33d5333e9798a01821cd43e99b2d9292949c3439', glyph: "expand-more", size: 20 }))))), h("div", { key: '1ccb8139188a864e6bba33f9c8014fb0e883cce3', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '170201944d7d9d4bbb453999a74e922da2567f49' })))));
+        return (h(Host, { key: '5856865322090ee40257fc24a129e38a241a1ce3' }, h("div", { key: 'e6aa149ae6477200e4d8e6d30c9d63fd5df0e6f1', class: className }, h(HeadingTag, { key: 'e22fb8b5e8d1e27135f5c9d2625c5fcc797fecf2', class: "accordion-item__heading" }, h("button", { key: 'ed35d3e5a136bdc518e517c4c335add41fc9824f', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '70ee2a58843d23773d364b5fbb0a4bb4be9cf75a', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '4bb63ef0dd3416ea1a47b47e88066215b9d92aa0', as: "span", color: "subdued", size: "sm" }, this.description))), h("slot", { key: '4a83c8b51f1894233520c30885eafac6cecdc912', name: "trailing" }), h("span", { key: '467360ba86ecb98de6304bea9af9b90ca685753a', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '6faae7ef0c25ce3a3a8f405d69f84f524f748cc8', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'fc084a718273a26d3ee2fba2a1dce4cef635a9a0', glyph: "expand-more", size: 20 }))))), h("div", { key: 'b747f2a7368fca4ec393ab0c08d7d639781b311f', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '9710ff6987d7b43c32208bd010bd412c1ea03165' })))));
     }
     static get is() { return "swirl-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-action-list/swirl-action-list.js

@@ -89,7 +89,7 @@ export class SwirlActionList {
         });
     }
     render() {
-        return (h(Host, { key: '3f8ad25f7497bd69b30bbd132d4a186bef8dd0ce' }, h("div", { key: 'ce3781248aa30678a0e6f0ea3989a316a3e6a5af', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '81bf5ff8456a47284bb84d73a90ebfe77cd6621b', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '29331db95aa222b510f36d373c9c587ea3801d77' }, h("div", { key: 'e436008d74f7df58bbe34c84da387c7b13cb0058', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '7270daf7c32a44d36652133fbbf0cc736bcb7c25', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-action-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-action-list-section/swirl-action-list-section.js

@@ -9,7 +9,7 @@ export class SwirlActionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '7647dd3aeb7bb4427c452385a982a5c8bc097831' }, this.hasSeparator && (h("swirl-separator", { key: '230c3cb15f62439daeb882a0ad8aa8c57e0e2b2a', spacing: this.separatorSpacing })), h("div", { key: '8be3cbf5718c07455dd6e44b4c1df65f7fc2d8d9', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '799eabda4f00becd46d44d413e9c864424255bd8', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'd15f39be1f42567783a71db64ce3a6d11949b606', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'b1584003ed27c2d859753fe0dc43645e6e53281c' })))));
+        return (h(Host, { key: 'bc6aafa0d628dcc11851822cba74bb2dd8a3354c' }, this.hasSeparator && (h("swirl-separator", { key: '38ed66d704bd8e72845f5709c3d061353e9fde1b', spacing: this.separatorSpacing })), h("div", { key: 'ba2e3ba623087c0c7730c7b0aba28283c1af2ee5', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'fbbacc3ed2d7546ffc53d60addc446f4b87e2a77', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'd130147da2d710c10583b624e5481e1ca0175b7d', spacing: this.spacing, align: "stretch" }, h("slot", { key: '3856b974f11544c3239c57f0e40de16ecc53de6f' })))));
     }
     static get is() { return "swirl-action-list-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-app-icon/swirl-app-icon.js

@@ -30,7 +30,7 @@ export class SwirlAppIcon {
         const className = classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'fccb50b692f7869e4d678610e6de7fcb4c665327' }, h("span", { key: 'f42e99a36ee698b388b0dbd1edef4cb43bf2ff8a', class: className }, showImage && (h("img", { key: '974765482115445c629c9674619f4df11d338615', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '6765520e3fbec79711568fc9422732a29e2a2726', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'a67ec134c77b8781beb3fc5b310e4d2fe7dbeed8' }, h("span", { key: '669857854052455b35268f5c3b5225def06851a9', class: className }, showImage && (h("img", { key: 'a5a91f3cb43e92830b1089ecfc179eb2e80b062b', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '8d68a1aff13aa5e50ff9f54b5c5e00b1ec1dd7c0', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get is() { return "swirl-app-icon"; }
     static get encapsulation() { return "shadow"; }