@getflip/swirl-components 0.262.0 → 0.264.0

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

@@ -99,12 +99,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: 'ccb8fab72b82370116e0004cf153811d59064cc3', role: "none" }, index.h("li", { key: '739575efd5193cbb2885cb4908dd2983eaed70a2', class: {
+        return (index.h(index.Host, { key: 'e4ae932bdae564eeea378a21ce80fdf24bab5bbe', role: "none" }, index.h("li", { key: '2180133103b4a35883370268c4c16b5309c8a9b4', 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: '9a5c4f9a2a28dba0cb621c606c96740bb2cd78b9', 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: 'f40c840bbe8d412215a39f4d377de7da735e31a5', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: 'e872dd8e05f7c69945e8459133cc0628bcf2f8f9', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '00c0039c994111b9137b82f9e5bff9fbad17cff3', class: "tree-navigation-item__label" }, index.h("span", { key: '99da9102f4fd50b10bec3aece165c42d617054a8', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '24c65b2553f3d2c3c304a63a38f9ca326a3e93e7', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '396da912b54c3f602a042a85546fdc658a1b0f5a', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'fa5aa49d1f8ea0e00db54a0993c57eb9f758feb4', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '3b43aa4bb817d6419cc27e8ce9e1aab2c9ffc87c', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '8efaa76b983875a4e2c05625793fdf1a49f1bb0c', 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: 'f2d8c1b6ee15d65091c3db576efa5a6d2db8ef04', 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: '0b0d00cf4e59b348db19c2afa2314d922058a2f1', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: 'aa9696841a8a75af4e4a131d5a1edc236be58eed', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '11bc1aa2873b8a3f3fefc82a6d45a1e144074266', class: "tree-navigation-item__label" }, index.h("span", { key: '6d3212c860627f120cebe27b251482b4c358a905', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '679d19bfb8190090593c42f832203b23bc68c829', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '80de69632fcc483a471eaf0ffe3ff247ababbc0b', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '51bcf079aae4fa5cac11fc4a8ad75ba67f490d60', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'b6b94dc1d6a9d5b2a4f57a744eb26a8b20422459', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '45033e3fa251f3803305234bd98b80928dc60ab0', 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: '12f645a477d1980b2e3dd69368eb6934b6dcc2a7' }))))));
+            } }, index.h("slot", { key: 'bf6390ad3b86e534309b4d110ef6a008663f4915' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -13,7 +13,7 @@ const SwirlTreeNavigation = class {
         this.label = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'e4d422dfaebf3625fc3b69efa8e8c4559f57b444' }, index.h("ul", { key: '162779e83c6ca058bae7b5b7b610b5a5685f5304', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: 'f2e072c9a2c02164f768ef34975504d34a7f0436' }))));
