@getflip/swirl-components 0.503.0 → 0.505.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var utils = require('./utils-UfZG-xPD.js');
 
@@ -156,11 +156,11 @@ const SwirlConsoleLayout = class {
             "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
             "console-layout--hide-content-header": this.hideContentHeader,
         });
-        return (index.h(index.Host, { key: 'a4158e13d33d78b4d27fb2024290f11c49fd0e5f' }, index.h("div", { key: '3f1291ef4b8ac9828151a09e07657b68954b678c', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: 'cefb587ec5daa8096a4c3d3f13344cc440e5f97d', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: 'ca149c639283c4bc8e733ea1cf8fa1619ee0e434', class: "console-layout__header" }, index.h("div", { key: 'a59ae357c46b8d35fc3f5c8a99f1ef753008327c', class: "console-layout__logo" }, index.h("svg", { key: '42c6c8e6250510d5d0593b202bc9d2cde0a9590d', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '64900a6758a8d12ee196ab708e6d50d836a52f61', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), index.h("swirl-text", { key: '57d5701d08b4c53af4de4ca3284b7e04c4e0e54b', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '76dab062b840632dea8308756703bb3e119f2081', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: 'cf89e7ddbebb6e87119368dbfff3c8295868ce27', name: "navigation" })), index.h("div", { key: '5d49517e16eff2f164b945f48dcbd6407bce5031', class: "console-layout__user" }, index.h("slot", { key: 'ff73023ebb64f240ec9a782ec086b4aebd555f34', name: "user" }))), index.h("main", { key: '5d9470b3d8cb91853c0dedfd0075c7f90c2dd439', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: 'a6a5bd4c6ca674ebae0cc8e97fb4aa47265fd2cd', class: "console-layout__app-bar console-layout__app-bar--custom" }, index.h("slot", { key: 'fbbde6af44031e9b51af81972d5a0ca07dc639be', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), index.h("header", { key: '2265183fea6bf47f09cc019ecc508e7168c17029', class: "console-layout__app-bar" }, index.h("span", { key: 'f7e7c811938694c46a473001ee0a2f8937395078', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: '711f48b45b46753f118a0463f2304eda2f9c0a27', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (index.h(index.Host, { key: '5d09a8c63d410fa62308cda784202952c7ae8c13' }, index.h("div", { key: '2a4f2d497c61546bacce29bf9fef4d91168c909d', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: 'fc85c4aa6003c983daa352afaf37759d9b7ed12c', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: 'a5acaf8a5027a691f488ef8f6c85ec1cdd38ea2f', class: "console-layout__header" }, index.h("div", { key: '0b173a4668e0885fa2eae85d8642ad9603a8f3c3', class: "console-layout__logo" }, index.h("svg", { key: '35019948c32be3eea97e499b3ba830716f358854', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 301 460", width: "16", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '9e999a1d54e068d2c2e9c6a62133144bf66c636c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.52486 276.36C5.57709 289.149 11.02 301.094 18.2296 311.628L258.719 138.748C269.874 131.507 278.35 121.993 285.395 110.766C291.904 100.212 296.922 87.3014 298.875 74.6738C300.769 61.4277 300.809 48.353 297.757 35.5639C294.705 22.7748 289.262 10.8302 282.052 0.296051L41.5626 173.176C30.4077 180.417 21.9314 189.931 14.8867 201.158C8.37746 211.712 3.35926 224.623 1.40724 237.25C-0.544773 249.878 0.0338964 262.896 2.52486 276.36ZM80.3121 424.184C83.3644 436.973 88.8073 448.918 96.0169 459.452L229.113 363.743C240.268 356.502 248.744 346.988 255.789 335.761C262.298 325.207 267.317 312.296 269.269 299.668C271.164 286.422 271.203 273.348 268.151 260.559C265.099 247.769 259.656 235.825 252.446 225.291L119.35 320.999C108.195 328.24 99.7187 337.755 92.674 348.982C86.1647 359.535 81.1465 372.446 79.1945 385.074C77.2996 398.32 77.2599 411.395 80.3121 424.184Z", fill: "#2151F5" })), index.h("swirl-text", { key: '9867ab49457fbb979fac29eb07d9cfdcd90b8616', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '9bcad767766a47f47757fdd9afcfeab6860d3232', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '7f07a5dbd86126548375913abcc3552184f1d778', name: "navigation" })), index.h("div", { key: '797ea642b8aac5314a7c4f4271064468f9ac2a99', class: "console-layout__user" }, index.h("slot", { key: 'c411a0c3a5bd5907b34dd52365b3b25c55d9383b', name: "user" }))), index.h("main", { key: '0c71deabe7137081a284f277f0d5320fe561a48b', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: 'cada32f38a0a7f09dbc1980271430347a8c7064a', class: "console-layout__app-bar console-layout__app-bar--custom" }, index.h("slot", { key: '2e934dfd45e82516d290763ce481a314d2e168ea', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), index.h("header", { key: 'e16c33016d4d274e30283db2da03a4482f0d66dc', class: "console-layout__app-bar" }, index.h("span", { key: 'd816c0f56caad845fad084a0baa9a3de8e7ddf3e', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: 'd45285afa211eec8076c66887fba0feb9b7c54fc', 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: 'b232051bf3cb60ce36bb2159a11853dd139168c0', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: '5ccb29bfef3aaae85ed8c8bf818665c14a86b2a2', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: 'fb402a6f585112cfa1115274982b2f8e645ce44b', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: 'fe702ca29858dc085ffdd02e767098dbf85dce9b', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, index.h("div", { key: '8c0bc9d8f5b68e176d166620e5114d15b52c42f9', class: "console-layout__content-container" }, !this.hideContentHeader && (index.h("header", { key: 'a3f358a3e96dd6e9d818a390516b6cd67d0c6aa0', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (index.h("swirl-button", { key: '1b7a95dd315ccd55f1bb1281b54eb7876b1f7852', 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: '596834d4d9308e355f8be0bab370141448b28e3c', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: '91e2b51e6fe28d9974ab4eb62ceee52be660fc1b', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: '4baf247b67882cbc726a7b741dbac737ed2bc7b6', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: 'fec65282ac397f9a8955a568a0c11d162ade6a4d', class: "console-layout__heading-container" }, index.h("slot", { key: 'db73df06bc3f6618f262b1a79053a0d1054f1a72', name: "heading" }))), index.h("div", { key: '148cfe997f855a7ce9c24e2567bb3336be629e67', class: "console-layout__content-header-tools" }, index.h("slot", { key: 'cb087749b934ccfa488781874671cec70f82b83d', name: "content-header-tools" })))), index.h("div", { key: '68d29de55d12e3a38aae91cbd0b20b7d21e83b3a', class: "console-layout__integration", style: contentStyles }, index.h("slot", { key: '0d509ae9c95910196c160c324c93a3029bec3a76', name: "content" })))), index.h("footer", { key: '958b494dc87397b8909edbdd3c71a9a66767e6fc', class: "console-layout__footer" }, index.h("slot", { key: 'c852db01bc215f6b4da9eef67163259a3ddfaae3', name: "footer", onSlotchange: this.updateFooterStatus })), index.h("div", { key: '68aebf8d1319138ff2bf530111369746ad17781a', class: "console-layout__overlays" }, index.h("slot", { key: '0312cb654e3b771c7ca87319e7ac44e2d3aba4a9', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), index.h("div", { key: '07504a35afcbc6e9e4210422ebaf6c07438d423d', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: 'b77b11b9ae84b744df31b71df7209c127f46e114', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: 'd12872a31d256eb38af549b990c36674b2f9251a', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: 'd22e35a265257382c81113f04e5844c4d90d591d', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, index.h("div", { key: '3a0d7cc797cfdb90796f695a7a48d5c84fbf5641', class: "console-layout__content-container" }, !this.hideContentHeader && (index.h("header", { key: '504ad20a00c7287b53e011381110725764affea7', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (index.h("swirl-button", { key: '9f508cd05667433ab5f3f6058386c0447a077e76', 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: '3e0d05f38fcfc7b1e6a4a1e6bd8adb213d33a83a', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: 'c99e0af968e10942714e78049707780bedb5f473', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: 'c91b6ff09387f989add0966e76305b2f169a2522', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: '5f9bd046fb38987374ef70310a8d7fe10584070f', class: "console-layout__heading-container" }, index.h("slot", { key: '952dadcfb09b0409906f1571bee0991704a1c0c4', name: "heading" }))), index.h("div", { key: 'b29870e34d1acc32917e0f1c3f0e7b1c85e94ee7', class: "console-layout__content-header-tools" }, index.h("slot", { key: '23a42d65e4641a59b11205b68bbbf8f0d3d4089e', name: "content-header-tools" })))), index.h("div", { key: 'e4faed336c026e9104850664235a49da0d0089a3', class: "console-layout__integration", style: contentStyles }, index.h("slot", { key: 'eabe7e379db5c8a3574f332553bb93f733e1c3a0', name: "content" })))), index.h("footer", { key: 'a4dbf7ec10a443607970fd5cf4f61d645b5c71ec', class: "console-layout__footer" }, index.h("slot", { key: '4958d2838da54be6626563695685d29dc4854654', name: "footer", onSlotchange: this.updateFooterStatus })), index.h("div", { key: 'e1eb0783268ff8afde5feb6936a0d4ba105f6908', class: "console-layout__overlays" }, index.h("slot", { key: '9e085357507c590cc4a4e19c93493885abce6adc', name: "overlays" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-data-cell-stack.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var v4 = require('./v4-Bq3ldsQe.js');
 
@@ -30,7 +30,7 @@ const SwirlDataCellStack = class {
         const descriptionId = this.description
             ? `${this.headerId}-description`
             : undefined;
-        return (index.h(index.Host, { key: 'c3da49e9b7790874f8360fee4d0314204e79f56b' }, index.h("div", { key: '841705fac518ef6a01525df95dba2cbdc2d5a3e0', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (index.h("header", { key: '11ae4c9b357be3b834c31bd7eda0e642fa3ddf23', class: "data-cell-stack__header", id: this.headerId }, index.h("div", { key: '3a75787b65c88d645535b63b4ca8679898399cce', class: "data-cell-stack__header-content" }, showLabel && (index.h("h3", { key: '65bc8b13f560ee9adeabf18c5fbf35623e0542c3', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (index.h("p", { key: '0742e498e5deb487bdb1947aca8ae92b74137bee', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (index.h("div", { key: '86fcb90372ad2e9179389ce69735d812c1d21952', class: "data-cell-stack__cta" }, index.h("slot", { key: '385924b0cdf96c2b76605268b30eea4be3f510cf', name: "cta" }))))), index.h("div", { key: '284c754322880cfed92c85534241be24af898bc7', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, index.h("slot", { key: 'd8e255560793646082e0552b75dddee75d6f1051', onSlotchange: this.onSlotChange })))));
+        return (index.h(index.Host, { key: '7482563cd21a37a6e92e131bc47b1a38000bf9ad' }, index.h("div", { key: 'd64f6e8477dc9b17c1a3737ebabe0dacbfda35ba', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (index.h("header", { key: '4b7aca0365f8e146d2c54a56f1d17c68175edbeb', class: "data-cell-stack__header", id: this.headerId }, index.h("div", { key: '119a9ea7030f2ff314290ad602f4df0f7f2c7dfe', class: "data-cell-stack__header-content" }, showLabel && (index.h("h3", { key: '95f48f703af2fef4a2d8dc5581bcd0468534670c', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (index.h("p", { key: '42359e5aa833a85cb7eb7e9f3de5624966d2dc8c', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (index.h("div", { key: '3386ca0845ec8242d442b79b8a2edfd4e16fc968', class: "data-cell-stack__cta" }, index.h("slot", { key: 'f44cca1026f863ce72bbf3d2ef8205f5b4982121', name: "cta" }))))), index.h("div", { key: 'b6582fb24361eb4ed51fdf14ea95f50fe8478ba1', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, index.h("slot", { key: '4a14f26e31144a00eab6fb63be8283c9847c9692', onSlotchange: this.onSlotChange })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-data-cell.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var v4 = require('./v4-Bq3ldsQe.js');
 
-const swirlDataCellCss = () => `:host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell{display:flex;align-items:center;gap:var(--s-space-8);width:100%;padding:var(--s-space-12) var(--s-space-16);background-color:var(--s-surface-raised-50-default);border-radius:var(--swirl-data-cell-border-radius, var(--s-border-radius-l))}.data-cell--interactive{cursor:pointer}.data-cell--intent-default{background-color:var(--swirl-tag-background-default)}.data-cell--intent-info{background-color:var(--s-surface-info-subdued)}.data-cell--intent-critical{background-color:var(--s-surface-critical-subdued)}.data-cell--intent-warning{background-color:var(--s-surface-warning-subdued)}.data-cell--intent-success{background-color:var(--s-surface-success-subdued)}.data-cell--intent-special{background-color:var(--s-decorative-grape-surface-subdued)}.data-cell--intent-translucent{background-color:var(--s-surface-on-image-default)}.data-cell--vertical{align-items:center}.data-cell__media{flex-shrink:0;display:flex;align-items:center}.data-cell__media ::slotted(swirl-avatar){--swirl-avatar-background-color:var(--s-surface-default)}.data-cell__content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-space-24)}.data-cell--no-label .data-cell__content,.data-cell--no-label .data-cell__value-wrapper,.data-cell--no-label .data-cell__input{width:100%}.data-cell--vertical .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell__label-wrapper{flex-shrink:0;min-width:0}.data-cell:not(.data-cell--vertical) .data-cell__label-wrapper{width:calc(160px + var(--s-space-4) + 16px)}.data-cell__label{display:block;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);font-weight:var(--s-font-weight-normal)}.data-cell:not(.data-cell--vertical) .data-cell__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.data-cell__tooltip swirl-icon-info{flex-shrink:0;color:var(--s-text-subdued)}.data-cell__value-wrapper{display:flex;align-items:center;gap:var(--s-space-4);flex-shrink:1;min-width:0}.data-cell--vertical .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}.data-cell__value{flex:1;min-width:0;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell--vertical .data-cell__value{white-space:normal;overflow:visible;text-overflow:clip}.data-cell__suffix{flex-shrink:0}.data-cell__input{width:100%;--swirl-form-control-label-background-color:var(     --swirl-data-cell-input-background,     var(--s-surface-default)   )}.data-cell__input ::slotted(swirl-checkbox),.data-cell__input ::slotted(swirl-radio){width:100%}@media (max-width: 767px){.data-cell:not(.data-cell--vertical) .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell:not(.data-cell--vertical) .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}}`;
+const swirlDataCellCss = () => `:host{display:block;width:100%}:host *{box-sizing:border-box}.data-cell{display:flex;align-items:center;gap:var(--s-space-8);width:100%;padding:var(--s-space-12) var(--s-space-16);border-radius:var(--swirl-data-cell-border-radius, var(--s-border-radius-l))}.data-cell--interactive{cursor:pointer}.data-cell--intent-default{background-color:var(--s-surface-raised-50-default)}.data-cell--intent-info{background-color:var(--s-surface-info-subdued)}.data-cell--intent-critical{background-color:var(--s-surface-critical-subdued)}.data-cell--intent-warning{background-color:var(--s-surface-warning-subdued)}.data-cell--intent-success{background-color:var(--s-surface-success-subdued)}.data-cell--intent-special{background-color:var(--s-decorative-grape-surface-subdued)}.data-cell--intent-translucent{background-color:var(--s-surface-on-image-default)}.data-cell--intent-subdued{background-color:var(--s-surface-raised-default)}.data-cell--vertical{align-items:center}.data-cell__media{flex-shrink:0;display:flex;align-items:center}.data-cell__media ::slotted(swirl-avatar){--swirl-avatar-background-color:var(--s-surface-default)}.data-cell__content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s-space-24)}.data-cell--no-label .data-cell__content,.data-cell--no-label .data-cell__value-wrapper,.data-cell--no-label .data-cell__input{width:100%}.data-cell--vertical .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell__label-wrapper{flex-shrink:0;min-width:0}.data-cell:not(.data-cell--vertical) .data-cell__label-wrapper{width:calc(160px + var(--s-space-4) + 16px)}.data-cell__label{display:block;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-subdued);font-weight:var(--s-font-weight-normal)}.data-cell:not(.data-cell--vertical) .data-cell__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.data-cell__tooltip swirl-icon-info{flex-shrink:0;color:var(--s-text-subdued)}.data-cell__value-wrapper{display:flex;align-items:center;gap:var(--s-space-4);flex-shrink:1;min-width:0}.data-cell--vertical .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}.data-cell__value{flex:1;min-width:0;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);color:var(--s-text-default);font-weight:var(--s-font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell--vertical .data-cell__value{white-space:normal;overflow:visible;text-overflow:clip}.data-cell__suffix{flex-shrink:0}.data-cell__input{width:100%;--swirl-form-control-label-background-color:var(     --swirl-data-cell-input-background,     var(--s-surface-default)   )}.data-cell__input ::slotted(swirl-checkbox),.data-cell__input ::slotted(swirl-radio){width:100%}@media (max-width: 767px){.data-cell:not(.data-cell--vertical) .data-cell__content{flex-direction:column;align-items:flex-start;gap:var(--s-space-4)}.data-cell:not(.data-cell--vertical) .data-cell__value-wrapper{flex-direction:column;align-items:flex-start}}`;
 
 const SwirlDataCell = class {
     constructor(hostRef) {
@@ -52,8 +52,8 @@ const SwirlDataCell = class {
         const hostRole = isInDataCellStack ? "listitem" : "group";
         const contentRole = hasCheckbox || hasRadio ? "button" : undefined;
         const wrapperRole = isInDataCellStack && !contentRole ? "group" : contentRole;
-        const labelContent = (index.h("swirl-stack", { key: 'ab16afe01f6c3c18dd67a5da174026e1e8de6bf3', orientation: "horizontal", align: "center", spacing: "4" }, index.h("span", { key: 'ae92a2d8cb8431aaf862e93eb847943b9a6d8279', class: "data-cell__label", id: labelId, role: "term" }, this.label), this.tooltip && (index.h("swirl-tooltip", { key: '6454b08e1b64849e0900e144b30cf74d8b6581f3', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: 'dfe5c87e7a844fa5a1aa57e20fd2f3b262ad9876', size: 16, tabIndex: 0 })))));
-        return (index.h(index.Host, { key: '0a0404e543eb4072e67660e330704495f45eef66', role: hostRole }, index.h("div", { key: 'eac7c29bb73dd59d41146a85cc0c11dc33cccedd', class: className, part: "data-cell", onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, role: wrapperRole, tabIndex: hasCheckbox || hasRadio ? 0 : undefined }, hasMedia && (index.h("div", { key: '83898c60be03a148614ec046f9d89428d48051a9', class: "data-cell__media", "aria-hidden": "true" }, index.h("slot", { key: '3050473fef6c3b8378f51edb2f36e6b250a3db68', name: "media" }))), index.h("div", { key: '5239437999175393cb8c5737f0fcc9576684da41', class: "data-cell__content" }, hasLabel && (index.h("div", { key: '15eb00504d85050f405024166f4642fa17ebf6d5', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (index.h("div", { key: '7cae24859db14bff3fe9bb5309122f72a03331a6', class: "data-cell__value-wrapper", role: "definition", "aria-labelledby": hasLabel ? labelId : undefined, id: valueId }, hasContent ? (index.h("div", { class: "data-cell__input" }, index.h("slot", { name: "content" }))) : (this.value && index.h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (index.h("div", { key: '07b26cd6a1cb75dd47e7a00e6db49fd7c921497e', class: "data-cell__suffix" }, index.h("slot", { key: '77b8abbfd5742cf0987c350e8f7464f76eabbf03', name: "suffix" }))))));
+        const labelContent = (index.h("swirl-stack", { key: '48f093525242c0bb603ec29d29ddc0ec145f56bd', orientation: "horizontal", align: "center", spacing: "4" }, index.h("span", { key: 'a1904fbf6eee9abb5d1b602331d787bc779bc810', class: "data-cell__label", id: labelId, role: "term" }, this.label), this.tooltip && (index.h("swirl-tooltip", { key: '60b66fcb9970913a55e7b656f5626f05ff3f7f89', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: 'e811e3c7797a2ff4648c84a5b4f57c30bd58ce5e', size: 16, tabIndex: 0 })))));
+        return (index.h(index.Host, { key: '3a40f5d699ff449abd1ab76a9f7969d30f0a801d', role: hostRole }, index.h("div", { key: '4f2a98a9c7eedb8c4ec61e1258fda81569618dd8', class: className, part: "data-cell", onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, role: wrapperRole, tabIndex: hasCheckbox || hasRadio ? 0 : undefined }, hasMedia && (index.h("div", { key: 'd02b407100f375ec0bc4580569c4ec27fdbf5eca', class: "data-cell__media", "aria-hidden": "true" }, index.h("slot", { key: '1326338efeefbbcbe484f645dbc6e32c0da1585e', name: "media" }))), index.h("div", { key: '119f58fe18cfc46203c6f579b988d91dd61b288a', class: "data-cell__content" }, hasLabel && (index.h("div", { key: 'ca9ed0e4c3d4d4b713e61d60d378902815b7dc92', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (index.h("div", { key: 'c55d22eed287cbdb24c14cb62e112a418f56eff6', class: "data-cell__value-wrapper", role: "definition", "aria-labelledby": hasLabel ? labelId : undefined, id: valueId }, hasContent ? (index.h("div", { class: "data-cell__input" }, index.h("slot", { name: "content" }))) : (this.value && index.h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (index.h("div", { key: '6f60098d9203ea359ee6d51a644fb697d22bc578', class: "data-cell__suffix" }, index.h("slot", { key: 'b3f5d2f2e9ed76eb4f42ba383ff2d84fddb09e65', name: "suffix" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$2 = require('./index-DcAhLZUH.js');
 var index$1 = require('./index-BOqO2Grl.js');
 var mediaQuery_service = require('./media-query.service-B8u-DqoO.js');
@@ -225,7 +225,7 @@ const SwirlDateInput = class {
         const className = index$2.classnames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '837329ab8c80cad44421fc19a79124c684846e8f' }, index.h("div", { key: '7116bfaf64a4b4da2eebe5851a881bae29581174', class: className }, index.h("input", { key: '3abfdb8840ce728d0f75e550482aeddeaa854f44', "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: 'a6d3c22092affdc5370fd93009a70907d1bd651e', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '42325d18293a1ffcae71385d5d190c9d8419e527', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: '6eb5d29bd5bc825cd30ddaf21df1bac22fae09dc', size: this.iconSize }))))), !(this.disabled || this.readonly) && (index.h("swirl-popover", { key: '293941dc84a9a953e8a8760262380c9a9b567ece', 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: 'c45bd7a0309af4c8e8080655c1dd3f855c9751ed', 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: '9268c3541330cab8173bddb4682b5b60a7737aa0' }, index.h("div", { key: 'c39cb00aa7d28353cdfd394aa3da5462b89318ef', class: className }, index.h("input", { key: 'a560447922c7f0b0e1fa9a700765d59bc5f20f6a', "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: 'ffad693a85647b0e843c56ef392c25203f5a5180', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '6773dbc41845564906d8e55aa3b0349f0ecd0bcf', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: 'd08c1d0836688314cb710fc95621ad4860838326', size: this.iconSize }))))), !(this.disabled || this.readonly) && (index.h("swirl-popover", { key: 'fb4ea5d008b3179da9fe07351ca7b3f6b76ab544', 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: '7c7d87288342a8a6a55589644f333fbe34e2f464', 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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var utils = require('./utils-UfZG-xPD.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
@@ -45,7 +45,7 @@ const SwirlDatePicker = class {
             "date-picker--fixed-max-width": this.fixedMaxWidth,
             "date-picker--fixed-aspect-ratio": this.fixedAspectRatio,
         });
-        return (index.h(index.Host, { key: '74295e59ccb106ea49afe81c3f3e1a0edcaed1ad', onClick: this.onClick }, index.h("wc-datepicker", { key: 'dfa153a41ee7be0c3cbd93e418ea8acc37728fc4', 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: '0675273330fed8ab424a7ed75606231435faa554', onClick: this.onClick }, index.h("wc-datepicker", { key: 'e35b36ddc410d005a5a45f3c38a5417c25439776', 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); }
 };
@@ -65,7 +65,7 @@ const SwirlIconToday = class {
         };
         const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
         const hasLabel = Boolean(this.label);
-        return (index.h("svg", { key: 'adc4c2c17cc739ea1991c2872c16075833f51f4a', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && index.h("title", { key: '3edc647757d052814cff6e22cc0f3a5e76b6c4aa' }, this.label), this.size === 16 && (index.h(index.Fragment, { key: 'fbc3f16e75ecd500ad3eeabcc8cafdc28a1c4bdf' }, index.h("path", { key: 'ce7d74a2e84b73582f88f5da3ccfaccc58175917', 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: '4ef50e58040d5604f1a2837297d767eb5a8a652c' }, index.h("path", { key: 'ab4fa39f3212a56dd7e06833ee19ccd13a817efc', 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: '33b8b04d6567a2bc8b43d6334501f7ef6898f419' }, index.h("path", { key: 'a3fdd53f04922dbdad73e30191c6a5c5e6670040', 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: 'd2d429910e803e1c8e89d26d72379910e9b3452b', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && index.h("title", { key: '546dd29a7ee390168705ceffce8468bb312a39dd' }, this.label), this.size === 16 && (index.h(index.Fragment, { key: '56d3fdfd88301abb01b625303214035f8c53cbd0' }, index.h("path", { key: '4628ef9ee9c5c0ba5e0164b1c381c08754109ed5', 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: 'c513ac75f1a2ac0f08a4a6a4ba0744831e86925d' }, index.h("path", { key: '70fc0727cc6487b1e43b4f16e92ec466ca4c9558', 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: 'ac56cf7b73c13cb263979e8037d6150f968bab53' }, index.h("path", { key: 'afc9806766b5eebd9b577077ab2af4bafbf3be65', 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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlDescriptionListItemCss = () => `:host{display:block}:host *{box-sizing:border-box}.description-list-item__inner{display:flex;max-width:100%;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);align-items:flex-start;color:var(--s-text-default);line-height:var(--s-line-height-base);justify-content:space-between;gap:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__inner{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.description-list-item--bordered{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list-item:not(.description-list-item--has-tools) .description-list-item__tools{display:none}.description-list-item:not(.description-list-item--has-additional-content) .description-list-item__additional-content{display:none}.description-list-item__text-container{flex-grow:1}.description-list-item__term{display:block;margin-bottom:var(--s-space-4);font-weight:var(--s-font-weight-semibold);overflow-wrap:break-word}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.description-list-item__term{margin-bottom:var(--s-space-2)}}.description-list-item__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.description-list-item__description{display:block;max-width:40rem;margin:0;overflow-wrap:break-word}.description-list-item__tools{display:flex;min-height:2.625rem;flex-shrink:0;align-items:center}.description-list-item__additional-content{padding-bottom:var(--s-space-8);flex-basis:100%;flex-shrink:0}`;
@@ -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: '691e405b49aca541fb4bed135777bff0e01c1518', role: "listitem" }, index.h("div", { key: '1893cfeb94d8566421118771ffe453e831fe79d5', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '175f355480d698cc436c30c22d9df17cd6b4b6f5', class: "description-list-item__inner" }, index.h("div", { key: 'f5cd0f453ca42eeb4c151553c2046a21ae1c52b1', class: "description-list-item__text-container" }, index.h("div", { key: '7025a2c437978b9ec20b545db1e861176d57462d', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: '49ecee8329cd7b67be4cf971cc11a74086722d7e', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '970c4ebea40b819e00b05c2a9da584eb3f79f59d', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '9f20afcc571460d291d41bcaf1bf6a78ab0f664a', size: 16, tabIndex: 0 }))))), index.h("div", { key: '8031eb733dccc338f06601fde1a0568f9caff4c6', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '8e76b7e5fce6eae82471cd101bfa745936840d1c' }))), index.h("div", { key: '276eac570cb0d30a143577842cfe2d96a74ae43b', class: "description-list-item__tools" }, index.h("slot", { key: 'b26b1404ca1dd00b84fed093feaf55181af3f99a', name: "tools" }))), index.h("div", { key: '7f09f5fc316fe662ac7e1582176912a5b214cf6d', class: "description-list-item__additional-content" }, index.h("slot", { key: '9ec670b8676de6c0e65a7fafaa0075aee20251d5', name: "additional-content" })))));
+        return (index.h(index.Host, { key: 'be5bcbb5d859630b58dfd1d2c4eaadda879c3ab3', role: "listitem" }, index.h("div", { key: 'ac3c62e303afe2646b08092a1f4b12350ac87598', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '1fab3bd58b970874afe5b874172b4de67a543488', class: "description-list-item__inner" }, index.h("div", { key: 'c7913d4d76891e19d48149877f736930caef9e41', class: "description-list-item__text-container" }, index.h("div", { key: '6cb05bb0927295ea082357365db6e89a84bae403', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: 'c24a409ddb6f9cf10e36a7d79051e4e64f320436', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '4962bf094d9f5f3a93616da46091b4d22374f3fe', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '10baaa739bf625d5c91e362f86233e41ca209341', size: 16, tabIndex: 0 }))))), index.h("div", { key: 'b73e4053d05ddf6666114a286dd6e8f1bc9558cb', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: 'a11d3e71b26d34cd25fd19fe9e55c61526ea0d17' }))), index.h("div", { key: '6944341d4241176c7e32b705d3a92124aabe457e', class: "description-list-item__tools" }, index.h("slot", { key: 'c6390087ab7a44a2bb6b30bf5873f036cf764564', name: "tools" }))), index.h("div", { key: 'feff56b0f35f85a194285f366d5da7791aa2e921', class: "description-list-item__additional-content" }, index.h("slot", { key: 'b6564d43acfc4782879c18fa95605dfdc48f5a13', name: "additional-content" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 
 const swirlDescriptionListCss = () => `:host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}`;
 
@@ -9,7 +9,7 @@ const SwirlDescriptionList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd99e56b1624faf547f56afd1614693b3f888f359' }, index.h("div", { key: '852524eec75bc67498995dd8d609ce976fbb30ff', class: "description-list", role: "list" }, index.h("slot", { key: 'ccb5d7aed0a3f7681e20a9a2e2d1cfb2ec8ce7ff' }))));
+        return (index.h(index.Host, { key: '869980c3e724bcb6171c83d5b1779feb210f48bc' }, index.h("div", { key: '3e055083bd26561f6946d893ff5caa36af4158cc', class: "description-list", role: "list" }, index.h("slot", { key: '9e39c3b9d0268fe1ff90772c6dc098e95bccf400' }))));
     }
 };
 SwirlDescriptionList.style = swirlDescriptionListCss();

package/dist/cjs/swirl-dialog.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var index_esm = require('./index.esm-D5HbQDBa.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlEmojiCss = () => `:host{display:inline-flex}`;
@@ -13,7 +13,7 @@ const SwirlEmojiClap = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '09d0e75ba81401110070a6235e73b69a10cc9722' }, this.size === 12 && (index.h("img", { key: '7fd2166277cef666b5adaea710f5c9efe0230f70', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '7b622b06b4b92567627fe648023b4cba2240d648', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'c07c2b69710291f219d33b0ea95181024115bc87', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '2ea22e12c46ee678027850729d116f02d790e4c3', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '1b2696387fffdb96705851e984a3b3c5597614d1', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '6d050eb97da451af24dbc43bf268cad609547ffa' }, this.size === 12 && (index.h("img", { key: '9f0c6493374f1f9893df7359bdb11a0aca6fc7fd', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'a8d5b3190ed99ed7322fb35effee3bec169c45cf', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'f7be059f8550590e080b72eeeb316bfee76130b1', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'a5dbffdb5172c7e271b4605e638fee8dd9b3d6c3', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'a550fc330a38f8e84c531d4c003533411a6a565f', 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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlEmojiCss = () => `:host{display:inline-flex}`;
@@ -13,7 +13,7 @@ const SwirlEmojiHappy = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '80090513ac9069a7fbe2b28da9748de47733097b' }, this.size === 12 && (index.h("img", { key: '09c882e3e5062d45f689776164a5533d42b91b11', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'e208f59aefdc566e1f9dddbd9ace985e923ef8ce', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '6dea6b7480b27a84c3d1c62b76cb86358f95bd74', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'e59b270ef54416aeca97e23ba500316630afdd71', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'f543fd1d1610d4dbf430e7e78c0bd032182b9409', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '996a167769f650c08973d2de4d1f80c87c764a15' }, this.size === 12 && (index.h("img", { key: '4fa5967558b3f47a56fbf1d9df1b657f43bf41b6', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '9e324596b89046f0c709216b9f748d1bbebfdae1', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '35cdad5534b1ef9958830905a07538e8a79d2582', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '754754261b9724cab2d4ebc4937a8bb84b9c94cd', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '169a816ed000cd4ad088876a451d27b4c02a753e', 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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlEmojiCss = () => `:host{display:inline-flex}`;
@@ -13,7 +13,7 @@ const SwirlEmojiIdea = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '37c5f4cdd2bf38033322619bd81ff159f03a9944' }, this.size === 12 && (index.h("img", { key: '391fb124dc1ce18fd7f7465be58317fff5afcfd9', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '91dedb3111d0e10fb06afe0f2ef6fb9358bc245d', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '95a760e723f4ddb629ca9ac42d24d81b41654f51', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '9d7943465e323ffe8ea17b7515067d734c456f97', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '6f4118f0d62e16df539e9afa0dddad14eb5398b8', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'e112ae65ff14995e44e70149315c38cd4026f25d' }, this.size === 12 && (index.h("img", { key: '04d444bb850a4de76b7e83048d7805a99f174887', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '3cda05d448209a26f247d99ce83852ebe7a16b1e', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'cd7edf54dbb0091ea2ccf1ad8acb85e576ef3dc6', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'be7cc57d78c375d0cce5d53db3b6dc4941cfe6aa', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '1f03f6d5c548a65084fcc5f55c641bb803dd53b0', 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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlEmojiCss = () => `:host{display:inline-flex}`;
@@ -13,7 +13,7 @@ const SwirlEmojiLove = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '52fe8e0c6cc6291378b6b77caf35f7a068ea5f5c' }, this.size === 12 && (index.h("img", { key: '5ad8653c81b8b5195fcd77e780fa9b703ec1df47', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '4bd94a048ae59efe31e1b10faf77a600f70146b5', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'ee273c86b243232c3878e619382a5fde8f873825', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'b0572d8d96f43b2f8871bc6400a79a5cb4a03752', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'f004b5e056232f11c8466b0c5e22176fb8fa6adc', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '1e40d34ae4ce88e9ed4d68f38f812266f4caa663' }, this.size === 12 && (index.h("img", { key: '65bf3fd30437260f8323d8129ed0b85d1279fc91', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '096c1c6c7230874177593a2cc736c68c58419255', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '87e86f4967c75fea89b7a6f0ed317ee638839e77', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'e8d7c8fb30ff6180b82658e9a4ce6846ecddfda3', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '17ccf169090fdde4320217cab42c7df451bfabd5', 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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlEmojiCss = () => `:host{display:inline-flex}`;
@@ -13,7 +13,7 @@ const SwirlEmojiSad = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '47d9ed2e330074aef803f9be2cbf77157cfc2b92' }, this.size === 12 && (index.h("img", { key: 'b097396c4977e40026cdf05d9b45770fd135d449', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '0871ba6f45134cff8675842727ca483082a6c546', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'b3d040fb541c979b5fd27914a9153b30d0de540a', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'f9ecdf021674237c940bc1de9152c41a206d19e4', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '3617ed20bdab93f68541650bcf0a49df843275d8', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: 'd4184217dc660a5bde784f83a375d47df94a81c3' }, this.size === 12 && (index.h("img", { key: 'ba414213f99c7d3331c723fa8e3583020fe30309', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'ce71cbdf62157abe508d8a63b186859ee0ac1b2e', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '4b47e8d58648f55d38b33d65b93b68ca9dabd64f', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '5d71971fb48193edfad601a135b7ef46e3489ef4', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '75529900ac36710012348c673dc7eaaa904b76f5', 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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlEmojiCss = () => `:host{display:inline-flex}`;
@@ -13,7 +13,7 @@ const SwirlEmojiThumbsUp = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        return (index.h(index.Fragment, { key: '3b06581cfa8cb93227b27a93c65dd0f24d4cb67e' }, this.size === 12 && (index.h("img", { key: '03e7ce514ac91d627261812ff064da07e83886c2', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'cabdc8aab8630ab6e0516f9f44b99fabc3b149ac', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'f10866db18204bb7c552be5550f90a341b306961', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '43f8f0f137d7d7c667d343f05d0f85ec8055257f', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '0d0a9d735468f45270f69e43d9f96cce67ab4221', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (index.h(index.Fragment, { key: '4195f4d439a4ddd7ee5ca77b508a8ae7e3658964' }, this.size === 12 && (index.h("img", { key: '670624b032d41d2dce0bd5c7d8da8ad6e577fcfd', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '6edbc6892400018203e1b996620d0b0a394120aa', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '0d18437327c772f504434cd6553905014b80a5ad', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '64b2b862126f6452fc46dd19f5824f3bfb5dc566', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '2c8ffbe22bbcff7a0aef3cb729975cbc809170b0', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
 };
 SwirlEmojiThumbsUp.style = swirlEmojiCss();

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 
 const swirlEmojiCss = () => `:host{display:inline-flex}`;
 
@@ -12,7 +12,7 @@ const SwirlEmoji = class {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (index.h(index.Host, { key: 'd40950bf0f4871346965b3f3a7dfe63f26a32275' }, index.h(Tag, { key: 'af4106b9313f338496ce1069fd517460702feea0', label: this.label, size: this.size })));
+        return (index.h(index.Host, { key: '785d1996969fb1d76ff1af92c9080abe7cf0499c' }, index.h(Tag, { key: 'e3fd1d576d501ce2588597438a067681d5b98c92', label: this.label, size: this.size })));
     }
 };
 SwirlEmoji.style = swirlEmojiCss();

package/dist/cjs/swirl-empty-state.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlEmptyStateCss = () => `:host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}`;
@@ -17,7 +17,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (index.h(index.Host, { key: '853836f30b1bfb921232c7acf87735fbb5a6c3e0' }, index.h("div", { key: '1d0f3dd2ff0bd8a0404fa7bfbbcd16381a4b29ca', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: '88e1a96eb9910d2ba127c19eccb29a5cfab48817', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: 'bdea01549602b808cca297851d51bda97b00f6ef', class: "empty-state__slotted-illustration" }, index.h("slot", { key: '905d5f4db1f7049bd97604be3e8f5edf5e537b31', name: "illustration" })), index.h("div", { key: '486a5b4b2c0078f32910aa9e943e78a7b8549b8c', class: "empty-state__body" }, index.h("swirl-stack", { key: 'bb1367101e86b039c6d41216386e10419f788b4a', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: '82750fa1611ba1e1f42941bf486a814ee841dab3', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), index.h("div", { key: '2bc8645cbf8ce242bb70379cf7c2b98a36570bc3', class: "empty-state__content" }, index.h("swirl-text", { key: '40b2322a160f8cae1f7cfd07d78f7b240abddb11', align: "center", color: "subdued" }, index.h("slot", { key: '062f564846d5b2c249037852ba2fca01a6843c58' })))), index.h("div", { key: 'a71ab053e9d303f865f0018a9a658706f411415b', class: "empty-state__controls" }, index.h("slot", { key: '2a0c344c987f2e3a15ac380241878e1de91a868a', name: "controls" }))))));
+        return (index.h(index.Host, { key: '841943cc480a16c75c2830c542b6ef62ee423c07' }, index.h("div", { key: '81f768149f17c11aa641e7a49071a7ffe31a0bc0', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: '0324e53541f0966aeb64034879cb5515b2448c28', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: '58c58522a2f2784a3bbf1a4ffbb4347d8216d5bc', class: "empty-state__slotted-illustration" }, index.h("slot", { key: 'dc24ab26831ac301d70b5384cb43cbf498b299a1', name: "illustration" })), index.h("div", { key: '5918dc42d88b63951d13f74f0393a4077f4ddf94', class: "empty-state__body" }, index.h("swirl-stack", { key: 'd4b5718b112ce4cbf01c6d1096acf81932afeb8a', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: '895f0ec62397d85679a76b7df1474273b98fbc4b', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), index.h("div", { key: 'f76f4a4a5ab6a90e927d0c472851fff0aaf7af20', class: "empty-state__content" }, index.h("swirl-text", { key: '355a41379a039d5fcc04f2411e3bac14eb2e7314', align: "center", color: "subdued" }, index.h("slot", { key: 'b2cf86d211189865026fce65ca005c396e08f1ab' })))), index.h("div", { key: 'f6e72f6bae6aab0f63bec7ff55f88652f72b1677', class: "empty-state__controls" }, index.h("slot", { key: 'c278c150cdaa193fae147ec3354dee90b5144bb1', name: "controls" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var FileSaver_min = require('./FileSaver.min-B46-_whJ.js');
 var utils = require('./utils-UfZG-xPD.js');
@@ -118,11 +118,11 @@ const SwirlFileChip = class {
             "file-chip--no-actions": !hasAction,
             "file-chip--no-suffix": noSuffix,
         });
-        return (index.h(index.Host, { key: '93e05be20f2690e89acb473de91c999e9ded3db8' }, index.h("span", { key: '1972b6e3da4dc591216dab6b1b75a42d315151d0', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, index.h("span", { key: 'b51bc7c2d63e4bbecdc12a2bfd2e1ae064720d84', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: 'd1de1325fd7fb583732f2034b1437f0dae83a83d', class: "file-chip__info" }, index.h("span", { key: '946f72fff9e235c0675e929c263a3f66589e4bb2', class: "file-chip__name", title: this.name }, this.name), index.h("span", { key: 'd13505c304050f58ec5d25ccd0ca0d6d61d84185', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (index.h("span", { key: '9756de3b45ab526addb215d7bb6b904f110cddc6', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
+        return (index.h(index.Host, { key: 'b319545e6fd320f85ae1b00ec0dc6c0fb29118d6' }, index.h("span", { key: '071069e61d6f871949b723a8bf86dc8eecb2ba93', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, index.h("span", { key: '9b8320df567e45b3653e39507ad28511601e5dcd', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: '477b3000c839ee07d753762fcbb3462f566f0c10', class: "file-chip__info" }, index.h("span", { key: 'fccad97f7665b0db629bbae80bc67de26f71ef7a', class: "file-chip__name", title: this.name }, this.name), index.h("span", { key: '9d549800851e01a9c59408f0b92102de2ccca146', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (index.h("span", { key: '9fb6b7a414ec6650f728f93c19bc657db3e22d65', class: "file-chip__description", role: this.hasError ? "status" : undefined }, this.hasError
             ? this.errorLabel
             : this.loading
                 ? this.loadingLabel
-                : this.description)), hasAction && !this.loading && (index.h("span", { key: '65121a4eeef8e76f7ce39ac66393a2229c27f3fe', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: 'd373ba6284fa1b309af83bf65c5ae54cdceaaecd', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (index.h("swirl-button", { key: '2d7ade06469bf06e52cd5a42a60c944d3c24c7fc', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (index.h("swirl-button", { key: '6d469aed36305753a5f74e7330f41e84a44c1ed4', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
+                : this.description)), hasAction && !this.loading && (index.h("span", { key: '5e77716d1e084ae2cfead29c56016a1414adc3ff', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: 'e0bc49007776fadb8a7fb3ebd36d174c3f7b4525', hideLabel: true, icon: "<swirl-icon-preview></swirl-icon-preview>", label: this.previewButtonLabel, onClick: this.handlePreviewClick, part: "file-chip__preview", variant: "plain" })), this.showDownloadButton && (index.h("swirl-button", { key: 'fb68015e324c79526684d5cc7fcf02a9dc2756c4', hideLabel: true, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.handleDownloadClick, part: "file-chip__download", variant: "plain" })), this.showDeleteButton && (index.h("swirl-button", { key: 'e7cefbe061ea1693460b89c7f197e0ead9f2433b', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.deleteButtonLabel, onClick: this.handleDeleteClick, part: "file-chip__delete", variant: "plain" })))))))));
     }
     static get watchers() { return {
         "type": [{

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
 const swirlFileUploaderCss = () => `.sc-swirl-file-uploader-h{display:block;width:100%}.sc-swirl-file-uploader-h *.sc-swirl-file-uploader{box-sizing:border-box}.file-uploader.sc-swirl-file-uploader{width:100%}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-4);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{cursor:default}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-cta.sc-swirl-file-uploader,.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__drag-drop-label.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-swirl-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__label.sc-swirl-file-uploader{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__description.sc-swirl-file-uploader{display:block;margin-top:var(--s-space-4);margin-bottom:var(--s-space-8);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__description.sc-swirl-file-uploader{margin-top:var(--s-space-2)}}.file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__dropzone-cta.sc-swirl-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-12)}}.file-uploader__input.sc-swirl-file-uploader{display:none}.file-uploader__input.sc-swirl-file-uploader::-webkit-file-upload-button{cursor:pointer}.file-uploader__input.sc-swirl-file-uploader::file-selector-button{cursor:pointer}`;
@@ -39,10 +39,10 @@ const SwirlFileUploader = class {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (index.h(index.Host, { key: '3a51f9d1c5ca2d4ebabe17a280bbad38ec665a6b' }, index.h("div", { key: '69a9123aef701db2e6b6d21c912f95f9639368c2', 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: '7b386c580be39e7c15caf300354ecc1356933092', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: '0514560882b20ce288c5ddf2d18c453c068ada10', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (index.h(index.Host, { key: '13955ae841737e48ba0ccc8952c8207c6429198d' }, index.h("div", { key: '43f3729fdfaac617cf3b1db83f6f028a14c7e02f', 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: '8e99b5faa9d34d67799d10143fb9dc4008cfa7e7', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: 'b3186232265b228ea8dfadefa75c2b1cd1c7bd12', 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: 'dcd1c0da2413ff05cdb6bdc1038e8eaa4cdede8b', 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: 'a056299cd8b9855de3d7d7693877920bab1e7801', 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-audio_7.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaPyuyC2.js');
+var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var utils = require('./utils-UfZG-xPD.js');
 
@@ -34,7 +34,7 @@ const SwirlFileViewerAudio = class {
         this.activate.emit(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '03606dfaae1dda8107b5000fbcb9d63301db5009', class: "file-viewer-audio" }, index.h("audio", { key: '1b75d34fa1e9bf3425ac7e48fc3fe037944c2fb2', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
+        return (index.h(index.Host, { key: '93a588ffaee95bbe1b205b05a10e2f77bb60ef2c', class: "file-viewer-audio" }, index.h("audio", { key: '1283d829f94d25e9e9c9cc9182a4fb4cc00b2e1c', autoplay: this.autoplay, class: "file-viewer-audio__audio", src: this.file, controls: true })));
     }
     get el() { return index.getElement(this); }
 };
@@ -101,7 +101,7 @@ const SwirlFileViewerCsv = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7f79558b4ad0639bd583f978c5ff3572edc1dac3', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (index.h("swirl-inline-error", { key: 'abff8d90f20b5188bfa57242bedf65308c4d2de2', class: "file-viewer-csv__error", message: this.errorMessage })), index.h("div", { key: '19b009b76cc4a3323336afd891d50ce9e92bcb35', class: "file-viewer-csv__csv", tabIndex: 0 }, index.h("table", { key: 'a8c3bd1be42cd554c01084a37fce3f0400b48dd8', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, index.h("tbody", { key: '333c2dd7a3dd68a5638fb1ccac6b93a3b17b1848' }, 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: '6cd23ca9a5841d1fac4cb1ac6d2bb0cd14b69bad', class: "file-viewer-csv__spinner" }, index.h("swirl-spinner", { key: '902fce9af61f430b998f0aebdef24f07373847f2' })))));
+        return (index.h(index.Host, { key: '1fe0b24a60be1462b3f120a4080ded8b1d696ef2', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (index.h("swirl-inline-error", { key: '669fd4e9eccc2700af0731b41d7cb5b488086383', class: "file-viewer-csv__error", message: this.errorMessage })), index.h("div", { key: 'c2426ae9c0c7b9d995f78581fddb2e942f65ec22', class: "file-viewer-csv__csv", tabIndex: 0 }, index.h("table", { key: '8704def2658f3c801e78f7a754e1376091cc7d3a', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, index.h("tbody", { key: '98762df2bf9edac199d805eafa21e37118c4059c' }, 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: 'e62a625c69822f933958b01802e6db188e490e53', class: "file-viewer-csv__spinner" }, index.h("swirl-spinner", { key: 'fd057f89810b643d1b1ef8bbee837ac75ee9e652' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -129,7 +129,7 @@ const SwirlFileViewerFallback = class {
         this.activate.emit(this.el);
     }
     render() {
-        return (index.h(index.Host, { key: '2e370cc3e6ce6eab0c923665adf262f3725ea033', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: 'ca82fb6f3a991485f03ad3943258ea27a2f3a768', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: '54e87b3d9c7c7cb452010ce648023b0f3669e929', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: '9c1d9540b977bf7eafdcb8809651ac98f4ff92e7', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: 'f421bf4fe84325d624db9fce267323c37c69064b', 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: '2962e777af125ac251243605754a35cb9a02ed3c', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: '543b39d13475c9e21232314e9ee9d34c846254ba', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: '30b82182ed65935f66e14a87061f391ba98991d1', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: '3aa57bd63be09954ed5c0ead758f534d2d6d4897', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: '39a1e6108903f5db02152750d3fb71a03620e096', 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); }
 };
@@ -338,7 +338,7 @@ const SwirlFileViewerImage = class {
         const className = index$1.classnames("file-viewer-image", {
             "file-viewer-image--show-watermark": showWatermark,
         });
-        return (index.h(index.Host, { key: 'a8690e963c2709a36832af2d176e0c4c17366fb0', 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: 'aac83fb7ea2aedd3c42ea69798f0dad933ade001', class: "file-viewer-image__error", message: this.errorMessage })), index.h("figure", { key: 'e628b28fed9d2d8a432906d0fd8bd826d1e864bf', class: className }, index.h("span", { key: 'd47af5d9888865b6c1ce2406b084711dea08014f', class: "file-viewer-image__container" }, index.h("img", { key: '88577ca0dc1597ddef0f494d2d434bb283bf5548', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), index.h("span", { key: '52cb0db7d81ca15b1782b9c33cb76b6f3d7c1b25', class: "file-viewer-image__watermark" }, index.h("slot", { key: 'a8f0ac9315c40337a6fa0dd58a200235920e86d8', name: "watermark" }))), this.loading && (index.h("div", { key: 'ec6f2334cbc67842d974522a10b6f4b9e911cd59', class: "file-viewer-image__spinner" }, index.h("swirl-spinner", { key: '140fd2a3576c497d6ddc4c17d372c280c30cb2b6' }))))));
+        return (index.h(index.Host, { key: 'f24e3fc22f41aadf002f509ef973653976acdcb9', 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: '91e8cf2b6576a91216e70a4f5def76bd63890d1a', class: "file-viewer-image__error", message: this.errorMessage })), index.h("figure", { key: '5c5a8c421d1abb419276c0ddbfec90ac71e9d454', class: className }, index.h("span", { key: 'b937e54042af60bb11247bd42a9a4c5e0d6be117', class: "file-viewer-image__container" }, index.h("img", { key: 'f056b3e8574d780a7058ee2a4a794062843bf062', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), index.h("span", { key: 'bb3524a5baf3676fcca91ced6eb4ccf48902b87b', class: "file-viewer-image__watermark" }, index.h("slot", { key: '94d578713fd61a82d282e1c044e60d2d949504c8', name: "watermark" }))), this.loading && (index.h("div", { key: 'b76489f116c4d5b898294ac980022528d20e0e65', class: "file-viewer-image__spinner" }, index.h("swirl-spinner", { key: '6f487ccdcb60aa26d6f55c4285085d7d4adf5d17' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28685,7 +28685,7 @@ const SwirlFileViewerText = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e060b949fa30ecc9d65afa4238e7447a6c9573e4', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (index.h("swirl-inline-error", { key: 'd11fd0040aaeea1b8e190dceeb4105205f6852b5', class: "file-viewer-text__error", message: this.errorMessage })), index.h("pre", { key: '3368647f69931d5a255e015c662c7244e8b6afed', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (index.h("div", { key: 'fc48320a25f2e44944ffae81fe2f6f6edebd7883', class: "file-viewer-text__spinner" }, index.h("swirl-spinner", { key: '144e092f60de017399da4f93ec5da8c77fa5cc68' })))));
+        return (index.h(index.Host, { key: 'e9a4888b7319c6095804ebd09c33b7eb33867a46', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (index.h("swirl-inline-error", { key: 'af0f2230753a1b70994da86abd04aea6c3ab53b8', class: "file-viewer-text__error", message: this.errorMessage })), index.h("pre", { key: '6c04c391fe3e0b736777e2b42348d8a7ddf1970b', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (index.h("div", { key: 'c848f8f1730aa4d77bc93250c194962c9c997daa', class: "file-viewer-text__spinner" }, index.h("swirl-spinner", { key: 'c142072f3cf3d12e8fb0aefb2a690a2e3e5a3d84' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28718,7 +28718,7 @@ const SwirlFileViewerVideo = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '79c5579146bc249d22d8f825afb7a488dd400067', class: "file-viewer-video" }, index.h("video", { key: '79996d8535b3df2416c37e4bec155674ec941876', autoplay: this.autoplay, class: "file-viewer-video__video", src: this.file, controls: true, ref: (el) => (this.videoEl = el) })));
+        return (index.h(index.Host, { key: '789c00a39348bfcade0d1d0870831b078bb79768', class: "file-viewer-video" }, index.h("video", { key: '35c51f75349179bc7b357d002742e7c394c00dc3', 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 {