npm - @getflip/swirl-components - Versions diffs - 0.392.0 → 0.393.0 - Mend

@getflip/swirl-components 0.392.0 → 0.393.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 (1981) hide show

package/components.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-10-09T07:17:18",
+  "timestamp": "2025-10-09T13:47:07",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -233,7 +233,12 @@
       "encapsulation": "shadow",
       "tag": "swirl-accordion-item",
       "docs": "",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "slot",
+          "text": "trailing - Trailing slot for content to be displayed before the expand icon."
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -500,7 +505,12 @@
       ],
       "listeners": [],
       "styles": [],
-      "slots": [],
+      "slots": [
+        {
+          "name": "trailing",
+          "docs": "Trailing slot for content to be displayed before the expand icon."
+        }
+      ],
       "parts": [],
       "dependents": [],
       "dependencies": [

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: '14083c93c9141df0ab609647a390593b71d4c22e' }, index.h("swirl-app-layout", { key: 'b37221b75a21db26c333a556b91dffc66f0f6e8c', 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: '4861921bbe71766f2b8c05ebad59af0ade0fdd43', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'c6cca65267d4ee5d7b851526311eca602d919b07', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: 'cc6f70b78dfdc12edf541e41fc8bfc15981d3ebf', label: "Sort items" })), index.h("swirl-stack", { key: '09c69a17c5bdac668bfa3a5938eeb094e493c15e', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: 'b05439a6c50fc72ed89df65873919351a6711fd3' }, index.h("swirl-heading", { key: '37ecbf0cdbd0e803c6f79f3adca1ceb37bf347f0', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: '297447a670515ca3a88a8a7ccea466038f92f476', 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: '8240220a1322361d3f2fec3fad59c5c26572fab8', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '42c52c5c8e177328cc574f9de32793854236beb9', "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: 'bf1986bbb921c29644e329bb47aeef3128a68412', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: '39480bd58bc6c28a65823ee9e341e142fbb8389b', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '323f9a781a1b12254d8e1b41ff21938ba6c8e372', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '7156996dd05db60fca86169c2740052fdacf9eed', value: ["ascending"] }, index.h("swirl-option-list-item", { key: 'e5534f804442f5dd2583348454dac9f19e73e8e7', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'b6f8a821b576baf0f4e0be6592cbb679c66d0eb0', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '99e497bc9b4771d75417a7320260c1c2592edc23', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (index.h(index.Host, { key: '81910466342a0f783d2b04fbbb0c3ed694477f50' }, index.h("swirl-app-layout", { key: '6602c2eb9ce0a558bcfe2f7e790df7abe40fbc5a', 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: '27fcd50e4c946b21cd96eaf5e1dfe4c1c24c700d', label: "Documents", slot: "navigation" }, this.renderNavigation()), index.h("swirl-popover-trigger", { key: 'c5afd9e8fa67701de0826bcfa9ffbd2f935b3b2d', swirlPopover: this.sortMenu, slot: "navigation-controls" }, index.h("swirl-button", { key: '1e534234d64870567a28a88f554f64f495e10040', label: "Sort items" })), index.h("swirl-stack", { key: '0df2960e0a64ba41ac77e8e8239e4cd91dfe77a0', orientation: "horizontal", slot: "app-bar" }, index.h("swirl-stack", { key: '769e74f0b1a69a6a859d462f151f5789781c9752' }, index.h("swirl-heading", { key: 'a1e25645619ce516bcab332f9e83f9fde9dc6bde', as: "h2", level: 4, text: this.selectedFile?.name }), index.h("swirl-text", { key: 'cc8e991111876a80ef0990d544c2ddad079b73cf', 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: 'cc6fe632a55a25b7ceca3ea332bc75eea2470b6c', slot: "app-bar-controls" }, this.selectedFile && (index.h("swirl-button", { key: '355db3162225bdb84081f80cd41ff9832ec79547', "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: 'af08e4ba2220437ab1d8568079c48bc5623c72e2', padding: "16", slot: "sidebar" }, index.h("swirl-text", { key: 'df7d3094c2346f4312cb6411d028335e0549a409', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), index.h("swirl-popover", { key: '01c0c3b24f6075fc597fb718fb6693ba21c4485e', label: "Sort items", ref: (el) => (this.sortMenu = el) }, index.h("swirl-option-list", { key: '05ee0b481d18a2ba0367f70bb7589cd327718041', value: ["ascending"] }, index.h("swirl-option-list-item", { key: '872f69143e27c3947e4252c332443d04305fee1a', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), index.h("swirl-option-list-item", { key: 'f633b1764cf58ca9e408e248261dc07b891a3db2', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), index.h("swirl-option-list-item", { key: '9369c99a8941627d4873b1c95e96fd335c1b03ec', 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: '06a4cc4c0b8b8d029a6f2ffd998c51688aef59b5' }, index.h("div", { key: '8750b977a5256e4905a48a636ba4837b1d936dee', class: className }, index.h(HeadingTag, { key: '0e2b9c5ead0ab1eceab4227fe1b1b38ace468025', class: "accordion-item__heading" }, index.h("button", { key: '69a0858555d0821e8206d764ebc82f7d6f495eae', "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: 'a6b30d5425f1456e48bdf43a3410bf75caa5a105', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: 'a218dd88bdefbff4a613efa38e2a5a0534d56148', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("span", { key: '3a8f809a4466e336abd07d54a0563b1c3b28fb1b', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: '3eb99a0da7d0dd9114fc09398f77c4304131de26', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: '212e41374b152b16812b1deeeb31b9aa03edd510', glyph: "expand-more", size: 20 }))))), index.h("div", { key: '1bb75d431bf46f81afa2d01cb8ce4b41bc82b828', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: '79a7d5faf6a57211dd4d9d09c00b7f608ef2663d' })))));
+        return (index.h(index.Host, { key: 'b45afe4916e94ed9c155c3eab9e9813b2ca07bd1' }, index.h("div", { key: 'b40c9bd5ddb9112dfee72890305423a52e3503cc', class: className }, index.h(HeadingTag, { key: 'c7b8924b2fa57369f302eaac2c1925896eac9e8c', class: "accordion-item__heading" }, index.h("button", { key: '240dfbcd5fec1f9ade49e80d55deda3bdf8ffef1', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, index.h("span", { key: '89a51bfa78f5a88ad3fc35076c7f89132e660934', class: "accordion-item__toggle-text" }, this.heading, this.description && (index.h("swirl-text", { key: '544adaee62741f86caf33538cf83b326b28a87fd', as: "span", color: "subdued", size: "sm" }, this.description))), index.h("slot", { key: 'de10c7facb8835f6b7a215421dae2f4990a61cbe', name: "trailing" }), index.h("span", { key: 'bed4a839dd0a17f68b439b122f6c92e1453c158d', class: "accordion-item__icon" }, !this.expanded && (index.h("swirl-icon", { key: '3bef6adb0d62b7187b9898a5823b00ad6ab4b9ed', glyph: "chevron-right", size: 20 })), this.expanded && (index.h("swirl-icon", { key: '33d5333e9798a01821cd43e99b2d9292949c3439', glyph: "expand-more", size: 20 }))))), index.h("div", { key: '1ccb8139188a864e6bba33f9c8014fb0e883cce3', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, index.h("slot", { key: '170201944d7d9d4bbb453999a74e922da2567f49' })))));
     }
     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: 'bc6aafa0d628dcc11851822cba74bb2dd8a3354c' }, this.hasSeparator && (index.h("swirl-separator", { key: '38ed66d704bd8e72845f5709c3d061353e9fde1b', spacing: this.separatorSpacing })), index.h("div", { key: 'ba2e3ba623087c0c7730c7b0aba28283c1af2ee5', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: 'fbbacc3ed2d7546ffc53d60addc446f4b87e2a77', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: 'd130147da2d710c10583b624e5481e1ca0175b7d', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '3856b974f11544c3239c57f0e40de16ecc53de6f' })))));
+        return (index.h(index.Host, { key: '7647dd3aeb7bb4427c452385a982a5c8bc097831' }, this.hasSeparator && (index.h("swirl-separator", { key: '230c3cb15f62439daeb882a0ad8aa8c57e0e2b2a', spacing: this.separatorSpacing })), index.h("div", { key: '8be3cbf5718c07455dd6e44b4c1df65f7fc2d8d9', "aria-labelledby": "label", class: "action-list-section", role: "group" }, index.h("span", { key: '799eabda4f00becd46d44d413e9c864424255bd8', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), index.h("swirl-stack", { key: 'd15f39be1f42567783a71db64ce3a6d11949b606', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'b1584003ed27c2d859753fe0dc43645e6e53281c' })))));
     }
 };
 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: '29331db95aa222b510f36d373c9c587ea3801d77' }, index.h("div", { key: 'e436008d74f7df58bbe34c84da387c7b13cb0058', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, index.h("slot", { key: '7270daf7c32a44d36652133fbbf0cc736bcb7c25', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: '3f8ad25f7497bd69b30bbd132d4a186bef8dd0ce' }, index.h("div", { key: 'ce3781248aa30678a0e6f0ea3989a316a3e6a5af', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, index.h("slot", { key: '81bf5ff8456a47284bb84d73a90ebfe77cd6621b', 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: 'a67ec134c77b8781beb3fc5b310e4d2fe7dbeed8' }, index.h("span", { key: '669857854052455b35268f5c3b5225def06851a9', class: className }, showImage && (index.h("img", { key: 'a5a91f3cb43e92830b1089ecfc179eb2e80b062b', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '8d68a1aff13aa5e50ff9f54b5c5e00b1ec1dd7c0', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (index.h(index.Host, { key: 'fccb50b692f7869e4d678610e6de7fcb4c665327' }, index.h("span", { key: 'f42e99a36ee698b388b0dbd1edef4cb43bf2ff8a', class: className }, showImage && (index.h("img", { key: '974765482115445c629c9674619f4df11d338615', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (index.h("span", { key: '6765520e3fbec79711568fc9422732a29e2a2726', 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: '88ee8600283c6924e703582dcf1740c5c6576b92' }, index.h("div", { key: 'd83c64c6e40e26f8ffdcb396ab1de0f26463b50f', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: 'dff763552e6bbd2ff37fc4fd3f233e8d2e9a39ea', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: 'c5acf42ee1e5f65253c85584bf5a18adfb6fbf1c', class: "empty-state__slotted-illustration" }, index.h("slot", { key: '05f47ed3cbdfb60268650e8e3500b03b8d67ea21', name: "illustration" })), index.h("div", { key: 'de9fced65a6ea836cc34a348763281b70e6411a2', class: "empty-state__body" }, index.h("swirl-stack", { key: 'a665b910ae3c06a529a7e71ae45739979580c0ec', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: '67daa506b8f89a9b4bb1b112b154bb4d03c4d94c', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), index.h("div", { key: '05ccc15fd46eb3c1b0057d71562d9be2aa07f96b', class: "empty-state__content" }, index.h("swirl-text", { key: '6f7a7eca4ccdbd8efdce9f2281be10c5cf125824', align: "center", color: "subdued" }, index.h("slot", { key: 'a7a60b21ede3be2929e1787dcde26cbce04d669a' })))), index.h("div", { key: '6f90b969d5481f710ed0d4958c82d71fc7421dc5', class: "empty-state__controls" }, index.h("slot", { key: '2e573d198ee60799afb1f81180eb7b3c62f9bf67', name: "controls" }))))));
+        return (index.h(index.Host, { key: 'c2e8ccde693817838b60f34a6d740a5c7b66699b' }, index.h("div", { key: '0003deb97729d9f910357954ca460b0175f1767e', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: 'e7c6a2f2ac8b517bc988affa907971b315be51f0', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: '3ff8688a488ee7f8f98e16171184bae84993640f', class: "empty-state__slotted-illustration" }, index.h("slot", { key: 'dd5200b78701624ef24ebc9a356bacbd187280ce', name: "illustration" })), index.h("div", { key: 'ccf3be4270aff8f5b0e58df3d26d981aeae3bec1', class: "empty-state__body" }, index.h("swirl-stack", { key: '302f100325f5431c005263afaea48cdb114e193b', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: 'ff8683109c205de82b3bf0dd5e24756c18d8be16', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), index.h("div", { key: '081f9d49b19fd65e69383ad982838d1792a0a87a', class: "empty-state__content" }, index.h("swirl-text", { key: '6357990f0fa688a4016361b037092431651e6ea3', align: "center", color: "subdued" }, index.h("slot", { key: '3f648e01deb2242e132bcacfadab4fd08d7f116d' })))), index.h("div", { key: '372fd4f55274a6c32a2443a456530845473747a5', class: "empty-state__controls" }, index.h("slot", { key: 'a0fe0a4e1705e5e55286bc455d0e0b911093f407', 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: 'ab012f8f969859b39fe343d9005ff5376d18bcab', "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: 'f689c11894c9934e839adf177c6b92f656d2c1e4' }, index.h("path", { key: '5b49c8136935fb2a63b13d19cd59e241a67f2e62', 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: '33db200035ed82a6739eb77dc60317cb8a346a1b' }, index.h("path", { key: '1c80f534578d6e2d6404b5de90c74910755aad82', 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: 'fc216599978699f84af38e3e7ebc93f2998ad7d0' }, index.h("path", { key: 'f92f2203480eb1d09e362d8e9140e1bd1e3f430f', 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: '8593f521ba97c0a3ab48f5cd6d5930e4659664c8', "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: '08c8efe7fbef57f1fdafe1274121ecbd49c50ce7' }, index.h("path", { key: '339459bebde679174640fb4cc6e28c61d151242f', 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: '16152fb4452e26c7ae843871ce3c4bf5f182e7cc' }, index.h("path", { key: 'b083c43d6d556921294aa6cdbe4b139b087ac547', 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: '2a54e91db9327eed9720e72ff1fbb5f5cb49cd38' }, index.h("path", { key: 'fc1ed346f83e1fa631be4e20dbcfcb5e87c9edad', 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-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: '9f4aae7f873a7e59a1af0649941848973d8f5a35', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (index.h(index.Host, { key: 'a13a0d3f14e4da4520497ec73c3f5376f304d9da', "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: '74e38bec8292960b3048fedadb5b6c9e0dd73c59' })));
+            }, tabIndex: 0 }, index.h("slot", { key: '3957b6fe93fd41b426c10f76fd74d7c77716da0e' })));
     }
 };
 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: 'c0c04b9abf5c2e340a0ac5d1624e2ae7e527e7dd' }, index.h("div", { key: '95f5ec8e01a73489acb00a4a604fd0d796be0e14', class: className }, index.h("input", { key: 'd88ff31c8fa3c8d9708cf7ceb4abf49454f7d0d6', "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, readonly: this.readonly }), index.h("swirl-popover-trigger", { key: '492291366d2914f168cb76dc253477757bbf9b3d', swirlPopover: this.pickerId }, index.h("button", { key: '602763bcc593e31260a9f3d6eeafb39aec13b70d', disabled: this.readonly, "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (index.h(index.Host, { key: '5e6db39b5c84b34e154cae8e564ab73a407a1d7c' }, index.h("div", { key: '8eb73dd3f68bb8303969b77471f730b7271dba92', class: className }, index.h("input", { key: '5af4c98339a682eae0426df37cfbcfc217eb31e2', "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, readonly: this.readonly }), index.h("swirl-popover-trigger", { key: '40bda2c628b4ac88e245a154d1e5468bb0696f2b', swirlPopover: this.pickerId }, index.h("button", { key: 'cb93e8d96865e6c6163ff525f501c34e2f0bda97', disabled: this.readonly, "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: '1be04659f6b485c2704244f25317c227d6447f11', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '35bbd11b6dbedd0202f13d65b5b753ac152af11c', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: 'bbd5c1d1e5f33a859ee9f52eaa33d38e4ef1a541', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), index.h("swirl-popover", { key: '9985d37e25e0d4f41896f465950e622dbcf72306', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, index.h("swirl-box", { key: '7a262eb1c3b52155999b75927064fa9fdd05eb9e', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, index.h("hex-color-picker", { key: '1d5b911a77861bdf62365bfe067decf3f7208620', 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

@@ -155,11 +155,11 @@ const SwirlConsoleLayout = class {
             "console-layout--main-scrolled-to-top": this.contentScrollState.scrolledToTop,
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
         });
-        return (index.h(index.Host, { key: 'e0982ef1c6673239076b6fb2e4109955f9140c6d' }, index.h("div", { key: '3a9d17422c619bfb4bbe042c2bc85300b7f94e04', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: '39807c1440bcee82e102368950d17a40047ed00e', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: 'f1c424be5583f77202f193b618fafc7dca5136a4', class: "console-layout__header" }, index.h("div", { key: 'd6437c395526b5fa2035f336f1a113c293ddc569', class: "console-layout__logo" }, index.h("svg", { key: '610f516b9d2832490e7ad50a44288d0edf528f99', 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: 'e1c57d16932e450b94ccaa104040239a061f0126', 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: '66f909682ccfd611bd51306b716199e66aad720c', 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: '7290322fd33d8368d31bd8756aebcccb6f232cd1', 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: 'c96ceba1401831d510f5c3d9cc1db56ea770a493', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), index.h("swirl-text", { key: 'a947fa87292668aec8e4c09b124934a761db5830', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: 'b23e35155922e38fab0c128684f369b425fde2fa', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '7e158bdb7f169d313eb433ee29841730ec234e3b', name: "navigation" })), index.h("div", { key: 'd631c5d647fc86091ac0357d0849115bda794a7f', class: "console-layout__user" }, index.h("slot", { key: '1e3205d895e83cda1a31156a9c24d5f41902fca1', name: "user" }))), index.h("main", { key: 'a4d77c27a16e3416e22abd559840b53923263f55', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: 'a6f93541bbbe596fa15fb7582d40345ea1982e93', class: "console-layout__app-bar console-layout__app-bar--custom" }, index.h("slot", { key: 'ec570123c2412699c95be7a140339c8a70125768', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), index.h("header", { key: '60f3add9684a0acb0b8f9ab3c1921b6ad50b4185', class: "console-layout__app-bar" }, index.h("span", { key: 'd82ce859d12bc45cc5cfa0b5bf28073f1172fc9b', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: '64f7ce37f09a9927af3edcd770401ef0030b3299', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (index.h(index.Host, { key: 'c4bb7622b2ee0433c6b8a7434541fce75d51d205' }, index.h("div", { key: '6ccd864b94b8d063a0a472049db005a305c70b35', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: 'f27d75e8d97d973bd5032d0b73bd941adbfb913c', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: 'b836befbeb50c0f02ab0c4293fee3ba788f638b7', class: "console-layout__header" }, index.h("div", { key: 'fe16e41151db1724fd0335d728fdff815eb5d4d2', class: "console-layout__logo" }, index.h("svg", { key: 'dd266eee0191f2e6b9d8cd1e351e648045ed8459', 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: '3009ef5009ff330ea326fb4249dbfaa33b42fef5', 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: '09a619121e8c6bfcfb6ff9a1263f6e4419e39f92', 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: '90260371a237963da4d8556c10763fab72d8f073', 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: '094f85b803d5d686b000864438b57708f4adfeb4', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), index.h("swirl-text", { key: '35f7c35dd5d82fa78880c2dba3284ca5f737e63e', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '2abdab3d376707ff1f76cf5c7f5a6141a1b31484', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '77e74beba65b40a059fd3053e787c78549947ff0', name: "navigation" })), index.h("div", { key: '745ce9dc8437a5e5fbf0edd213d55a159735822e', class: "console-layout__user" }, index.h("slot", { key: '7517b73a92eb269ebc9e8022c3a0e611a59d3a1f', name: "user" }))), index.h("main", { key: '6a4d089363ec5b057f2695959fc36c40d2f113ed', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: 'd414031567e62d5069e38e522a28a448ff5d23a9', class: "console-layout__app-bar console-layout__app-bar--custom" }, index.h("slot", { key: 'eea42dfb73960c9f1252f25dad8617b1a27c5e2e', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), index.h("header", { key: 'dfcd6b43dd8fc6067ee2637fac4bf0c685c56ff8', class: "console-layout__app-bar" }, index.h("span", { key: 'ff7f569f5452804495d765cca986aa4485cda40a', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: '80df2d27793a191a2388999d39f33bb4174a3203', 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: '71e7bcc36b5dd43fa94b18a648d376e759eb15a2', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: '86b797e518d80dd3f82e2e0a1e84b62a0eeaa875', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: 'afcb6141d50f5843e005d9dcc7f366dfd49dc697', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: 'b01b9c1dab5ab7fff6d26ff4088ea95f5146be12', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, index.h("div", { key: '3e5ace98ae2149bde88e8199c2b637fea5711173', class: "console-layout__content-container" }, index.h("header", { key: 'c5fff9f08469ec07d8a8b2b30cb3b91a4f25be35', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (index.h("swirl-button", { key: '5c36e749b8ee9e71c565cd4bf7bd536a076552a3', 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: '19ebe1bd6bb70488496ce02063247116aa61d1c2', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: '3e84682353d4d0a0f48fe8fd906693bb780f9fa7', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: '7ebb00dde91b7a7f8f5d81ae5d73660627576567', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: 'd879930e38a9f6e6859d25627604cd15e049c13c', class: "console-layout__heading-container" }, index.h("slot", { key: '31b93da5f6ea162f56f65e8b3587e9571423c390', name: "heading" }))), index.h("div", { key: '14bfe6ad96716382fe52bdf8d30277869c84616d', class: "console-layout__content-header-tools" }, index.h("slot", { key: '3958ab7d885910523df02871fdff5316b41a183b', name: "content-header-tools" }))), index.h("div", { key: '5c3cc7b8ba6f7f1170419958b925aaff943c69b0', class: "console-layout__integration", style: contentStyles }, index.h("slot", { key: '2c1e15c7cea9f3a45ce18558ee19cc8d30bc91f6', name: "content" })))), index.h("footer", { key: '1bb168120b31a7e8ac0ff0372e1151856647089a', class: "console-layout__footer" }, index.h("slot", { key: '024140ae1f3e7d7db554711903983ec28dfb7236', name: "footer", onSlotchange: this.updateFooterStatus })), index.h("div", { key: '1ad90c5d989a59a9639d09ab599d6d77a310569e', class: "console-layout__overlays" }, index.h("slot", { key: 'd9f8462bb8098099a2d18f7713b9e62e6be7057b', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), index.h("div", { key: '8095d171d112679d7b4d77db9465903f6ecd573d', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: '04e064d24ea9e3112a4e340e432860e356334a01', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: 'ccbaf6207aa2b59f49cbdb878764845f070bfb0e', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: 'b9334768a643e11595864c865b2201ae182f5ef8', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, index.h("div", { key: 'ac328fa9ee617ef81e006b38b76157420305ce12', class: "console-layout__content-container" }, index.h("header", { key: '5919b55a84ffc2d0ae3d69519990142abde6cc53', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (index.h("swirl-button", { key: 'b3c40e32cb775b0f1d5eb1aade71f8246ca975ba', 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: 'adac825237e638e008fce447209da88e7392dcad', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: '95ace528862aad32412b358e4bc985949c79116a', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: '3153b246314c1072ee38934cf2f3078643bb1892', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: 'c34fff5a6aca636957600ab3a2306513b561b31d', class: "console-layout__heading-container" }, index.h("slot", { key: 'c1be68cf75fad5b7b8bb3edc3df4dc2e82acf357', name: "heading" }))), index.h("div", { key: '6cfc7a39891476a5cfca2adacfd2bdde6b04995c', class: "console-layout__content-header-tools" }, index.h("slot", { key: 'bffc2509bd5c29a7a25965e0b2406ffa08f76543', name: "content-header-tools" }))), index.h("div", { key: '2d238f23b909d7b0ec4aa50a3d469949974ed862', class: "console-layout__integration", style: contentStyles }, index.h("slot", { key: '40d67b287bc87040fbd727812360c2b9a11f0b56', name: "content" })))), index.h("footer", { key: '6e3df2f6b5018eac04571d2d631c0dad5ee47a3a', class: "console-layout__footer" }, index.h("slot", { key: '23c69311f05921b1ab12d5a34a74fbfffa022959', name: "footer", onSlotchange: this.updateFooterStatus })), index.h("div", { key: '3017d0aae5c4e781d8baf3507097038cc312b04a', class: "console-layout__overlays" }, index.h("slot", { key: '6373ad5c068a412ed8d35c5fa08a4311d1d25348', name: "overlays" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -215,7 +215,7 @@ const SwirlDateInput = class {
         const className = index$2.classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '25b83b05dab36c56e17c1f6dcf45e705f66c1df8' }, index.h("div", { key: '90a6be1d15745839c0965d07b0d35b49d62f7d3e', class: className }, index.h("input", { key: 'af5c2d16783c14fe885caa4b25e99f802862a650', "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.isInPickOnlyMode || 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" }), !this.readonly && (index.h("swirl-popover-trigger", { key: '2dea9fed0f17648c96de50cf4fadc797cc99aebe', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '032997153ab427ce0ee11eec6ff504a090dd3bf5', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: 'fbe7af7d43f80712e0dc4fe27fee5c0f6af59d6e', size: this.iconSize }))))), !(this.disabled || this.readonly) && (index.h("swirl-popover", { key: 'f5df6b8977b7d93d9a924314da667442ee533a64', 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: 'b564afaa8af674be0619050c1d4bc9d4204e7fb3', 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: 'e0a4bdff9dd8957136d37b38e6af5eaa01273c9a' }, index.h("div", { key: 'ec413420a3f131b0866006ff963f783226535553', class: className }, index.h("input", { key: '78671ab0259efa1d1a426c5b7e74eefb4ddd1160', "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.isInPickOnlyMode || 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" }), !this.readonly && (index.h("swirl-popover-trigger", { key: '9fb47a213e384aa59acbc5f9bfa2426a7e897ad2', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '4ea1ca88dbfa26a5336493092e0a9321fa7becbf', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: '4d73f7ad24c1ae5a7239cc0f3378e4256c461510', size: this.iconSize }))))), !(this.disabled || this.readonly) && (index.h("swirl-popover", { key: '7ddf115fc002e6a40de46e54de64480a0087a460', 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: 'bc46b2425b061f168ed3259eb79e8cacbf119c53', 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

@@ -43,7 +43,7 @@ const SwirlDatePicker = class {
         const className = index$1.classnames({
             "date-picker--fixed-max-width": this.fixedMaxWidth,
         });
-        return (index.h(index.Host, { key: '963136e6c0e2fda0f45e8a78f7c210a88bca43c2', onClick: this.onClick }, index.h("wc-datepicker", { key: 'cbf14036c3aacccbde753e850a7caaeacf8c8cb0', class: className, 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: 'e145f0d045e57030972a66d0dedd4d781002e54c', onClick: this.onClick }, index.h("wc-datepicker", { key: 'cfe91612357f636ba8a49278f7e3c6770b8d7269', class: className, 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); }
 };
@@ -62,7 +62,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: '07ef1634435ca1026faa74febd673b7db60ba3f9', "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: '5f3787d57673d801470b62ff3d9ade1ea3ae9756' }, index.h("path", { key: '5f874840ca8582d63bcd2ccfd9d932958ac129d9', 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: '1202fc1f879eec51a90030a343b520711dd5e265' }, index.h("path", { key: '06874e3bdb44513a1cbd541bc5647bbaf403ffba', 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: '358e1a9197805f4e011816be885ba2f4e5afc98b' }, index.h("path", { key: 'dbbe9ac400c3defad09fe79dd1950af4f9290c6e', 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: 'fe4069e7fb6eb113b0f514b805ba4b0854921fc6', "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: 'acca8bd8193ccfdece714b9b4ca0741f387af530' }, index.h("path", { key: 'afc3e7f0d4a682c4dbeacca0e4144d93f735d6fb', 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: '4b09605f7d3df630ab9211444dec2ff917a90cbd' }, index.h("path", { key: '9c838f15c875a93e6d847e133fa0884d3c197cf9', 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: 'a8f5a55dd06936f0da8fb6bb1408e7cd1f91348f' }, index.h("path", { key: 'b5d6347bd6fb3838fabe013cdba14703da60b570', 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: 'f4dbf9248a0853955b08461f651f8d5a71b1c8db', role: "listitem" }, index.h("div", { key: 'd4b0ef1a72bd6cdc80e69965e574a18d8ce226c5', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '7a0bd28bfeef5ec163f0b7e1fbe24f8732b5e6d7', class: "description-list-item__inner" }, index.h("div", { key: '16d0f2048b5d2c6629ae5099975ecb29ae8ff892', class: "description-list-item__text-container" }, index.h("div", { key: '1729fb70b17b2e16ac4d0f5fc3cbc07f34d03886', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: 'd1e65b7ee1474deda5ed9a52e8ada7f401a4a880', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: 'ef1e02aa208f1f5fe5ad5d7c08e4188a5547a2b9', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: 'e50279cb728b6756ac1d6bcf479f821baa2f4650', size: 16, tabIndex: 0 }))))), index.h("div", { key: 'c17ed4ccf126db10f8da5f5e709e6f9c1c88af83', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: 'c739349895efe238d6c0bbf64fbbaf71607c8fae' }))), index.h("div", { key: '2dec505602de8974dc19d9d7f5de634614da9e29', class: "description-list-item__tools" }, index.h("slot", { key: '219e9c0ab60124c888f67848efe110bd13094169', name: "tools" }))), index.h("div", { key: 'a2d0c32bfa015b2491e738dbb3524f4c49f1b130', class: "description-list-item__additional-content" }, index.h("slot", { key: 'fbf6316e1e17089626931efc4c62aaf7aebef95f', name: "additional-content" })))));
+        return (index.h(index.Host, { key: '8014ee8d849b95bab7ae1cc682a3d0bbe3e074e0', role: "listitem" }, index.h("div", { key: '6b202c77e7012ec0aca3a9b980e75480c1109065', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '242cfe61b946a5322b4c1ab23beb02d6dd5c3bad', class: "description-list-item__inner" }, index.h("div", { key: '9b76595e162cdb97f3308490af5ab0644078fd1c', class: "description-list-item__text-container" }, index.h("div", { key: '02db73c687ef62d819842254e2dbe8bbf8fdd69b', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: '0b4837ec0bf37b8fe75cbe3242ed3a83fd8ff1bd', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: 'f1e6c484c32f3df6d8e6dfab19ab4ad313273ff1', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '2f3cbe85180a75972dbab80daec81c708425fd7d', size: 16, tabIndex: 0 }))))), index.h("div", { key: 'bdcb6c648ff3370248c4b345e8939182c8b2f6e4', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '656381c9109ae0436572945c1c48d80c483c1ea9' }))), index.h("div", { key: '7100d26dc8930335b1c425fc7591dcfd4ead42d4', class: "description-list-item__tools" }, index.h("slot", { key: '24b18f9b9543677fd051f58c8a755ec914d30495', name: "tools" }))), index.h("div", { key: '36ee7c5b466de605604c17ee189797f67c12451f', class: "description-list-item__additional-content" }, index.h("slot", { key: 'aa50290a8b8e1870308df632c88003b32d144f89', 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: '5d6336158f62af9d2dad55d22389a881e9f69966' }, index.h("div", { key: '1595a0fd5d3d53ae64f6689594e81a0df8014476', class: "description-list", role: "list" }, index.h("slot", { key: '7ca4a4d380fca7da8286262ef7f64bead5ea387c' }))));
+        return (index.h(index.Host, { key: 'e694dac352c50a28b0f35dda8d4e067c9399eb17' }, index.h("div", { key: '9d64ffc820e098f492297af7745c9b36af5da0dd', class: "description-list", role: "list" }, index.h("slot", { key: 'd5573abce8e07e5240bf060c1058fed54059e5ff' }))));
     }
 };
 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: 'e4dc5e2938bd4a404d7945b2340fead01d4c59c6' }, this.size === 16 && (index.h("img", { key: '492742ff4e0bb74cc012df3e98ff0e8638e92d7a', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'bc39f201cba8cd49ce8924e718f6bb62499e5157', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'fe11f2e46e2d123f9840afef74a2dc9e4abb6b6c', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '043388b3f5ad26345cfeae50672829b545e72c10', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'd8145152a1d500d30ec0a1061f34b05f233285d2' }, this.size === 16 && (index.h("img", { key: 'ce9fe6be764d0edb7e99b774f9c988509b90a6db', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '3a95758faa7eb55ce62516d4b948d6394812a746', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '2c9b32c6b109b244b27845dc79c15af55df9c3a0', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '2c47f977da2466747c1115761f8931c747fa3e95', 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: '0548050959856e0ecad44989ee0e645c6602ef0e' }, this.size === 16 && (index.h("img", { key: '6220092388777459acd615f1f7158f9f39bf427d', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'e12d126a17862f310377d0de3abb475d68f9aaca', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '82a8ecd6b33eba5667857860bcb4447b22765790', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '76a89b711d62dd5fbc8a5d660961bb5e256ac65b', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '619129c7e28e73a3723d09bb20f5db4104664e52' }, this.size === 16 && (index.h("img", { key: '5798a5cf99caf50942b860c7999175abdff20e9d', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '1ca5db3a8e5d1d32b216f3522320179637f910da', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'd96185a2e87c597f75693636dd58572e6682d4bb', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'e695555af8ab00a6bcc9fdaf0528b885fc08eba4', 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: '92649c9101813a3fbdf0ee0356f3976173a14a09' }, this.size === 16 && (index.h("img", { key: 'deb8e211f35a7a9c5cefa1251a505a5167923a05', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'bb2779329cfe0c67af362ee8449e165840f233f7', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'd14b8b5a5f74ba2536b4547153a4b6ccae80f1c2', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '372171bb6e76a667a5cabd5b527fda06087daf16', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '1ddb0dbaa2dece9843885be0eb96297f7262d042' }, this.size === 16 && (index.h("img", { key: 'baa3127e120fd75fbf3f29dd33ae7d90f427d129', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '3d388543de153e653acb4f0f247817495b7bb310', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '7d2fbcc9c48cb85d3edeb3c230b6c3aaf74b82db', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '7574c6a2d552407413f9794ca8c8bbb1a2f1cb75', 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: '097c592e5a22e1b4a7938d01cba5dd3969594ec3' }, this.size === 16 && (index.h("img", { key: 'b6e128470f3f403cc89b631713e87b8381cee392', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '4bdcb99ed3e533edee4256f1b51c40b97441bf43', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '635772d3bfb2b220b609292af48cfb81c51a8f39', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'a26d7ea16f85840015b6be41bcb556308ea09d80', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'f228265076d1ae32694322c19ba8efdf6d499dc7' }, this.size === 16 && (index.h("img", { key: 'd01a77f870e92fbf86d1ea37483852d8c6ef1178', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'df5424c60471aef05b51e6dc416488acb83b8ea9', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'ca9df68a4a190d8f5c2b045e5ab7b49ca4e32708', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '021801691dde3891761b12cbc16684e9655bb67d', 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: 'ae6c2249bcc46f1c3190fa0f3e987ad0afdf8479' }, this.size === 16 && (index.h("img", { key: 'b4f325e30bb00f5d6dc2db39392cef602222379a', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '900639414ca62b016e8142b9eab9504bc7fd5cc5', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '0d7a0fb5e1c5550da2dd37d9809980edce763275', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '2b9730d38bbbaf36b050d11a26c40ba4b480c4a3', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'cacb17f5231e8e65a9ba788e97c88ac4d7a045d3' }, this.size === 16 && (index.h("img", { key: '8c420591c9e1312e3bc7e10a263b708dff884d43', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '09372c3936cbf5828ef26b092f8c126d5697967d', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '519fc1a7bd8fd1d3c9d90ebe032c2dc10dc685fa', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '5443be3ab168eac250687611d2ec7e585f7393ca', 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: '1bfc1e3503c6124db365400735667c122cf88382' }, this.size === 16 && (index.h("img", { key: 'ac367cced00422a9cbefca95700be7c7e51cbd3c', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '83c6a558f8f5c678c2bfcdaa497556637523fafb', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'f40785bc8899688855fd7cdfd20189154a4552bf', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '13d6601e15ade3de9885bbfea04c921611636d3e', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '7510a6d0c2a9a9d1cbf64b544c447925084b743d' }, this.size === 16 && (index.h("img", { key: 'de70ac25084a64fe1bfd85a8c3c0a6aa302f7733', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '5fb26959f969f039c39f44449cdb6de7fe6fa1d2', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'a91dae1f9643768541afc140e8978c86dcc3a6fb', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '9c2b744d0a4c96c3b9984734de5a4cc178cae7d5', 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: 'bcb0f10b3eea9cd6fb520d7b56b9fdd93fd9aaef' }, index.h(Tag, { key: '6ffb6fe3c924448cef2b1d7678fc611794135e37', label: this.label, size: this.size })));
+        return (index.h(index.Host, { key: 'f7b245d8cc103991cf4a2727776100f78f0d0c5a' }, index.h(Tag, { key: '6c6a83f481a491d04b3e204f942cadc45c06490e', 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: 'da93981ba09062219c148d381a514a95c538c32a' }, index.h("span", { key: 'cb467e7add4888af028ef50a613837fa0bd51095', role: "group", class: className }, index.h("span", { key: '619a4b3a45bca37fbe991f6318c3aa2ce9409fa0', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: '70cdbdade3f1b7808ede9118d542daca697977a7', class: "file-chip__info" }, index.h("span", { key: '2cd192dd424ef6d403c8a661b07c1862a1387122', class: "file-chip__name", title: this.name }, this.name), this.description && (index.h("span", { key: '7ba2a726050b8c4512482114d6d8fcee3dca21fd', class: "file-chip__description" }, this.description))), index.h("swirl-button-group", { key: 'd482246d203181140b739ae5c1beb7384dc0e4d6', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: 'c06ef575dad74a6a242ebd09d666469708404f5c', 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: 'c68cdead2b83c1e9f16223e950a367761ee0bb39', 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: '3de12468c0facc6e37c27e75a2d306184c66b88e' }, index.h("span", { key: '61daf0203aa8db81d056ec88f8b8265058b7d315', role: "group", class: className }, index.h("span", { key: '513691590b5efbaa30eca5ff497dafa68c439a3f', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: 'c52d124babf04e7d951b8a89e14b5e69d4400688', class: "file-chip__info" }, index.h("span", { key: '68ae820c9ff0ef98ba9b8ab2e305a207dca65c60', class: "file-chip__name", title: this.name }, this.name), this.description && (index.h("span", { key: 'b47acede0392291fd94829d23b3d9a46f0727ed6', class: "file-chip__description" }, this.description))), index.h("swirl-button-group", { key: '9e048b00360a6de6785b7f38eca6ee75b4589be7', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: 'aea87dc238307f2617812f73e2772a56a018c8a7', 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: 'fff25ce0a9d63d2c4b61cf7c2f7d67f40e74827b', 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: '28e322524c347ae853ff0856fb5160912357e308' }, index.h("div", { key: 'ce15bfb8c644f3fc97313e63ee03181de4c19f65', 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: 'c283837d456a04c54fd62bc09a26bc09c796fba9', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: 'd262572efa14e68431ed3166c51ae20e71480e89', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (index.h(index.Host, { key: '735604888bf0188109cfdf8e038400aecb060ddd' }, index.h("div", { key: '9aab6f2e0e559b1c4edb2c40b81e48707da3ef31', 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: '26934972352c10d5320733fd75d582c64ae2e8e2', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: 'bfba3d7da9b3a93ea18940c78b8428f2f009b5bb', 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: 'afa3b43ac8e3fc365b09ec094724e3e5aa0b4dac', 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: '6f9d334acde73367d4e83fcccaf7fc393635bea6', 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: '7dea870bb67f32630bc8158fe2546cfee2fddf0a' }, index.h("div", { key: '48c1e1d573041be6b36a67d7d8c24af3014988c8', class: "file-viewer" }, this.type && this.active && (index.h("div", { key: '761dff7b05c72869092717096a65c79968454fcc', class: "file-viewer__file" }, utils.isSupportedImageMimeType(this.type) && (index.h("swirl-file-viewer-image", { key: 'b3e709198e93e151221397b51ae3f5829f6ed93e', 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: 'b7279c0015362ba90e1c69013f6e385de475eea1', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (index.h("swirl-file-viewer-csv", { key: 'f5457666931dbcdf9769a4f637acbf6a3d3af313', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (index.h("swirl-file-viewer-pdf", { key: 'ac803c8e3b9c70e2e18c83862663eaea6fe7545a', 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: 'a48c3ef2f955dba5b8547fec4e026144ba10e8c9', 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: '6ad75d46e065110841f41e85b9d9b05ee6b05349', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (index.h("swirl-file-viewer-fallback", { key: '9ec2e112cd7923b8bf935f8249654fc6cf8c0393', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName, onDownload: this.onFallbackDownload })))))));
+        return (index.h(index.Host, { key: 'bbc5146619612e506ae90aa0483caf0db42305ff' }, index.h("div", { key: '78716526f56d0c73e381b5c442659cd693a5b36a', class: "file-viewer" }, this.type && this.active && (index.h("div", { key: '7c8e8f802f6a6ba77d3d93e612dd37404704fbbb', class: "file-viewer__file" }, utils.isSupportedImageMimeType(this.type) && (index.h("swirl-file-viewer-image", { key: 'f7f4d12b6f85dc2e9792c31a33a62cd0c0474d67', 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: '7e64e2122a71985bc9283a6e97870c4a210c9472', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (index.h("swirl-file-viewer-csv", { key: 'bdff7fcab4bf72aa0c7e5722c3d95e8bb5a0069d', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (index.h("swirl-file-viewer-pdf", { key: 'e925cb5267104ae9a64527d42312a512b4690078', 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: '1146398a5bd4f127ea72e4f025ca235124192aa3', 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: '50119c8857c55433842bf73d5515a69927f15228', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el) })), unsupportedType && (index.h("swirl-file-viewer-fallback", { key: '16d8c0c10a5e22879d15956a17c3b131a3cc04b7', 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: '220d840f62734eeba2aea2e7a4f1af2243e24745', class: "file-viewer-audio" }, index.h("audio", { key: '414aa08ff6c1444d81474ce8716f28bff209f6b4', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (index.h(index.Host, { key: '6d8926d23f40942e14e298aa5e29ced5061f3a68', class: "file-viewer-audio" }, index.h("audio", { key: '3b8b3d48baf86aeac70edea47dd7396b35c6783c', 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: 'fbf1032ef8a0e05e498644d36939960484427a38', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (index.h("swirl-inline-error", { key: '782d330109255371a40fe6b57eff05b1bd5d339d', class: "file-viewer-csv__error", message: this.errorMessage })), index.h("div", { key: 'b126c3ab31c1ae268ae680c703dd82701aa6abcb', class: "file-viewer-csv__csv", tabIndex: 0 }, index.h("table", { key: 'd3dc0af0f6341dfc43c04201d68990c8977adda8', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, index.h("tbody", { key: '503b5c5707162e233ff846c9384d40c2392764f5' }, 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: '27759929c405070b11be40f39e201fe27d392ab0', class: "file-viewer-csv__spinner" }, index.h("swirl-spinner", { key: '6c0b0858a6322549536cc601c19ebef09dd41ffa' })))));
+        return (index.h(index.Host, { key: '4cd688f21caed158e9c8583f77d586027eab643a', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (index.h("swirl-inline-error", { key: '3498e1d8770ef8f34a2965a18fa839d0caa09063', class: "file-viewer-csv__error", message: this.errorMessage })), index.h("div", { key: 'a0a77074dab7e8dfde1b1b1bfe679a0475f4877c', class: "file-viewer-csv__csv", tabIndex: 0 }, index.h("table", { key: 'f94ac17832b09feefa57bb5d459882e0b71ef07d', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, index.h("tbody", { key: 'a0e238437099227e7bd40ecb6c08debfb9e64c24' }, 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: 'd0afb493fbf337a08eb3b8bb7384f4b081b94d77', class: "file-viewer-csv__spinner" }, index.h("swirl-spinner", { key: 'c02a95a090bc46dffb823cb08d1a6cbf85fe4b6d' })))));
     }
     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: 'fec6821e4372b5b70c717b5d9813aec06a871449', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: '83443ff55f26de7185bd9dfef0942bf430087fd3', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: '75d9f902993880e0d5b907e841198a17d93d2748', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: '9ba988b119c32583f0d98fb79b7b0a4a2daaef23', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: '54703de68c20c2aca5f1b9a04f1f21e1fe17d6e9', 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: '701a53b9b636773bb852b67ea0efb9fe8c6729d2', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: 'ca58d970c935061efb8d71224d1b11e502fb443d', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: 'c69e13fe64286bbb4b780ae489779f280c6f23c9', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: '3e51a2e49759edcbd2527eb6c5821906d2bd557f', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: 'aa1d2f3dea806a8fa4485fef1268df56a2fc50a9', 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: 'b151b8db4c80394d0c527b0907a53cc43be885cc', 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: '16294717051b06f2ba80a598f726d2cdc96f0f02', class: "file-viewer-image__error", message: this.errorMessage })), index.h("figure", { key: 'de8c55a9fe21fce99e909db15a133d95bfda8512', class: "file-viewer-image" }, index.h("img", { key: 'bac33b10d2c5586c6a814b90349ed4249f9c715e', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (index.h("div", { key: '3ae76fd5d4253921cca1283e26264ce8c54e1bb6', class: "file-viewer-image__spinner" }, index.h("swirl-spinner", { key: 'f6dff70278574e9b42dd0cd64cf912c65b38c9dd' }))))));
+        return (index.h(index.Host, { key: '7736a509c5ed8de5607d520a6287a595830015c6', 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: '595c8f592f7428c793713feb4e76a839d98cfac8', class: "file-viewer-image__error", message: this.errorMessage })), index.h("figure", { key: 'd2991b3923463bce82a7456d6e767f2db38ca931', class: "file-viewer-image" }, index.h("img", { key: '7852a60b1bd9411205d7f5c4854c0041ac20a3b5', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (index.h("div", { key: '42abc98610fb608eb36b33cc93ff0a0a40a4ad4e', class: "file-viewer-image__spinner" }, index.h("swirl-spinner", { key: '455c69292237bbeefce5e24ba31ed0b82ecb6f98' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28652,7 +28652,7 @@ const SwirlFileViewerText = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '18d9ca405b0c1926596aedb3eb75bb3779f27d11', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (index.h("swirl-inline-error", { key: 'a4334b9f24fe88b56e6a867730e3f68c1f932273', class: "file-viewer-text__error", message: this.errorMessage })), index.h("pre", { key: '579838dd206ef37b3b6776c1b22953d0a5da0639', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (index.h("div", { key: 'd8ce3c2e05912b1052b35e5008b76a619e9f4f9c', class: "file-viewer-text__spinner" }, index.h("swirl-spinner", { key: '687732ba8842c0f5973a5297d14f678fe4431779' })))));
+        return (index.h(index.Host, { key: '459eedd3b49a4227650cd82ba0575bb6fa85e561', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (index.h("swirl-inline-error", { key: '835c940c2d60b4f283d8f7ded8ff62dbb8ece669', class: "file-viewer-text__error", message: this.errorMessage })), index.h("pre", { key: 'a9c16f454f1bf2dcf72533bca1f27c2018b7c74d', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (index.h("div", { key: '03e2ffd76c3080e7a9f391166eda35b5dfd5f6e0', class: "file-viewer-text__spinner" }, index.h("swirl-spinner", { key: '87073f3480e456c178d554a1bb6c315093142410' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28683,7 +28683,7 @@ const SwirlFileViewerVideo = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ab25ea9bbdf14340d90d8ebdf4c60c795bb65017', class: "file-viewer-video" }, index.h("video", { key: 'bdac7b69319018633e108cb20bbeb01c6c8fb8f3', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
+        return (index.h(index.Host, { key: 'd1e45e4c1004557921015880fff5c4f994ac5f5f', class: "file-viewer-video" }, index.h("video", { key: '079996574a83b534924b0330c227d09b2cb9cdd8', 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 {