+        return (index.h(index.Host, { key: '8ba08edfe0ac2619178e4506cdb1f88433590377' }, index.h("ul", { key: 'aee847cc0e73f2d43a99d7b2911bc2b1c511db05', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '88669ac1e2d4c00281aa3b0e960052492e213895' }))));
     }
 };
 SwirlTreeNavigation.style = SwirlTreeNavigationStyle0;

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: '9c4060a50612c5c04f9e9dc3d8f24b64cc86eb50', id: this.itemId, role: "none" }, index.h("li", { key: 'a667aa3413ab89d0b73a1cdecf638c0edeebc30f', class: className, role: "none" }, index.h("a", { key: '892df8da2123bca07f4b742f2db7074aa2cebf34', "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: '84e8dffec34b056cbc21ec64b9ac5ee02046d947', id: this.itemId, role: "none" }, index.h("li", { key: 'e0496d50597235d2f233d5f1d1c12d4c4173d69c', class: className, role: "none" }, index.h("a", { key: '85552118048066331756343b6aa6f971a16a5b79', "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: '7ca84e257df1c6c1d50715b24c0174b162a4c87f', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'ee4e1e8abb8ee763899acacd736eff1d6dec3a88' }, 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: '42d4ad3e805c975aef45201476827db258866a0c' }, index.h("span", { key: 'f2057d60353ee4715333afc7794ad1f88158b660', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: 'e8ad171d851551688c2147e64963a9f5ee1804e4', class: "tree-view-item__label" }, this.label), index.h("span", { key: '87a3d8a35f97ca90ac3d6474f0ec76091177606c', class: "tree-view-item__tags" }, index.h("slot", { key: '3d071ed48c8ce362a70f45e18ca4cbf1d30abe03', name: "tags" }))), index.h("ul", { key: '1c62c41a354a86187f87bf9788b6d751fb9cc610', "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: '0cf52838ae02adb57e1326dfc3a8cbf507dc7b62', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '28000faf29edaf36743b8661d7179f01059346a8' }, 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: '5f8650233cab5d232a12d619fc6ea228753f073e' }, index.h("span", { key: '05da1e386195f4d1e4b1ac9958251d94eebb8015', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '5384a5e8f6820ab748e64415763e36d637cb4ab4', class: "tree-view-item__label" }, this.label), index.h("span", { key: '23dc0a18cbf436d08ffca6fe6d3c693921eaae80', class: "tree-view-item__tags" }, index.h("slot", { key: 'e7ad54894349b9707059ea5fded3f4ae510094ad', name: "tags" }))), index.h("ul", { key: '027ace3a1dd9ed5756c619f44d291ea111b41c45', "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: '42332e01614e7684e3c2564771752d65024a4bc8' })))));
+            } }, index.h("slot", { key: '174a2d22926f86deafc5168b8319765aa608eb78' })))));
     }
     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: '9547acc6ee783cd7bbc86229456664b704ce3824' }, index.h("ul", { key: '054dbfae0ea04717ec92404e5cfdbd02b3aa8ef2', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: 'bd50ab3d80614550ff1369b2135087c9abd18f7e', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'a2bfc69fabbf6adcbfc3d418f41f3207856c9e7a' }, index.h("ul", { key: '3ec4f616d3dad982a474a9e3fd0055587551bee6', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: '07c695e41dc8cede5722b4fd098f1f8bc9a25983', 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: '1cebf80b9a3b76e1f463a7e34fb9753092589df9' }, index.h("button", { key: '771634a63654892d7a8bb6bdee9130208778ac79', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '708ac273df7b36e84b280dc7a211947c554ed90c', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'ccd1a3bdd939da1ceab82c5f480a6cc05886238a', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '08b8b439f3e2fe529a5e08d2a3d4adf5a7b81d40' }, this.durationLabel), this.duration)), index.h("svg", { key: 'af98a07072d4963aa9838fdb15cf4a633f27e3c6', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b99ee166bc59e5876b02c3e2a5c4c13f5034bc0d', 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: 'd0bea75a46371ce3259246720ef5e5e4174b6053' }, index.h("button", { key: 'c58cd2f54b71f92b54d9557d33c78c7a3991ac05', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '790ddb68d1e747f5193af6554af36b5b3228934e', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '83879acdd74dc39578fcc024617f0d1593a4cea0', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '1cca6643d3ad6ba8963aca8115da66d2230b7afa' }, this.durationLabel), this.duration)), index.h("svg", { key: '717fd9a88cd0c25fa2d1998974bd8dd19b7debfd', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '7e24ff8a99893f3a548b96e4b6da46060cee64ef', 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: '11989ec156e6ed5fc03a3e40802e5af45247d534' }, index.h("slot", { key: '2464ac3e1a71c723e24c0258b3925ee54900a772' })));
+        return (index.h(index.Host, { key: 'b216c664f313f0c3c7aa3a6a746aac1042308250' }, index.h("slot", { key: '4cebb4cb606e9bdad5836863ec6de489c1018043' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;