@getflip/swirl-components 0.328.0 → 0.330.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: 'cbfa3ee30519b917689f3934e1472672858ab2f9', role: "none" }, index.h("li", { key: '58106a2fe23e30ea71fcc3c946b99c5f355684d4', class: {
+        return (index.h(index.Host, { key: 'fa176dc7ce64b7c208ba5fb4085f4994de681ea2', role: "none" }, index.h("li", { key: 'c55f11c0743b699f3c2cc9d49cb522ca76cfe967', 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: '03af0e66654d726dac0c772423d86d9857e063f9', 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: 'b096c86dce06c8e30c4ee6048063014b6fda117e', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '75527045affbd70ae2790001777bab47078bc5d3', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'd2f977d009a25ae94bf056c98028ee7fa4b0d4b8', class: "tree-navigation-item__label" }, index.h("span", { key: '45828333378b5eccc6bc9e165db4e239253dee71', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: 'a41e592ea10d8539160ced1d9135ede6e18c5e98', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '594618f24d340ebf14ccee7186ea2b86c56c10f6', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'f27b54244a2390dbd61dbc14c170eccbe0483d4f', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'a2143ca8178b3ef84332fe95fcc049b4c972ba30', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '875b18b4740bfcefe2d6b0846f23a823914b30d2', 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: 'fef37d7819f573f3c37a98121c975f93576a2a8f', 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: 'dbd7dc720c1bc855bdbd4082efe4a1e7ca0d8429', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '7949682f070cc38c9b61ae3cc1bf702224dbd5d6', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '4958c35e3b4f042b6bbf273f63676ec0bdd5a9c7', class: "tree-navigation-item__label" }, index.h("span", { key: '3ef37a17826e98bd767e09ca4c2d588fcc185b10', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '5ef5e84f989d9282f447407dbe8c70a1002d5a84', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'd066448b9da7ae8a7ee7ed975c8f2fee3358b816', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '8d02cb836b808589fcd5259150058fd7f39e7c43', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '4fab2f5102f71223e79a763312f408ac6b8ef8d8', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '2e60f831cd223863ae748f46d933ed60af9df887', 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: '20d47ce7642a41a9f01f82440451c252cd8a1130' }))))));
+            } }, index.h("slot", { key: 'f5019e5a3dd8304c6d0036908b8067172104bf38' }))))));
     }
     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: 'f070785a8989a7f668cfccaef516f28e83e8a9ff' }, index.h("ul", { key: 'b31636d03b08c87afff4189ff0ff468b83c374ed', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: 'adf1bd58529d2149050e13a46dbcdc0571587a50' }))));
+        return (index.h(index.Host, { key: 'eb8c6f04d46d5c117ef13236b18e0a1761df0b3d' }, index.h("ul", { key: '1f73e96d9df8afe11f8b9d21a7b54736549a797c', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '935da44bfca94e55a42514faf01368527ff32cc7' }))));
     }
 };
 SwirlTreeNavigation.style = SwirlTreeNavigationStyle0;

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: 'a4d771567bbd6814b21ff6abaeb1375d178f10fe' }, index.h("button", { key: 'fb04a5ac015a0767d3176c24a3da57245c4b0090', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '2c9eb441ba2040e5a60f6fb209658fd2d4068fa5', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'bc844b91ee57a88055428d2c3e4957dd3613cc24', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'b7884530163c9e32bb19f2411472e171085089c4' }, this.durationLabel), this.duration)), index.h("svg", { key: '56832739a15a970d9bdbc083db83cc2fc6dfe081', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '173ad96f1486f6eace0dbc5269b55a958ee514bf', 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: '99dd1e1ae0d710356ced0407af4cf79532aea691' }, index.h("button", { key: '3bd122d05fd66ab86126117c5cf51251118b4981', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '7903f17823ba7d34664308c7a0642df1dc010306', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'b94ebc5ccb1441eb22e2ab1cba3a255f681c47f0', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '2204ec67949fc4a66d407a3fa0584d7805661226' }, this.durationLabel), this.duration)), index.h("svg", { key: 'efd88753ed2d108b510a02838ff4d9ded34c5f9e', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'bdf75e2c1e4df70998c1bff5a2f14d2ce0eef30f', 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: 'bbce59be34e64a43c4732b42ad3b1f34a46140b8' }, index.h("slot", { key: '0ff4915e7df0be9aebd944b4760928333c7c8827' })));
+        return (index.h(index.Host, { key: '4bb7348e44f93ebfeee13365bd7a10ddcfc65477' }, index.h("slot", { key: '51deef99bfa615b7c28e4345349c21d54ba855bc' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;

package/dist/cjs/{utils-1a1dd8d3.js → utils-b7a6f714.js}

@@ -157,6 +157,26 @@ function getISODateString(date) {
 function getCircularArrayIndex(index, arrayLength) {
     return ((index % arrayLength) + arrayLength) % arrayLength;
 }
+function isImageMimeType(mimeType) {
+    return mimeType.startsWith("image/");
+}
+function isVideoMimeType(mimeType) {
+    return mimeType.startsWith("video/");
+}
+function isAudioMimeType(mimeType) {
+    return mimeType.startsWith("audio/");
+}
+function isPdfMimeType(mimeType) {
+    return mimeType.startsWith("application/pdf");
+}
+function isCompressedArchiveMimeType(mimeType) {
+    return (mimeType.startsWith("application/zip") ||
+        mimeType.startsWith("application/x-zip") ||
+        mimeType.startsWith("application/vnd.rar") ||
+        mimeType.startsWith("application/x-7z") ||
+        mimeType.startsWith("application/x-tar") ||
+        mimeType.startsWith("application/x-gzip"));
+}
 
 exports.closestPassShadow = closestPassShadow;
 exports.debounce = debounce;
@@ -165,9 +185,14 @@ exports.getCircularArrayIndex = getCircularArrayIndex;
 exports.getDesktopMediaQuery = getDesktopMediaQuery;
 exports.getISODateString = getISODateString;
 exports.getVisibleHeight = getVisibleHeight;
+exports.isAudioMimeType = isAudioMimeType;
+exports.isCompressedArchiveMimeType = isCompressedArchiveMimeType;
 exports.isDescendantOf = isDescendantOf;
 exports.isDesktopViewport = isDesktopViewport;
+exports.isImageMimeType = isImageMimeType;
 exports.isMobileViewport = isMobileViewport;
+exports.isPdfMimeType = isPdfMimeType;
+exports.isVideoMimeType = isVideoMimeType;
 exports.parentsPassShadow = parentsPassShadow;
 exports.prefersReducedMotion = prefersReducedMotion;
 exports.querySelectorAllDeep = querySelectorAllDeep;