npm - @getflip/swirl-components - Versions diffs - 0.354.0 → 0.355.0 - Mend

@getflip/swirl-components 0.354.0 → 0.355.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 (1713) hide show

package/components.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-07-28T08:20:38",
+  "timestamp": "2025-07-29T06:48:50",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -67368,6 +67368,10 @@
         {
           "name": "slot",
           "text": "rows - Row container, should contain SwirlTableRows."
+        },
+        {
+          "name": "slot",
+          "text": "empty - Optional. Rendered in place of the `emptyStateLabel` when no rows are present."
         }
       ],
       "usage": {},
@@ -67583,6 +67587,10 @@
           "name": "columns",
           "docs": "Column container, should contain SwirlTableColumns."
         },
+        {
+          "name": "empty",
+          "docs": "Optional. Rendered in place of the `emptyStateLabel` when no rows are present."
+        },
         {
           "name": "rows",
           "docs": "Row container, should contain SwirlTableRows."

package/dist/cjs/file-manager.cjs.entry.js CHANGED Viewed

@@ -57,7 +57,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (index.h("swirl-icon-file", { slot: "media" })) : (index.h("swirl-icon-folder-shared", { slot: "media" })))))) : (index.h("swirl-box", { padding: "16" }, index.h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (index.h(index.Host, { key: 'a00779e57b470aecb1bc05c33da4465e7caee756' }, index.h("swirl-app-layout", { key: 'f9abcd023773a8469efecb8bfdaff507bb3e5b18', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, index.h("swirl-resource-list", { key: 'c581702bfee1182cbdba905e2e3d6e0c4a373db9', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'd9fffbbd2f16a0bd01984d04dcf3687c37123eeb', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '2ea7976f91e3992d9b95917600bf231fc8f555c3', label: "Sort items" })), index.h("swirl-stack", { key: '4756921889829dee3aa35684111699bab7d146b2', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'a66b234fc7a9d70a13463b5f9ab6f76b32f696d5' }, index.h("swirl-heading", { key: '9bb646ef6a7bff046fa56cd0e2b812a0ddabd321', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'c21f1d148f45ca65a6251ca146dc3abf70b49433', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: '747807f71e7f52e55ee05e16583484a4b0ec2705', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '8572f6df4f63f354c7f153db00f2a1558ccb3be6', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: '82e52433f06fe90f2bd0a45550ebe2a9d5c697d9', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '7af6d9734137f8c60c5104acf46a3ef99cb56c24', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '0851767bb0e14cc54fa48b25adc54046773f2d57', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: 'edaa61392cd6039b2b532be8c8619d5bf018e64f', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '3678e927b18fe7200afe1acd84204fd24797759f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: '963f53c3ad81b4055781b5a72e33f3bda990f022', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'abad31d42acf67b546a68758a4ea20ce4d118783', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: 'dca35dfb9ec612b23ebd8266f396d60b6b0f98d5' }, index.h("swirl-app-layout", { key: '8ced6ef7794dab649ddd30302b03a22f8c84cc8e', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, index.h("swirl-resource-list", { key: 'bdfdb4596bc0be89198aacea37aec8469f9bb469', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: '13862793046c0f14cf0234d77dcfe6de1d24f2dd', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '04ced670305a5831ec1cd7eac1ff06c31a208eb6', label: "Sort items" })), index.h("swirl-stack", { key: 'b57ca426d7119671bd1b79359767f2ef689fb762', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'ce6b50fdee3285b1c7f5512debe72fb545168da7' }, index.h("swirl-heading", { key: '69da45b9ec5928f04291e6d6f699acd2d20d9835', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '18c47f53f1c980b666e140f3975764bda57d396a', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (index.h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (index.h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, index.h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), index.h("div", { key: '72c96fe00f73cfc698c30c67c9abba0ae76ebbe7', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '53cf2649674edc56fe67a5f80680d8eacdd6bd93', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), index.h("swirl-box", { key: '7b54cc22d4cee06d7088b37bc761a05489a7db7b', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'e23c68c70e3efa91a9e4e74d6e0e525f2ad5e672', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '42cee673c791856d84bc924033ce6fcbda7ca9e2', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '0ef4ec2f94f5c98303b81e0e106c0a72404202dd', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '60898a5ceaae08799f8c002cc303946a3d7b532f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'f2a8448ae79ffdbcb8983308485de308bd0179e6', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: 'be78ef3c98ee560ec6b7082d709d954e94221cdc', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };

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

@@ -61,7 +61,7 @@ const SwirlAccordionItem = class {
         const className = index$1.classnames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: '72e9e9ac13d186738928b8e980c6209551533c9f' }, index.h("div", { key: 'ccd89c1be4e1c0485f96bdd37ed59316112091af', class: className }, index.h(HeadingTag, { key: 'd55e20e2766c5c45cab2d87d9decfb26bafb6bda', class: "accordion-item__heading" }, index.h("button", { key: 'dc9e6ec6b643ba2048da106c052e926dc0961fd0', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("span", { key: '6bb5529bd31016e1f55a484b2b0d6ecdba2e48b2', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: '19cf25a43a59482fcf0af60ac901e490fa0b91b7', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("span", { key: 'ead14b0bcbeeb7c2c1fc80951a05ee406271974f', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: 'e91d346f75c7a7426a76bbacd75975d399ac7a5b', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: '1a4f7a806897bde6fbdc1b79ea34c79074cae3eb', glyph: "expand-more", size: 20 }))))), index.h("div", { key: 'ce4f9952bf9a8682816b3bcd235829040509b22e', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: 'd82a46ddc9b13812dc24d212c73e6ded6f836912' })))));
+        return (index.h(index.Host, { key: '0585ed5acfc7dff3fafa11ec0cfb2d469d84f9e2' }, index.h("div", { key: 'dc12ae03c587084e4db14102c36a3c2520249c75', class: className }, index.h(HeadingTag, { key: 'bdea010f52fea7c3eadc92cad466e2095097a9cb', class: "accordion-item__heading" }, index.h("button", { key: '2740ec26889940db9b476060c24b434ee6a5102b', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("span", { key: '50a172747b20583130cbf83bb4ebfa6e14b6d417', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: '57c92c649d043736f5f04453fda549a79fb2d9be', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("span", { key: 'd21c056161f0a018272d2fac9c8ac78873cb97d0', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: '063049b3afbb1b3324239ee4dfc77157d37a76ce', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: '803d43579f453a8dedbce20fdec3eac1b7f30a73', glyph: "expand-more", size: 20 }))))), index.h("div", { key: '2435091e461eae245e003fefcca05e5c06ea355d', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: '2b3f5840d414178e2db539fb359b7f9bc8b3a2ff' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -45,7 +45,7 @@ const SwirlAccordion = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '64993ad2baa9c31e6c60ec980ca5b3580ed603cb' }, index.h("slot", { key: 'eec3488a347a2edc444b6354bcd2967fee8b5655' })));
+        return (index.h(index.Host, { key: '14ae7fa556c8418ed83b89b408ec0d6e8efbc816' }, index.h("slot", { key: 'a67fd41293c0606520b5dd6d3e45274ec583594a' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-action-list-section.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const SwirlActionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '82f6c96fcfbd7ac0b92b66d37c9a09654c51f90f' }, this.hasSeparator && (index.h("swirl-separator", { key: 'f02e1b5598b2aeac0c3687eccf2f2ac7328e56a7', spacing: this.separatorSpacing })), index.h("div", { key: '53c1fbdd7b2da339e668767c86953c674971c18a', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: '19856b64286c60b04f946c0cbdef9df322925eaa', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: 'd9f3851221c5dae97957bbd178d3c69b12d3d05f', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '2057cda1703f7cd5462f501ea197b7d3a540c60a' })))));
+        return (index.h(index.Host, { key: 'a3d1af938e7d15b2d019ec947a224ea908a789a4' }, this.hasSeparator && (index.h("swirl-separator", { key: 'df4880ee4b69761ead7ecda78541216ba9fdf241', spacing: this.separatorSpacing })), index.h("div", { key: 'fde81917cc7f0ea3e96198dd2d684cfd75ba7658', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: 'd9e649b1a643f843e4c4e8c8003fb09cadddf4ce', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: '9c09ad4a9f6ec010de47ea9fba198ef67a926e1a', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '72f9ec0b1218eab25d7e2ce3e59f20c5b1a969b7' })))));
     }
 };
 SwirlActionListSection.style = swirlActionListSectionCss;

package/dist/cjs/swirl-action-list_2.cjs.entry.js CHANGED Viewed

@@ -94,7 +94,7 @@ const SwirlActionList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'e051cbc525ae8cf430325665335adb2643d72cd4' }, index.h("div", { key: '5cd25a3d497e53cc78b4a463e8ce100739c49a15', "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" }, index.h("slot", { key: '48f499fc622ab600d5885b34c2860175fe8cc48a', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: 'be081a33787b32237d996d38d2c7d1d6aeccd08a' }, index.h("div", { key: 'a41ed4a72c31740add6c757999cec0a00a85cfb3', "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" }, index.h("slot", { key: 'bc113761c4c4191be0431379f115eb6f3a0abcfa', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-app-icon.cjs.entry.js CHANGED Viewed

@@ -36,7 +36,7 @@ const SwirlAppIcon = class {
         const className = index$1.classnames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (index.h(index.Host, { key: '48b3be2e631cbaa20e9ffef341b1bd902ed1d726' }, index.h("span", { key: '89d9e1a445f6bb1ee0515748aa01631e67d323a5', class: className }, showImage && (index.h("img", { key: '1d0212ea931e6d724a8699fea6579ec7145af6e7', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: 'e63a2e4e03d8fb28c493ad325f0b7c70ef2e038e', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (index.h(index.Host, { key: '2073405dc023facc8321a26be91cc1cc56653348' }, index.h("span", { key: '8a37894d5aeb9660ba61ca58d6e25d5a4799afad', class: className }, showImage && (index.h("img", { key: '0e638f9b5d020e811e0dd573baad991ed5e2dc53', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '15573bd9533b881471d951b23a3e24b6fb2ae6b8', class: "app-icon__icon", innerHTML: this.icon })))));
     }
 };
 SwirlAppIcon.style = swirlAppIconCss;

package/dist/cjs/swirl-app-layout_5.cjs.entry.js CHANGED Viewed

@@ -359,7 +359,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (index.h(index.Host, { key: '9a9f34a3a93b1ffc073ad5eecc1835ecb3edda6e' }, index.h("div", { key: '534ed93ab6089caa2848d19a83b3396dd4f7ff03', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: '2adfeef444d280904322b12f1723a1dd38b1671b', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: '517b43927347d0437dc025f3837e53d341f544b1', class: "empty-state__slotted-illustration" }, index.h("slot", { key: '1e6488f175b2f9c230f22580c2576923613d071c', name: "illustration" })), index.h("div", { key: 'f0fd13164bc80c6871346de6c2633daa9389dfec', class: "empty-state__body" }, index.h("swirl-stack", { key: '8a2f3873852469cf5bbc166478626d5cc293857f', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: 'de72f496ea85c9063a5c8f6019e9fc264f35e865', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), index.h("div", { key: '23f71fd918d8843c5ae2ac2644b008af27beedd6', class: "empty-state__content" }, index.h("swirl-text", { key: '57f7c99a9a847a8a0cf39d8733d44c9208e0111e', align: "center", color: "subdued" }, index.h("slot", { key: 'cd70fc9578c460eefdd5d9116b0a8b53e7000027' })))), index.h("div", { key: '2493316c48e22a13583fdf7bdf9eedc644688ed5', class: "empty-state__controls" }, index.h("slot", { key: 'de240948d209245cc5835cf970a5096d23f9997a', name: "controls" }))))));
+        return (index.h(index.Host, { key: '33618990f6590817feb29d48a8d28c2f72520c8f' }, index.h("div", { key: 'f4457c2fd82c97719a53423a0a1ca84e0f18f682', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: '6a5437fea0daaf0a01bee1d33e6f481bc4c51445', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: '54154df2fb0a3e421ae291591a722bc67ded9119', class: "empty-state__slotted-illustration" }, index.h("slot", { key: 'df76cbcd0c655abeaeda7226fa853d45be89fb6b', name: "illustration" })), index.h("div", { key: '99fc1be561799b5f81a6bbb47c5d7312aafc77ad', class: "empty-state__body" }, index.h("swirl-stack", { key: '476f64dad851994d50e4d2b530da014328b30363', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: '3642c57f19d4f32f8fe3fb675d97ce9dd8d76ffd', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), index.h("div", { key: '39fda9708d6f38f64866f3ca8c7e263bafebe665', class: "empty-state__content" }, index.h("swirl-text", { key: 'c5d2c8f426d44381d84f96cc90bb0c2a4194234f', align: "center", color: "subdued" }, index.h("slot", { key: '22365df3f321fe28aaf1f61419ec2a112852959d' })))), index.h("div", { key: 'c024ec14cadccc081de83ef4f7004543a8283e7c', class: "empty-state__controls" }, index.h("slot", { key: '21fa3b0cc64bc1c3b365b5ccb22b6bb0c68a27f4', name: "controls" }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -378,7 +378,7 @@ const SwirlIconFolderShared = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '08858916a77543fe34800e9a63f8f8d56c56eac2', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '5c1b94d9b8be9523b0177b7a27ad029f748424fb' }, index.h("path", { key: '7c95b5f20029f04d9fa50d1bd4f8d967b74b8788', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '386222f7de11af26bd19bafe64be47c8ba7f99fa' }, index.h("path", { key: '8bb363d1d2a7f71c688887e7403d27ed709478f1', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '0deee82c8f12dea1661743e3809c006442fa1bd3' }, index.h("path", { key: 'ebe8062420243296dcee42e5d68b0bc63e35311f', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '5e955f5742913bb85d054fca650b56a3b23e1aea', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '92dbb7631e12159e48d912e2e53713a80331a688' }, index.h("path", { key: '21df51a526cce02501090fdeeb26bb8881478de5', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'd2f7a3bc461867f3e377c6866e4aa4bf4abb8844' }, index.h("path", { key: '99eeeca40b969e0df93d3f1c773934c91f51298a', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'e8bf443da6881b27736b805d529cff9daf0fb57c' }, index.h("path", { key: 'a5381a0b17e5b0f86a446ffffd23948dc3418a68', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
     }
 };
 SwirlIconFolderShared.style = swirlIconCss;

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

@@ -27,7 +27,7 @@ const SwirlAvatarGroup = class {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = index$1.classnames("avatar-group__badge");
-        return (index.h(index.Host, { key: '8fb44a9d81b4cf05ff18934a00499f2319157814' }, index.h("div", { key: '65a8a2cd06a186ba5cb3313ab7c1de13ae8f513a', class: className, role: "group" }, index.h("slot", { key: '877aa5190da92785129f4fc15925d319c366f409' }), this.badge && (index.h("span", { key: '115b9b937583ca3f05ec4bc14a831a3b4eb74d53', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (index.h(index.Host, { key: 'ba163a394e3c9475c5d5f4c3a6c9b53ed1538199' }, index.h("div", { key: 'f852e4ccc6ff3af8aa9c543850370165d28335ba', class: className, role: "group" }, index.h("slot", { key: 'd0645fd5fb665aed27760df214ecdac8e3483594' }), this.badge && (index.h("span", { key: '76c4597cff6646318cc50d57ed468e3341be768b', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
 SwirlAvatarGroup.style = swirlAvatarGroupCss;

package/dist/cjs/swirl-carousel-slide.cjs.entry.js CHANGED Viewed

@@ -14,11 +14,11 @@ const SwirlCarouselSlide = class {
         const className = index$1.classnames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (index.h(index.Host, { key: 'd50b846053d487691b02b66e9d1fd2ce73e39e79', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (index.h(index.Host, { key: 'f2ece15a830aed50ac09c6667a22c1f21ada5c95', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, index.h("slot", { key: 'ba58e38f8d0561d9fc4d7e84d830c602141e39d2' })));
+            }, tabIndex: 0 }, index.h("slot", { key: '3d031a88d84034bbd46f9e1640f759b53818f80d' })));
     }
 };
 SwirlCarouselSlide.style = swirlCarouselSlideCss;

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

@@ -446,11 +446,11 @@ const SwirlColorInput = class {
         const className = index$1.classnames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '6ceafd585281f533634d92fe8f0cdce91722fa29' }, index.h("div", { key: '296120abcf3e8de528bbe140fca0d5ef3bf3828c', class: className }, index.h("input", { key: '21d7459e8703afb9b69d7e87ef58ed2473b67034', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), index.h("swirl-popover-trigger", { key: '09818829e44f9eb99b30b65fab4df46cfcb1abee', swirlPopover: this.pickerId }, index.h("button", { key: 'ac1c2e699ddceafb20ecfe3b8ea8d3f0131ed684', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (index.h(index.Host, { key: '3497a5228d21e3888155ee30fdcc8f4b06071075' }, index.h("div", { key: '70dec42e3c74bea566f9ea3cffcbf5bca2995372', class: className }, index.h("input", { key: 'bd533e1032afc8d11b1afe24f9c0857e637c2a73', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), index.h("swirl-popover-trigger", { key: '4898506bae164efe7503c02d1e9b4fbc1c792f25', swirlPopover: this.pickerId }, index.h("button", { key: '9238e7ba3ee36d5d4802fe1cbcc93b90da1e784d', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), index.h("swirl-popover", { key: 'cb216507c45e36a1369e2702073791bdbdcded24', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '749ae44bbdafcba65b8a9f703edc5fb56a8ca0b8', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: 'cfba277121b02199fa9253b7bfbe2b4c98228ce7', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), index.h("swirl-popover", { key: 'a692a8e6fa94b10b27a304a40a85746ecf95e3f0', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '781ad6a845f19b321aeacbaa03d803492f54bc37', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: '78401ba31a8b66b809b9f362bd501f1dcb490880', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/cjs/swirl-console-layout.cjs.entry.js CHANGED Viewed

@@ -115,11 +115,11 @@ const SwirlConsoleLayout = class {
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (index.h(index.Host, { key: 'f50f15611b1a43c0f4451259a14328e932a177d9' }, index.h("div", { key: 'ee10ce4726004c98d767291c981f00873cb1e52d', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: '1a075fa1e64c90480d159218b836ce572a859684', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: '9eff38600b53b38f228e66b2ace9d448bb083779', class: "console-layout__header" }, index.h("div", { key: '49027154797cc60b4d4f8fb73f412548e6f5243e', class: "console-layout__logo" }, index.h("svg", { key: '4e77580a681c6f0185579fb1a84a2cf6ba758a86', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '4ebeccfbb11bdfd806e61bba8204a3f50829a125', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), index.h("path", { key: 'f483a43be98cab78fb6ea04a77b096e54fe2fc62', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), index.h("path", { key: '30541b0fa88fdab970d53ce7f61a1dff93adbee7', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), index.h("path", { key: '2b9d33452b80ad5af41613b2ba319fa202c41c62', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), index.h("swirl-text", { key: '95131741fa3c9f87eb52f5e9af1b40c9d07e4a26', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '65061602c1619a3b04c78e648a47b7ede1084292', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '1f14d9d7cd7a7a96a1418c9a854da0a7c6ad1e82', name: "navigation" })), index.h("div", { key: '2496827efd0a0bbe3995021e5b8620718a31830c', class: "console-layout__user" }, index.h("slot", { key: '4fa44dcca22e685693b7f20fa61dd3d202f970cd', name: "user" }))), index.h("main", { key: 'd9c0bb8c0e24c982afba34c9794ffe0da1012e94', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: 'edf72bb1e1f42c453fd3aecab4e08b1c8f3ee701', class: "console-layout__app-bar" }, index.h("span", { key: '22284ee6410b0918e1597f715878775d59657564', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: 'b941a02a7504569497275b03ba86d89f53de6f31', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (index.h(index.Host, { key: '7609dc3d18efbf738f97542f3d70f37f725856c2' }, index.h("div", { key: 'fc9ff91ac887fd251ddc2cd186fcdea540fce5d1', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: 'cbe26fcebdb5a1b70a1ba68c4a375af266ab661f', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: '1a6c7c5c5c3df23e3a9d08fb04160b38917ceee9', class: "console-layout__header" }, index.h("div", { key: '3616248f89007de4bd082836f14f92b0ca6f0bc9', class: "console-layout__logo" }, index.h("svg", { key: 'a8a255d0e0500b138aa5866c03096fbc6c66e0d9', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'a31c6fb7e65d8c918bfbff12184c4b1cb8acc5e9', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), index.h("path", { key: '7bee342b8545ec067ca1041374d1db9baed7b6be', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), index.h("path", { key: 'fe3f0343857e0d211614673b13201ce3d2f4b1c7', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), index.h("path", { key: '80e1b3c72d24402523def70efc179b4878c001b3', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), index.h("swirl-text", { key: '120ac1e850e4f04b26857e53d036944facec9aea', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '628f87b2ba8ff564774a6e58aa45daea8e7dd3a6', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '4688e1301c67280575b186d97794b8765cb140bb', name: "navigation" })), index.h("div", { key: '2efe648dbade0217904c11a645f6469bd520203d', class: "console-layout__user" }, index.h("slot", { key: '5472dcfbeb86b691e02a0be40056d77dc1853ff3', name: "user" }))), index.h("main", { key: 'f91e4b6ec4f4696626735627ab1f797b6daa1ecc', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: 'cc487ba908125edb335ae1b897b67652ff1b636e', class: "console-layout__app-bar" }, index.h("span", { key: 'ea5fbcfd6520618ecca8a9a2cc98bc9ca80a0bc7', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: '53c4d6b2043b2f6cbd5c638e7dafff4fe0368fa7', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive
                 ? this.hideNavigationButtonLabel
-                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), index.h("div", { key: 'a34f7e094900b068133d5daafa45e0ddb8147d15', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: 'fae8dfbaf8c15b44eb38c7b20ad64db7d0ac349e', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: '09b028640393c561c65867114dd45a46d9af46d7', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: 'cd1065e35763e0a11402e23602060fc3f7fafe01', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, index.h("header", { key: '0ca79f079395863d9ab8e7ccf549f1b867fb166c', class: "console-layout__content-header" }, this.showBackButton && (index.h("swirl-button", { key: 'e4d7942df32be75ffb2cd771b0250fca9909be3e', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (index.h("div", { key: 'c10c0dbedb184727b25e455726f22a9c8655f382', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: '18c6f8837843dde2e1aba3cf1b9dd6cc4fff6065', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: 'b01e52baca83a489d64ef7675b9a9e3de437d904', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: '06213e1cbb04b7cd04f3b4e857d1f10f4492fc46', class: "console-layout__heading-container" }, index.h("slot", { key: '4aead0a2e8ab14eea6130d8f5185a8f39d6eda96', name: "heading" }))), index.h("div", { key: 'a92af5490e5a1f118fa3786704195e1bd13fb0f2', class: "console-layout__content-header-tools" }, index.h("slot", { key: 'ed2d0d85388c7a2debaaef9eeba9a9a49ede94d9', name: "content-header-tools" }))), index.h("div", { key: '3c9db32d0733bdd3fe09c3311413a0be5df53465', class: "console-layout__integration" }, index.h("slot", { key: '1f481ea3641200064cf91c755fdaf63c35f78188', name: "content" }))), index.h("div", { key: 'b9d3b42808a8ad7061c5fab98eb31b3a4a1c2168', class: "console-layout__overlays" }, index.h("slot", { key: '8f5d42d0e5317ac378a097f179d4cb376b17b503', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), index.h("div", { key: '42272b0c7159db100fe6c3b45da11b5cfde433a4', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: '56d64cdc93198321ec95735f624fe1e2f20d4246', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: '264eb7a00937d37c1ed6b72d9ff44cf23575a2a0', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: 'f33068854d60dd9e1fc092919c2c8eb944fe0d08', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, index.h("header", { key: '95645601e6d546dccbcb29b8c57be47ca6da1f10', class: "console-layout__content-header" }, this.showBackButton && (index.h("swirl-button", { key: 'd5c93b51ea01f6a4a51b3d53581d705883d46f12', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (index.h("div", { key: '4608b0e354a81b2d476841cdfd3efbc8af6aa158', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: '3f1a88fe22d9e25e11d9776c9878b65d77e49726', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: '95af95b3f035cecb979aa7499182f3f6529bce5f', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: '8c0397b73c23cfcb3a4c378821cc3fd61e8fa203', class: "console-layout__heading-container" }, index.h("slot", { key: '08329b370db69a36788d0f288e5a21f620a4d5ed', name: "heading" }))), index.h("div", { key: '34b271b87abd86e0d79fdfbe1255b450ad9ccaef', class: "console-layout__content-header-tools" }, index.h("slot", { key: 'd511a6796201007980d868016d95b0b17cdd74a5', name: "content-header-tools" }))), index.h("div", { key: 'e7869cb19e7536c57947110758170e4c39020ed1', class: "console-layout__integration" }, index.h("slot", { key: 'c768dd67804b4573beda3197556fe74896e47608', name: "content" }))), index.h("div", { key: '242b5fd3e59c62a925bdbd40d3bed02fb662a24e', class: "console-layout__overlays" }, index.h("slot", { key: '13c6844bb24ce4b0e44075958901197831b754ea', name: "overlays" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -200,7 +200,7 @@ const SwirlDateInput = class {
         const className = index$2.classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '471e754e234ba482d660b9047300867cd25d9d95' }, index.h("div", { key: 'b84d748946cad76aaf050e9a508522f0817278ee', class: className }, index.h("input", { key: '105d0633647c96f8ce9f7475a1f78753f971b5ba', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), index.h("swirl-popover-trigger", { key: '779322b0fab02d54a88be137928aa47485726814', swirlPopover: `popover-${this.id}` }, index.h("button", { key: 'e76a5181d33671c5896ccee3cb53c70ad03d31c6', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: 'a3d43fd1e7862eeb13f9a8d8dac7e8f0cbcfbcb3', size: this.iconSize })))), !this.disabled && (index.h("swirl-popover", { key: '9fae9695ee106689c7e0bd28a028a6bb6799ef97', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, index.h("swirl-date-picker", { key: '672e2fe9fd941f100e54309781fb68c2c389a265', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (index.h(index.Host, { key: 'f019d3f87acf7b5ff19114e546e3301c933a1c99' }, index.h("div", { key: '43cc12ccacf3d84662233ded36855a98db8f6699', class: className }, index.h("input", { key: 'd0b4efb41915fb40a7176c6f6f0ba4c950d3b1ff', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), index.h("swirl-popover-trigger", { key: 'dc6e98bdd67213f2b9e6d5aa15bc90b49c5e8011', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '847fea1f7cd3ca28d32c1b5845b35699a9964e32', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: '0f54c87d780187fa08f88dbf96bb9a33eae99220', size: this.iconSize })))), !this.disabled && (index.h("swirl-popover", { key: '6bde5123d029478d076b0bc7f39c5ed6867b223e', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, index.h("swirl-date-picker", { key: 'b9e4ba1a9b2e04d13e3d680ea2ee9230d47352ea', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-date-picker_2.cjs.entry.js CHANGED Viewed

@@ -39,7 +39,7 @@ const SwirlDatePicker = class {
         const startDate = this.startDate instanceof Date
             ? utils.getISODateString(this.startDate)
             : undefined;
-        return (index.h(index.Host, { key: 'bf046f881a6100796853802c25eb53a9a38571eb', onClick: this.onClick }, index.h("wc-datepicker", { key: 'f90deb0143ef44685d903d517979d59592f5fb02', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (index.h(index.Host, { key: 'd76cc3c3e59e4e36fd9b6780892ec7c5f99ca53d', onClick: this.onClick }, index.h("wc-datepicker", { key: '7a9b2e38582b0b2c2f54180378939d36d03d516c', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     get el() { return index.getElement(this); }
 };
@@ -58,7 +58,7 @@ const SwirlIconToday = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (index.h("svg", { key: '90a1941603563fe5f6837d7a132ae652e301e449', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: 'db7697d37ae26767518fca7efd0865f2cc47f97e' }, index.h("path", { key: 'b05381957afed0fbdca16d89974ebb79148aa3a5', d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '9af7891fa719aad15671f8464a29a0d20e2082af' }, index.h("path", { key: '061a21c440d08c48359c8b98f16269137a0118e6', d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '6693130c17363cb4edfec59ae895dd43151bb1bb' }, index.h("path", { key: '99dc9d4084ca93642ce963552dff8922bc0c4804', d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
+        return (index.h("svg", { key: '2faa2eaa29b7199a67266802f3f7acdebaac951b', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '8f760ecff9044c2532656a4ae3018c9113ef2357' }, index.h("path", { key: '84d23a8938fdac09c72e2d366a253449f85bccd8', d: "M6 10.9999C5.53333 10.9999 5.13889 10.8388 4.81667 10.5166C4.49444 10.1944 4.33333 9.79992 4.33333 9.33325C4.33333 8.86658 4.49444 8.47214 4.81667 8.14992C5.13889 7.8277 5.53333 7.66658 6 7.66658C6.46667 7.66658 6.86111 7.8277 7.18333 8.14992C7.50556 8.47214 7.66667 8.86658 7.66667 9.33325C7.66667 9.79992 7.50556 10.1944 7.18333 10.5166C6.86111 10.8388 6.46667 10.9999 6 10.9999ZM3.33333 14.6666C2.96667 14.6666 2.65267 14.5361 2.39133 14.2753C2.13044 14.0139 2 13.6999 2 13.3333V3.99992C2 3.63325 2.13044 3.31947 2.39133 3.05859C2.65267 2.79725 2.96667 2.66659 3.33333 2.66659H4V1.99992C4 1.81103 4.06378 1.65259 4.19133 1.52459C4.31933 1.39703 4.47778 1.33325 4.66667 1.33325C4.85556 1.33325 5.014 1.39703 5.142 1.52459C5.26956 1.65259 5.33333 1.81103 5.33333 1.99992V2.66659H10.6667V1.99992C10.6667 1.81103 10.7307 1.65259 10.8587 1.52459C10.9862 1.39703 11.1444 1.33325 11.3333 1.33325C11.5222 1.33325 11.6804 1.39703 11.808 1.52459C11.936 1.65259 12 1.81103 12 1.99992V2.66659H12.6667C13.0333 2.66659 13.3473 2.79725 13.6087 3.05859C13.8696 3.31947 14 3.63325 14 3.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3473 14.5361 13.0333 14.6666 12.6667 14.6666H3.33333ZM3.33333 13.3333H12.6667V6.66658H3.33333V13.3333ZM3.33333 5.33325H12.6667V3.99992H3.33333V5.33325Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '9dcd14893cbfeeda5eae05f8baac23d9996ad767' }, index.h("path", { key: '3bb10432070fc5f6df2ff95cf57d0237b1ecf8ae', d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'ae9cf7076d4c27226099f2c09fbb31da8f6073c2' }, index.h("path", { key: 'bf4c4cad4e958600dba2f448538d0cef5a62e0ea', d: "M10.5 19.2499C9.68333 19.2499 8.99306 18.968 8.42917 18.4041C7.86528 17.8402 7.58333 17.1499 7.58333 16.3333C7.58333 15.5166 7.86528 14.8263 8.42917 14.2624C8.99306 13.6985 9.68333 13.4166 10.5 13.4166C11.3167 13.4166 12.0069 13.6985 12.5708 14.2624C13.1347 14.8263 13.4167 15.5166 13.4167 16.3333C13.4167 17.1499 13.1347 17.8402 12.5708 18.4041C12.0069 18.968 11.3167 19.2499 10.5 19.2499ZM5.83333 25.6666C5.19167 25.6666 4.64217 25.4383 4.18483 24.9818C3.72828 24.5244 3.5 23.9749 3.5 23.3333V6.99992C3.5 6.35825 3.72828 5.80914 4.18483 5.35259C4.64217 4.89525 5.19167 4.66659 5.83333 4.66659H7V3.49992C7 3.16936 7.11161 2.89209 7.33483 2.66809C7.55883 2.44486 7.83611 2.33325 8.16667 2.33325C8.49722 2.33325 8.7745 2.44486 8.9985 2.66809C9.22172 2.89209 9.33333 3.16936 9.33333 3.49992V4.66659H18.6667V3.49992C18.6667 3.16936 18.7787 2.89209 19.0027 2.66809C19.2259 2.44486 19.5028 2.33325 19.8333 2.33325C20.1639 2.33325 20.4408 2.44486 20.664 2.66809C20.888 2.89209 21 3.16936 21 3.49992V4.66659H22.1667C22.8083 4.66659 23.3578 4.89525 23.8152 5.35259C24.2717 5.80914 24.5 6.35825 24.5 6.99992V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3578 25.4383 22.8083 25.6666 22.1667 25.6666H5.83333ZM5.83333 23.3333H22.1667V11.6666H5.83333V23.3333ZM5.83333 9.33325H22.1667V6.99992H5.83333V9.33325Z", fill: "currentColor" })))));
     }
 };
 SwirlIconToday.style = swirlIconCss;

package/dist/cjs/swirl-description-list-item.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlDescriptionListItem = class {
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (index.h(index.Host, { key: '2d9dc535eed1933e694e5c687589737c5d103191', role: "listitem" }, index.h("div", { key: 'c097a83dc409470210516a6c1b73dac228757383', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '13edfb2b10f8483626aad8db62780e7afb7f2a93', class: "description-list-item__inner" }, index.h("div", { key: '89d948c09cd96c474e2045511ac1607f4370f0ec', class: "description-list-item__text-container" }, index.h("div", { key: 'f6406000d8f59963cd3493ce318e1993c88a4f13', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: 'e0ee05c51a980de0da08d5a1ddaa2892eb10a020', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '2c3193b9177bd0b62ae1949c14446ea74b7379ff', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '7e60c2c299d3f60b8f4d799a40f93ad2668c5dda', size: 16, tabIndex: 0 }))))), index.h("div", { key: '473c4edb51a3095cfb4e86336c7a7185c32fa26e', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '586b21bb5acc33ec2ac3d3b60cce68a3fca543b4' }))), index.h("div", { key: '68cb6663e7a4e76d108d97ba8de48efeed332585', class: "description-list-item__tools" }, index.h("slot", { key: '880b1f7c1f941ae82fda42ba93b7564c45b95c5b', name: "tools" }))), index.h("div", { key: 'dc589ceda2a2c134837971d432d1ce7aafaf13ad', class: "description-list-item__additional-content" }, index.h("slot", { key: '67e8ceff4ae260138f504e3a38edf4a2bfeee920', name: "additional-content" })))));
+        return (index.h(index.Host, { key: '1ac951248a1fc762351881f17e4216fbdbca9558', role: "listitem" }, index.h("div", { key: '677acd79b69b6bff834799df1fe8c72e089922f7', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '43e27c6f74ea3c3ceabdbc2af719359c467ef528', class: "description-list-item__inner" }, index.h("div", { key: '6584dc10f3e28d83a275f1a8c00c8c81a0436582', class: "description-list-item__text-container" }, index.h("div", { key: '0de504d6bf4ea7b615815834c9ecb048de00b7be', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: '57cfaa8d72589e841c70e355982f8c6dde12379d', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '3646d815d8d52b67d6dc3f666632a45a4832dd83', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: 'ec0816b7454bc5dbdc5b21620c4a3035d548934c', size: 16, tabIndex: 0 }))))), index.h("div", { key: 'f44cd1dbe8399a7cc8c47ee89b146e0bf9471542', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '36c46bd33470023e2e66c664267d520916ef44b9' }))), index.h("div", { key: '495ebf69e9fdc4ef184c41d9f266de805f08c961', class: "description-list-item__tools" }, index.h("slot", { key: 'ada6058e903413c3e78a6246b6f394d217e1876d', name: "tools" }))), index.h("div", { key: 'cd181cc16df3d021b3e305418262af69ed28e145', class: "description-list-item__additional-content" }, index.h("slot", { key: '0e6bd323b1383ee67b8fcf6f571855b64793d1ee', name: "additional-content" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-description-list.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlDescriptionList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '87005b2ccd900a1dab774195e6e9960222896f49' }, index.h("div", { key: 'b6a0da9b45b22af1f6ecba5329208b17ff22004c', class: "description-list", role: "list" }, index.h("slot", { key: '1f915f5b0c4599a02867226e0ba9b78fa0c52459' }))));
+        return (index.h(index.Host, { key: '8dadabddf74cd0dd23831b8b372eabbecc3279fa' }, index.h("div", { key: '60584320a6168e7f96d953cfb03401c038707b5d', class: "description-list", role: "list" }, index.h("slot", { key: 'cf64a70a39984a3f5e863e05679a4a483298515d' }))));
     }
 };
 SwirlDescriptionList.style = swirlDescriptionListCss;

package/dist/cjs/swirl-emoji-clap.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiClap = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: 'bdfaca4bf45b5a235255c4ffc9f27607594a912f' }, this.size === 16 && (index.h("img", { key: '158dbef98650173398adc7f8176a67df634abefc', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '561064e0f92d96c6048c0d82e073b8169ae2f035', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'c0e32d33031fc990825a5bb99689d82130f5a883', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'c449011a570bda27b4e7ded874a309717ba13268', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '36d3ccd513c13226c2fa9652fc32af906a0b7296' }, this.size === 16 && (index.h("img", { key: 'b976d4448555c7ee6f1461c0acd4874eadf1c38d', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '72ab3e914596abcbf255ea79977571714e5fc6c1', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'df4297a835eaa40d7973df835f3d16444e599500', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'c581490350061ed37703e93a1d3b96e895c819c9', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
 };
 SwirlEmojiClap.style = swirlEmojiCss;

package/dist/cjs/swirl-emoji-happy.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiHappy = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '79cdbd931ce7f4b9fac2ef95b0bb14a87695ad70' }, this.size === 16 && (index.h("img", { key: '816bf5e116a715beeee3a22265bb137c53aa8f79', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '83c6d40b878095eb04821a90fbafe94e75b5f7ae', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'b7db5fbb018742908c5971b05b04429145e2db00', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'a052b0cbcc7470292500020b99a2ffdbaebe1d9b', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'f54dc451dabd4432129928282011031692dbbcb6' }, this.size === 16 && (index.h("img", { key: '87ea563f49872461261fc8b6fc1e20971f3c3a8b', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '3db29855d53ac9d37526ae3529b043b96b1a4de8', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'af92e0adff2291df85b45ca4f4cb980604f099a1', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '7c1fb9e124f88e87ee58b3047bd59b30e995b587', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
 };
 SwirlEmojiHappy.style = swirlEmojiCss;

package/dist/cjs/swirl-emoji-idea.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiIdea = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '884ee097cfa514740ac2c591cca5657b9c5b16ce' }, this.size === 16 && (index.h("img", { key: '79f9e697d2c737565adfdc9e8944c96575d6dd02', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '9adf5a961deda65f081a9abfab8c60ddd1bc7b74', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '4d4ed8120f42daccac14d7b0e181f55c20844d76', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '2c8855dc32a7850f448aa4bb90ee31c95e9ab7f2', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '489276d28123335eb8c2be7bbb45ef1cbaaa917f' }, this.size === 16 && (index.h("img", { key: '063c09c5859bea4dbc55d9876d7c46514d2df3bc', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'f06e9a4e128ce0bd9b6c06f1f002e6fb39ddbb36', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '33c196fdcd392c9deba1f4963782248692e52813', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '565a486daddaf62684be3f9fac0340157958410e', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
 };
 SwirlEmojiIdea.style = swirlEmojiCss;

package/dist/cjs/swirl-emoji-love.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiLove = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: 'be4dbf2d56933fbf5590ec26474c8144e5ab5322' }, this.size === 16 && (index.h("img", { key: '723c723e1528b9834069929292c8fa4452beb9ad', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'b3ca1bf7af189b5eacbb02ead717ab14efe723b0', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'b14903de4365a7708a07414203dbeb2720871962', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'c5e6997256359835aa970f41ae0dc440bc8eb1cc', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'a7fe796e80167ed572bac34929c94c936ff10d99' }, this.size === 16 && (index.h("img", { key: '76fe605754df935573e041502f3f9b4e120c318d', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'b24ef077bfa31cde2d32d31d919170bedd21d129', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'b9ea3815769ae3ab712c1742806252548c7d6d4c', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '773948b417805be876cf3f7472dad4ef7dc3b5b5', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
 };
 SwirlEmojiLove.style = swirlEmojiCss;

package/dist/cjs/swirl-emoji-sad.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiSad = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '5b8f3d880a4908f07319ee6b5e09ae49fced205e' }, this.size === 16 && (index.h("img", { key: '277f41b647c415d246ed69a1bd9cb163db18c310', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '348abc3916d4affb216d3125ec8c8984af2a0938', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'cd12ee949dca40fb54d033098ae868c965081ddc', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '8f18c8f8821db1a69146390839032dad4aea7044', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'af021292a2094341406e19d8073ab6cdd299c1d0' }, this.size === 16 && (index.h("img", { key: '9f7341a2766e7255b47f6afc2c58dbf969db69c9', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '226025eca3609e0dc155931115ab9abd82582bcb', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'f9978f52c8816f7160f4c79e2ebb754e32df7d84', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '0911a3527d094b0bb2ff4a3541050a8d20adb222', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
 };
 SwirlEmojiSad.style = swirlEmojiCss;

package/dist/cjs/swirl-emoji-thumbs-up.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlEmojiThumbsUp = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: 'd58e09f49f65ca9003c920ab51c04edbf3815a3d' }, this.size === 16 && (index.h("img", { key: '264023765e5570a72dc4b49a14f1f0c3064e4e87', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '45e23a47a07b442afcf91aff245a379646251ffe', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'f0fbf5a7f032f37f6d09aeba30c581d895f8bee7', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '6142d6ae885ce9e2578c35e368932d2db790f6e5', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '57f48aacc21345b36567210ba4551b2211d6e17d' }, this.size === 16 && (index.h("img", { key: '29bf16b1a9dbd11842fc6239194e19cb1de1b4cc', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'c50112ee06efc6cf7a4cdd67baec2ee88967b430', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'fb381a495e88a89f414a8276fce7782d94640b45', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'd50d675d9c0c29f49decf28eb1e0f737d24fe17d', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
 };
 SwirlEmojiThumbsUp.style = swirlEmojiCss;

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

@@ -12,7 +12,7 @@ const SwirlEmoji = class {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (index.h(index.Host, { key: '62791aa7a9d588a3cf3c385cb101e954732f7582' }, index.h(Tag, { key: 'feb8cb0c310ffba6dd69c7793118a66ae6eb155e', label: this.label, size: this.size })));
+        return (index.h(index.Host, { key: '2ff31c66b4f1fd63e9d38877497232aa4636e2c2' }, index.h(Tag, { key: 'e513877722ddb88bc811941cc1f4de7050e2fb59', label: this.label, size: this.size })));
     }
 };
 SwirlEmoji.style = swirlEmojiCss;

package/dist/cjs/swirl-file-chip.cjs.entry.js CHANGED Viewed

@@ -84,7 +84,7 @@ const SwirlFileChip = class {
             "file-chip--one-action": actionCount === 1,
             "file-chip--two-actions": actionCount === 2,
         });
-        return (index.h(index.Host, { key: '32673629486822e5c9e1e7ce6c3f16d285aa1834' }, index.h("span", { key: '2663c4c650e7ec4af94aeae6d43c1220a293ab8c', role: "group", class: className }, index.h("span", { key: '1ccb32544432c3b6c24dca461a9ee7f0919a2c5e', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: 'd5dd3922f193ff2cbc7cb2c8f8cf196fa95bd470', class: "file-chip__info" }, index.h("span", { key: '9f63acadae5d49831d85bc1f3d53792d21533738', class: "file-chip__name", title: this.name }, this.name), this.description && (index.h("span", { key: '1529d3ec459de9771e125fc3e435f7a228f2f586', class: "file-chip__description" }, this.description))), index.h("swirl-button-group", { key: '7fa776ef825afa14816672e59085a6e5d0337d50', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: 'f1864f570b169d35fcb36df6a35649dd58b139eb', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (index.h("swirl-button", { key: '0ff333cdead3171c92f50d1df458b64294d4ea08', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
+        return (index.h(index.Host, { key: '13da9a19b5874b24d3b12add718fd9adeaac8781' }, index.h("span", { key: 'e44d787557c0a4cf5ab874b53a5a9fd823eb89e4', role: "group", class: className }, index.h("span", { key: 'def556d93fa0eafc6541ca4434e132ec453fd24b', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: '5224a04d02c8b94ca5f9fc0deec4540de29d2cd9', class: "file-chip__info" }, index.h("span", { key: '3e64d5526a36ed1744b259ee5487d31c512fdc36', class: "file-chip__name", title: this.name }, this.name), this.description && (index.h("span", { key: 'b7ea60d5cb3b297f7580f64b8db0b4ab51a81f2b', class: "file-chip__description" }, this.description))), index.h("swirl-button-group", { key: 'bea78594fc8f070c5dede2d24cf54860b0a7f756', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: 'd7983c08d42e6989471ddfe392f47db572e12f5c', variant: "flat", icon: "<swirl-icon-preview></swirl-icon-preview>", onClick: this.handlePreviewClick, label: this.previewButtonLabel, hideLabel: true, part: "file-chip__preview" })), this.showDownloadButton && (index.h("swirl-button", { key: 'd4eaf12b56ee9086077c4409318d71ec9b49f685', variant: "flat", icon: "<swirl-icon-download></swirl-icon-download>", onClick: this.handleDownloadClick, label: this.downloadButtonLabel, hideLabel: true, part: "file-chip__download" }))))));
     }
     static get watchers() { return {
         "type": ["watchType"]

package/dist/cjs/swirl-file-uploader.cjs.entry.js CHANGED Viewed

@@ -39,10 +39,10 @@ const SwirlFileUploader = class {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (index.h(index.Host, { key: '27938df23b8f9af27375969d2df3e9a98a72fc3a' }, index.h("div", { key: '598c9773172d9d6738435b2513329addc05bd5e0', class: className }, this.hideLabel ? (index.h("swirl-visually-hidden", null, index.h("label", { htmlFor: this.inputId }, this.label))) : (index.h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (index.h("span", { key: '960ada118149f6fda004779a32b1c3e842bb28d6', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: 'e7076ebab4e7998f47d118e1faa2a2264d1f26c9', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (index.h(index.Host, { key: 'e73079f9938e386d4dd1b21d9b044cec01fcc857' }, index.h("div", { key: 'dc54cb3f7c1b2f425d746777b60ec627ffbc1110', class: className }, this.hideLabel ? (index.h("swirl-visually-hidden", null, index.h("label", { htmlFor: this.inputId }, this.label))) : (index.h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (index.h("span", { key: '4e1e2eb05092d24b2d8fa8dd548dd1645c9445fe', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: 'b52c99c28a4dce268e1e5664534734fe366610a8', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             index.h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             index.h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, index.h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", index.h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (index.h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), index.h("input", { key: 'cca64353309b3fd99bdd8939e26453aafaaa6a15', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (index.h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), index.h("input", { key: '67e8592555d6f9ff86b7887264d4084e03317104', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
 };
 SwirlFileUploader.style = swirlFileUploaderCss;

package/dist/cjs/swirl-file-viewer_8.cjs.entry.js CHANGED Viewed

@@ -76,7 +76,7 @@ const SwirlFileViewer = class {
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (index.h(index.Host, { key: 'd7d5203365f8cba41be16c7d560c82b2abf03b47' }, index.h("div", { key: '50792b8783c79a634bc2bb852cfef3243820c8c2', class: "file-viewer" }, this.type && this.active && (index.h("div", { key: 'e05a71fe8f07ca7cee8ba7556357ca01d99ca076', class: "file-viewer__file" }, this.type.startsWith("image/") && (index.h("swirl-file-viewer-image", { key: 'fe5d924792724e44ced0fdefdeb197f367a0e67c', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (index.h("swirl-file-viewer-text", { key: 'bda577d512fb780a4dd728d132fae928bc897cb0', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (index.h("swirl-file-viewer-csv", { key: 'd1f841201aafc4c639b2092d9e9a87d52bda79e3', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (index.h("swirl-file-viewer-pdf", { key: '1210a98b9e9b676bbfd2a281f5a8cd07d51e0065', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (index.h("swirl-file-viewer-video", { key: '476eca31d3206451b86408dd3e705fa0b50bc000', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (index.h("swirl-file-viewer-audio", { key: '2a59acfe0eeb7b1720e3ec788545d09faea1437b', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (index.h("swirl-file-viewer-fallback", { key: 'fff2c164eb182c1d63c2ee4491162d3095d5bf6b', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
+        return (index.h(index.Host, { key: '3e36b9f6600ddd8369ba84b4ca6a15d2ecd45902' }, index.h("div", { key: '4a59ae9cf1f435db951e886ac7d06707b4afcaad', class: "file-viewer" }, this.type && this.active && (index.h("div", { key: '7297124b89e6422524057c59a3863815cdd3428e', class: "file-viewer__file" }, this.type.startsWith("image/") && (index.h("swirl-file-viewer-image", { key: '00099ac568cd0fb9c066cafe01c0fbcabaa9c3f7', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (index.h("swirl-file-viewer-text", { key: 'b4c562ac25f568615ff9e7c35c8fd85f83fc2e0c', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (index.h("swirl-file-viewer-csv", { key: '75f1f135098bdb1afb682fe14bb8b1885758e9ba', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (index.h("swirl-file-viewer-pdf", { key: '5e1db16f9559059fff393487ba5c4e2b3abe89fa', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (index.h("swirl-file-viewer-video", { key: '963d4023438e4bca061ecb530545437b173bb66c', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el) })), this.type.startsWith("audio/") && (index.h("swirl-file-viewer-audio", { key: '378a7103c25bafa22f3f7077d91d5bc116ca6bd4', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (index.h("swirl-file-viewer-fallback", { key: '62787020602c3d1a9c95962bf4ecf11a5a4026e0', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
     }
 };
 SwirlFileViewer.style = swirlFileViewerCss;
@@ -92,7 +92,7 @@ const SwirlFileViewerAudio = class {
         this.activate.emit(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'a1d8a6b7381e4bc6998583d2e6e86cb1372a99df', class: "file-viewer-audio" }, index.h("audio", { key: 'd84bcb1d79a67a07a72587af47ce910eb29df21e', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (index.h(index.Host, { key: 'bd88fb9e6aec4042cb6544487f29e0a28464e3e4', class: "file-viewer-audio" }, index.h("audio", { key: '873f5cc6add326f18044ab43d124267bda05d906', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
     }
     get el() { return index.getElement(this); }
 };
@@ -159,7 +159,7 @@ const SwirlFileViewerCsv = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '89a164f60da80fedcfeac72da89021eed36897df', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (index.h("swirl-inline-error", { key: '9d81a9593e7d08d828bff6697d380ad99b83e110', class: "file-viewer-csv__error", message: this.errorMessage })), index.h("div", { key: '50bcbb2b52b09d22cd12c47bfd9c1db1567e89c5', class: "file-viewer-csv__csv", tabIndex: 0 }, index.h("table", { key: '503e086c7cbe2587958e506e64f2d3b63bcdca9a', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, index.h("tbody", { key: '8e3f49493446be14ff2113840f6d54e28f25ad0f' }, this.data?.map((row, index$1) => (index.h("tr", { class: "file-viewer-csv__row", key: `row-${index$1}` }, row.map((cell, i) => (index.h("td", { class: "file-viewer-csv__cell", key: `cell-${index$1}-${i}` }, cell))))))))), this.loading && (index.h("div", { key: 'ab75cd6e1320bcaae457c3855b37c0173dc47220', class: "file-viewer-csv__spinner" }, index.h("swirl-spinner", { key: '523fbef522a76340d720627add3cbd90be96fd56' })))));
+        return (index.h(index.Host, { key: 'baadd4d3386b4cd1c1dea08848d2a39eb9005dcf', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (index.h("swirl-inline-error", { key: 'd84d3e3bbaed213959c56d65bc6694fb52dacd43', class: "file-viewer-csv__error", message: this.errorMessage })), index.h("div", { key: '5c8a7670769542fb8f55c86471b5fac3bef8e8ce', class: "file-viewer-csv__csv", tabIndex: 0 }, index.h("table", { key: 'f77267414ba6353fb013e59f59696491bbe6d507', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, index.h("tbody", { key: '99002d1f7f4430af832f52b19c8dea960cc191c2' }, this.data?.map((row, index$1) => (index.h("tr", { class: "file-viewer-csv__row", key: `row-${index$1}` }, row.map((cell, i) => (index.h("td", { class: "file-viewer-csv__cell", key: `cell-${index$1}-${i}` }, cell))))))))), this.loading && (index.h("div", { key: '98461660a9223c5c6d7c331b70d992c51d3d413a', class: "file-viewer-csv__spinner" }, index.h("swirl-spinner", { key: 'a99e483738619e5fe169ca626d3df67362680331' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -185,7 +185,7 @@ const SwirlFileViewerFallback = class {
         this.activate.emit(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: 'a911f223a7b91c25c9236ec11734e16d14aa0bbf', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: '1ce3d7cf31d87a329b4cfe042229004912c30f96', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: '824dcff754cc5154e21d8382d78aee201522b6e6', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: '6c859c313a0bb4973775bb26c3693dbb616d2d0c', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: 'e501ba130824aeeed7361354aa8ff8f3e7a19253', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
+        return (index.h(index.Host, { key: 'fe81dd3a9567a8599968c526767ee49c43e9e928', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: '14e4b777538ae051b85327dde6034db5a0be1eda', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: '03b82d93bfec98536562a90916ff978c151458d9', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: 'de6c87b77819bb2c0eb29b9075aa9f010cf4ecf1', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: 'a97601ecd8b05c4adc634ba3e08f810d69de780c', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -384,7 +384,7 @@ const SwirlFileViewerImage = class {
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (index.h(index.Host, { key: '1358dbed313846cc39838c4238c212f78d9e8335', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (index.h("swirl-inline-error", { key: 'cf53ecba6c364a76f2eb0012d96be93ada33efdc', class: "file-viewer-image__error", message: this.errorMessage })), index.h("figure", { key: '79fa475aa5137600ed82bbb51d6a9df36dcc367d', class: "file-viewer-image" }, index.h("img", { key: '64b12ddc537c66de2bd60ca652c58e9c07ab45b3', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (index.h("div", { key: '64b6a9807902ccce50a1b90b13a5ef8bf603bf76', class: "file-viewer-image__spinner" }, index.h("swirl-spinner", { key: '362dd4b2a35247abf7e53fee47179c1b9a203fdd' }))))));
+        return (index.h(index.Host, { key: '408df9f8b488edcba972c9a92b0e51d1fe9712fe', onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (index.h("swirl-inline-error", { key: 'e5d513d8cd5d0605c715c888cc309bc8b95ac695', class: "file-viewer-image__error", message: this.errorMessage })), index.h("figure", { key: '35d465e020c7505267559a723dd22ff7ce7b865b', class: "file-viewer-image" }, index.h("img", { key: 'f7571ab109012df150c5954aa2ab93f9e29dfcfc', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (index.h("div", { key: 'f03d4c441e003d3d532ebeeea43d155d1039d450', class: "file-viewer-image__spinner" }, index.h("swirl-spinner", { key: 'ad32bd5cda92a2f77c58cdeaaeb5f8e99e8037a7' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28652,7 +28652,7 @@ const SwirlFileViewerText = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd89e04d20634a33f7bfef102665b07f0e1ec3569', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (index.h("swirl-inline-error", { key: '0951515bc2c1edd8fada852cf3b6c9b3abb979f1', class: "file-viewer-text__error", message: this.errorMessage })), index.h("pre", { key: 'efde269408617b7a1a4baa89b9bf128e1e97eccb', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (index.h("div", { key: '36dc7478999b02a1fd183f351e70d945ce4ba590', class: "file-viewer-text__spinner" }, index.h("swirl-spinner", { key: '71f63b0a5c22f3c53217dc170dfc9036071b9322' })))));
+        return (index.h(index.Host, { key: '4219c7c0987e772ae13f7ea0ba41e13305178e2d', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (index.h("swirl-inline-error", { key: 'aaef61570a3952337328d5b8662ff5eb1e17136d', class: "file-viewer-text__error", message: this.errorMessage })), index.h("pre", { key: 'b1322b98d12ac7ad09cd1a59705fa4505be19bba', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (index.h("div", { key: 'e930d7a1fe0e93c535c9ddba1bc34d286998012b', class: "file-viewer-text__spinner" }, index.h("swirl-spinner", { key: 'ae44bb2f1e68e9cef661bb3911c875d4d8a85c8f' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28683,7 +28683,7 @@ const SwirlFileViewerVideo = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b6887f740097fa20131254e978cc7946e3faf214', class: "file-viewer-video" }, index.h("video", { key: 'db366af5f4c08a8528a1e96aa26e556bfc0607d3', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
+        return (index.h(index.Host, { key: 'd2c274812661e1be0bbc31b77af466345af98fdf', class: "file-viewer-video" }, index.h("video", { key: 'e1876b59b9cd17a1d5485aab939ce8ebdf1f240f', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {