@getflip/swirl-components 0.523.0 → 0.524.0

package/dist/cjs/swirl-console-layout.cjs.entry.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: '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
+        return (index.h(index.Host, { key: '15d2f52c18697e566c4dd1d3bdb9db576ad0dcec' }, index.h("div", { key: 'c054039010eae676edb7f10aad03fc7fa9a9a8c4', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, index.h("header", { key: '6c9a4c509e903b0e44ac05bacd9430681a64920a', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, index.h("div", { key: 'af1b7fefeac8af4efef4958c7eb730e424752932', class: "console-layout__header" }, index.h("div", { key: 'f5db1d27aefdf046f49dfcef3a1e9a9555ec916b', class: "console-layout__logo" }, index.h("svg", { key: '08f2f49df60a0587d260a3fc2304b7cee5ee3617', 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: '4d6748b153c86e5620c4e4c59ff1dc25b7c11c8e', "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: '970514ed57833a9529f311a5c43467c4daa672c6', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), index.h("nav", { key: '9fb6ab4b03fb2ac61117592059cb32c103024deb', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, index.h("slot", { key: '01a623e3e09bc87b0c602dcd2fa7da423fb07308', name: "navigation" })), index.h("div", { key: '976030dfa1856cc1dea4a5c5ff64fd1ea97d3089', class: "console-layout__user" }, index.h("slot", { key: '3283d6b75520d4abf292c9a5d07e2578e9cb381b', name: "user" }))), index.h("main", { key: 'e12320ffd46285bc10daaa7b782d776697e9ce9d', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, index.h("header", { key: '901d795e7ff7c56da51bd3a7dd2a0407cfa2aa82', class: "console-layout__app-bar console-layout__app-bar--custom" }, index.h("slot", { key: '78d1b2f14e1dd09d5cc2b5783dff3f7e994a73aa', name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), index.h("header", { key: 'ff530c79297f657e646af25aa83578bcaae2fbb8', class: "console-layout__app-bar" }, index.h("span", { key: '65f29c7006a92a8fe924a8e455fa32ad0f28c4db', class: "console-layout__mobile-navigation-button" }, index.h("swirl-button", { key: '7218846d10839b1994da82ccfbc291b415077de4', 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: '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" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), index.h("div", { key: 'fbf0b8ded8f0fa74baa5b2c9acfdcdf9bcf57183', class: "console-layout__app-name" }, this.appName && (index.h("swirl-heading", { key: 'd982f91e9d5beb99082187e40105785c136ee38b', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (index.h("swirl-button", { key: '1d63dc04cb72ba2db7ab055b3d748c59abdc379f', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), index.h("section", { key: 'ef836c5b943a749cdcee7db1a87d5bc16f5e9a27', "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (el) => (this.contentEl = el) }, index.h("div", { key: '36ea5994c2837090daac583ea08623b4c3c0570a', class: "console-layout__content-container" }, !this.hideContentHeader && (index.h("header", { key: '7dfaddb3e368d213faa55567736979710d534742', class: "console-layout__content-header", style: contentStyles }, this.showBackButton && (index.h("swirl-button", { key: 'adc51b4211fa79b094e80604f7d2dab126659019', 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: '05bbbb590b2c1fc0d495fa61c9de4bbaaf89014d', class: "console-layout__heading-container" }, index.h("swirl-heading", { key: '31dc5f25083685e038d1d126cb594695ec20361e', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (index.h("swirl-text", { key: 'e27d210f844ec818be9507e5f492528f575a9969', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (index.h("div", { key: 'dde72801d7baade4b3537cb295fd427b7de8924f', class: "console-layout__heading-container" }, index.h("slot", { key: '444c84c0e8ab0c2794b22e3fbb854ae56c7866eb', name: "heading" }))), index.h("div", { key: 'b13f0da62021e6ae9279b392b8b3c1469f30b771', class: "console-layout__content-header-tools" }, index.h("slot", { key: 'e4020c482ae5c060f62d7a5b3535d43ff8e43955', name: "content-header-tools" })))), index.h("div", { key: '3bef306687d7786801db4a51cc3bc42c3da7040d', class: "console-layout__integration", style: contentStyles }, index.h("slot", { key: 'bb96d82dfceb770864dae5db21d8d4c3ab560089', name: "content" })))), index.h("footer", { key: '50cfb94c33f2eae3823b79a2aba1961287d5129b', class: "console-layout__footer" }, index.h("slot", { key: 'ef963b0a2354e05cb1a7ccbae2db12fe9bfe102e', name: "footer", onSlotchange: this.updateFooterStatus })), index.h("div", { key: 'b4f047c7670949069ad5f2e4b63618d267b66a80', class: "console-layout__overlays" }, index.h("slot", { key: 'd45aacca9d750da73294745eb8a6910e372673dd', name: "overlays" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -29,7 +29,7 @@ const SwirlDataCellStack = class {
         const descriptionId = this.description
             ? `${this.headerId}-description`
             : undefined;
-        return (index.h(index.Host, { key: 'a63550af72a804da74a92ff3d19ac1f1f50bd182' }, index.h("div", { key: '9572b46766eafbee9c9fb2a89eb51034472a269a', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (index.h("header", { key: '40c470271dad53fb0832ceab2fe00ebdc11a0142', class: "data-cell-stack__header", id: this.headerId }, index.h("div", { key: 'befe50fa7b268347646e19d09fe613bd67acbc6f', class: "data-cell-stack__header-content" }, showLabel && (index.h("h3", { key: '36ccea005fbbe06b420da190605d9840335fb96a', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (index.h("p", { key: 'c23bd91b5c01601dac978df88271e0ad99712802', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (index.h("div", { key: '95166c249ac09364f6f1b653bd684d34d510bd01', class: "data-cell-stack__cta" }, index.h("slot", { key: '5dc62a632890360302961907796bd68566311f7a', name: "cta" }))))), index.h("div", { key: 'e560cdef5e3576c32e39fcaebf675122796f2e8f', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, index.h("slot", { key: '3a09feb0f59097e4770318c751fa7095ff5dc9f7', onSlotchange: this.onSlotChange })))));
+        return (index.h(index.Host, { key: '14d6213f21bb5e162342389d3e89501d529e490b' }, index.h("div", { key: '515c84a9eda22a77b9f9b5985412d56dfb6a8e07', class: className, part: "data-cell-stack", role: "group" }, (showLabel || this.description || hasCta) && (index.h("header", { key: '3da984d135c10750099a3d11e79563033da059b9', class: "data-cell-stack__header", id: this.headerId }, index.h("div", { key: 'db3b9a71276d0340dd1d1c58755b1d38cef35ab4', class: "data-cell-stack__header-content" }, showLabel && (index.h("h3", { key: '30da89e037e37a7fa17b66b1e435651de49a0690', class: "data-cell-stack__label", id: labelId }, this.label)), this.description && (index.h("p", { key: '11fb9329d4a82dbb03e145d7ac8c476eec72dfba', class: "data-cell-stack__description", id: descriptionId }, this.description))), hasCta && (index.h("div", { key: '6279ad312fea30a67c6b4994ca6e1affba407216', class: "data-cell-stack__cta" }, index.h("slot", { key: 'e438aa0e938642b99510734ff7aa3a5186fab10c', name: "cta" }))))), index.h("div", { key: '5cc83894daa410486ad4b3a9b264dfb8d5599829', class: "data-cell-stack__cells", role: "list", "aria-labelledby": labelId || undefined, "aria-describedby": descriptionId || undefined }, index.h("slot", { key: '782785d26eeb69614af9d2c9af8a7dbd896361b7', onSlotchange: this.onSlotChange })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-date-input.cjs.entry.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: '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 })))));
+        return (index.h(index.Host, { key: 'b98f4ce502fa59e2ec04c5ed7056b150270e9f37' }, index.h("div", { key: '74351898abc21ab9de0ff9d8fc5e6a48d2e0e5c3', class: className }, index.h("input", { key: 'f065fac3e979f0073ff6749179d8ccb55defd5f2', "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: '750c24d6f3ae3b13725e12b67679261d0104364e', swirlPopover: `popover-${this.id}` }, index.h("button", { key: '076d164200a3284e17dca26df53b3b2acd4b2cb1', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, index.h("swirl-icon-today", { key: 'a72bdb92c6e765c3ed8e667ffec31fde4032883b', size: this.iconSize }))))), !(this.disabled || this.readonly) && (index.h("swirl-popover", { key: '47a15f43d41278c108fd71fe84054f58efed7a88', 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: 'b7d73a9fc73c17e8ccdd56afe75633881d590380', 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

@@ -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: '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 })));
+        return (index.h(index.Host, { key: '9110b47b52b8b09309df55d6ca01cce8bcd17ee3', onClick: this.onClick }, index.h("wc-datepicker", { key: '00457e3ed4f00be2e9c95ee13d85ee7c9be33d46', 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: 'f2de86d8d39a2906521e4c09f6be9fdecb706bfa', "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: '0eba0c19e6fd66c32a458b5e6d4ee12d5151874c' }, this.label), this.size === 16 && (index.h(index.Fragment, { key: '67f8fbaced4ed59ab8fafb78b10f7d67ff455429' }, index.h("path", { key: '78e1d9c38727094000b430f19f997e952a5df617', 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: '8aae5bd72ee9fd39b53b5cadda740e5fb1003959' }, index.h("path", { key: '7245179aea4cd51805d4a30f7f115e95238870dc', 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: 'bad929b0b195b3467debbffe3f3e2c37f3bdcdbc' }, index.h("path", { key: 'fa39054cc95555e87d785eed9c9d02a93d1fadd7', 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: '5a2b002e8fbf72ab8c8b795ca7024103ac02892c', "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: '1a13fe82028fd389013fb4b8fd3fed27338342ae' }, this.label), this.size === 16 && (index.h(index.Fragment, { key: '9e2cb12b245ad4f01b19765c2964118ea77379db' }, index.h("path", { key: 'd18c21036690fcbf784082508db44523c65093eb', 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: '01bbe9cc99896e2d924d6c6bef2280f6b71edfac' }, index.h("path", { key: '40997fe11d772932ad589debe8e55c769829b631', 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: 'f0133c968b74408e5907b113eef8042f575e787e' }, index.h("path", { key: '635a629faee915d26b9f3164c416956c729bef94', 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

@@ -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: '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" })))));
+        return (index.h(index.Host, { key: '7320af95feb4393029f216132e6928ae9f82a581', role: "listitem" }, index.h("div", { key: 'ca9294165c821d87cd5dd3ed397856bb753d1dee', class: className, part: "description-list-item", role: "group" }, index.h("div", { key: '5b1dcfc4655cc911d8a39134b1d8e7ea3cd5f9ff', class: "description-list-item__inner" }, index.h("div", { key: 'f4ef2483f13fef96ee004644b70fac0269c7dcca', class: "description-list-item__text-container" }, index.h("div", { key: '541fca3f3f4ac3c6550bc5eabbd921e57e874142', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (index.h("span", { key: '7c9b08aa6c245e45ca4f2f568f30b772967df424', class: "description-list-item__tooltip" }, index.h("swirl-tooltip", { key: '46a7f9afe0b7a4ade744ae32a4ccead5bacb3003', content: this.tooltip, position: "right" }, index.h("swirl-icon-info", { key: '3d69a75ce4cf351cd8030dc8fa25c9d403ca6f78', size: 16, tabIndex: 0 }))))), index.h("div", { key: 'a2542ab30113ae4706031503fd86cbcebd96593d', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, index.h("slot", { key: '8b243805edfbefbfa6f1d06d89c9cc9adfbc75b9' }))), index.h("div", { key: 'fda5cfb8009b85386286a1e60e8fffa58ca7f894', class: "description-list-item__tools" }, index.h("slot", { key: '6d2a8ae00abe6ab13bfcdc97a732fd1e54d235a8', name: "tools" }))), index.h("div", { key: 'aabb2eabf0f71e8049b3fdde48a6a4b7bcf8e219', class: "description-list-item__additional-content" }, index.h("slot", { key: '4d4dcc24ea3988eb619b349381f93194e42a37df', name: "additional-content" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -9,7 +9,7 @@ const SwirlDescriptionList = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '869980c3e724bcb6171c83d5b1779feb210f48bc' }, index.h("div", { key: '3e055083bd26561f6946d893ff5caa36af4158cc', class: "description-list", role: "list" }, index.h("slot", { key: '9e39c3b9d0268fe1ff90772c6dc098e95bccf400' }))));
+        return (index.h(index.Host, { key: 'f343afcbac75a18e8649bdc56cace594bb32fad6' }, index.h("div", { key: 'd088799675f0ab6c422831fe2baa47fbdeb81d37', class: "description-list", role: "list" }, index.h("slot", { key: '640d7da6662aec8f6a98b03af6b68b608c09374b' }))));
     }
 };
 SwirlDescriptionList.style = swirlDescriptionListCss();

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

@@ -4,7 +4,7 @@ var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var index_esm = require('./index.esm-D5HbQDBa.js');
 
-const swirlDialogCss = () => `:host{display:block}:host *{box-sizing:border-box}.dialog{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0;border:none;padding:0;width:auto;background:transparent;max-width:none;max-height:none;overflow:visible}.dialog::backdrop{display:none}.dialog:not([open]){display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing{animation:0.15s dialog-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-16);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{width:25rem;border-radius:var(--s-border-radius-base)}}@media (min-width: 992px){.dialog__body{text-align:start}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog--large .dialog__body{width:35rem }}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);padding-right:var(--s-space-8);padding-left:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg);min-width:0;max-width:100%;overflow-wrap:break-word}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-20);padding-right:var(--s-space-8);padding-left:var(--s-space-8);line-height:var(--s-line-height-base);overflow-wrap:break-word}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@media (min-width: 992px){.dialog__content{margin-bottom:var(--s-space-24)}}.dialog__controls{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--s-space-8);min-width:0;width:100%}@media (min-width: 992px){.dialog__controls{flex-wrap:nowrap;justify-content:flex-end}}.dialog__actions{min-width:0;max-width:100%;width:100%}@media (min-width: 992px){.dialog__actions{width:auto}}.dialog__actions--vertical{width:100%}.dialog__actions:not(.dialog__actions--vertical)>swirl-button{flex:1;min-width:0;max-width:100%}@media (min-width: 992px){.dialog__actions:not(.dialog__actions--vertical)>swirl-button{flex:initial;min-width:0;max-width:100%}}.dialog__left_controls{display:flex;align-items:center;flex-grow:1;padding-left:var(--s-space-8);width:100%;min-width:0}@media (min-width: 992px){.dialog__left_controls{width:auto}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}`;
+const swirlDialogCss = () => `:host{display:block}:host *{box-sizing:border-box}.dialog{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0;border:none;padding:0;width:auto;background:transparent;max-width:none;max-height:none;overflow:visible}.dialog::backdrop{display:none}.dialog:not([open]){display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing .dialog__backdrop,.dialog--closing .dialog__body{animation:0.15s dialog-fade-out forwards}@media (prefers-reduced-motion){.dialog--closing .dialog__backdrop,.dialog--closing .dialog__body{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{position:relative;z-index:var(--s-z-40);overflow:hidden;width:18.5rem;border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{width:25rem;border-radius:var(--s-border-radius-base)}}@media (min-width: 992px){.dialog__body{text-align:start}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog--large .dialog__body{width:35rem }}.dialog__scroll-container{overflow-x:hidden;overflow-y:auto;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-16)}.dialog--translucent .dialog__body{background-color:transparent;outline:var(--s-border-width-default) solid     var(--s-border-translucent-outline)}.dialog--translucent .dialog__body::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));border-radius:inherit}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);padding-right:var(--s-space-8);padding-left:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg);min-width:0;max-width:100%;overflow-wrap:break-word}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-20);padding-right:var(--s-space-8);padding-left:var(--s-space-8);line-height:var(--s-line-height-base);overflow-wrap:break-word}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@media (min-width: 992px){.dialog__content{margin-bottom:var(--s-space-24)}}.dialog__controls{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--s-space-8);min-width:0;width:100%}@media (min-width: 992px){.dialog__controls{flex-wrap:nowrap;justify-content:flex-end}}.dialog__actions{min-width:0;max-width:100%;width:100%}@media (min-width: 992px){.dialog__actions{width:auto}}.dialog__actions--vertical{width:100%}.dialog__actions:not(.dialog__actions--vertical)>swirl-button{flex:1;min-width:0;max-width:100%}@media (min-width: 992px){.dialog__actions:not(.dialog__actions--vertical)>swirl-button{flex:initial;min-width:0;max-width:100%}}.dialog__left_controls{display:flex;align-items:center;flex-grow:1;padding-left:var(--s-space-8);width:100%;min-width:0}@media (min-width: 992px){.dialog__left_controls{width:auto}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}`;
 
 const SwirlDialog = class {
     constructor(hostRef) {
@@ -123,13 +123,14 @@ const SwirlDialog = class {
         const className = index$1.classnames("dialog", {
             "dialog--closing": this.closing,
             "dialog--large": this.size === "large",
+            "dialog--translucent": this.translucent,
         });
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
         const hasSecondaryAction = Boolean(this.secondaryActionLabel);
         const hasPrimaryAction = Boolean(this.primaryActionLabel);
-        return (index.h(index.Host, { key: '2ff7c17526447b3e5202d7128de47d5be8312c02' }, index.h("dialog", { key: '24b495afab07cfb8ff2a40706b8683da24b76e48', "aria-describedby": "content", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (el) => (this.dialogEl = el) }, index.h("div", { key: '3213719b4faa46783b0c84483857da7afb3fb09d', class: "dialog__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '41b78e85bbac0a0c171c839a524ac014ef2317c8', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (index.h("h2", { key: 'e7d179e2cb4ce29ab61f7fd59737bc5cdeb50f07', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), index.h("div", { key: '9c261f77810418494008a37a37e459642b62da09', class: "dialog__content", part: "dialog__content", id: "content" }, index.h("slot", { key: 'cc7600a9fa5f17977dec32e418b61bc086d17ee3' })), index.h("div", { key: '5977a899f3ba081350c1066378c67169b37667ce', class: "dialog__controls" }, hasLeftControls && (index.h("div", { key: 'c9a14cd1b178b4de77f638f08cff07c879d60314', class: "dialog__left_controls" }, index.h("slot", { key: 'eb8b0fc4ac782d2c92cdeb136fab325e0b8d1dd0', name: "left-controls" }))), (hasSecondaryAction || hasPrimaryAction) && (index.h("swirl-button-group", { key: '544c55b8c6f19863bdb6578f963e5e7ca187e0fc', class: index$1.classnames("dialog__actions", {
+        return (index.h(index.Host, { key: '46ecd7ba8a63b90954e3d30219141ffe72cda366' }, index.h("dialog", { key: '75ba8a4d55cf342b1979cb2a35db3dd4ecae8c05', "aria-describedby": "content", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, role: "alertdialog", ref: (el) => (this.dialogEl = el) }, index.h("div", { key: 'da662c46fc3b6909d1b45dec40f6c6b02d3a5432', class: "dialog__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'be81d70f3a7ad70ec86e63d50f54bec7df48b020', class: "dialog__body", part: "dialog__body", role: "document" }, index.h("div", { key: 'ccb6ccc7d9c90d2d34b7802524017e89b96ab3c9', class: "dialog__scroll-container", part: "dialog__scroll-container" }, !this.hideLabel && (index.h("h2", { key: '331fe79b0998e6d1986417438eab8356977796de', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), index.h("div", { key: '468905afe6decce42e8992b7cac3613917962af5', class: "dialog__content", part: "dialog__content", id: "content" }, index.h("slot", { key: '8ec984a1fb6a5d332713ae7a9760a924db849f59' })), index.h("div", { key: '0f79b849d165cfd0f13e14fc7051f8c33fecadb6', class: "dialog__controls" }, hasLeftControls && (index.h("div", { key: 'c219cbbcc7b063189690dc3f06553bab7d8a8287', class: "dialog__left_controls" }, index.h("slot", { key: 'c08a9d3bbc93aea9d4b4bb1918da82fbdba5c223', name: "left-controls" }))), (hasSecondaryAction || hasPrimaryAction) && (index.h("swirl-button-group", { key: '46992e1b75a711ea841650d7751e1fe696860002', class: index$1.classnames("dialog__actions", {
                 "dialog__actions--vertical": this.actionsOrientation === "vertical",
-            }), orientation: this.actionsOrientation, stretch: this.actionsOrientation === "vertical" }, hasSecondaryAction && (index.h("swirl-button", { key: '5540815437ff767f9c4c8c92d121afe62ec51736', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), hasPrimaryAction && (index.h("swirl-button", { key: '56491686563a7848c6c2b112b5194971ed3ed9e2', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            }), orientation: this.actionsOrientation, stretch: this.actionsOrientation === "vertical" }, hasSecondaryAction && (index.h("swirl-button", { key: 'e49c5a3414d01d9ab7c07b309e69121c17c8d1c5', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), hasPrimaryAction && (index.h("swirl-button", { key: '00132e15409fdaf3e2b45a613d250ae3751b2348', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -13,7 +13,7 @@ const SwirlEmojiClap = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        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" }))));
+        return (index.h(index.Fragment, { key: '92649c9101813a3fbdf0ee0356f3976173a14a09' }, this.size === 12 && (index.h("img", { key: 'deb8e211f35a7a9c5cefa1251a505a5167923a05', alt: this.label, class: className, height: "12", src: "emojis/Clap12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'bb2779329cfe0c67af362ee8449e165840f233f7', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'd14b8b5a5f74ba2536b4547153a4b6ccae80f1c2', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '372171bb6e76a667a5cabd5b527fda06087daf16', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '2135761182a518644ca45c0c85a89a1b61e74bdc', 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

@@ -13,7 +13,7 @@ const SwirlEmojiHappy = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        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" }))));
+        return (index.h(index.Fragment, { key: 'b3dd1b1071a54c35d255f5162553c0d2c610285a' }, this.size === 12 && (index.h("img", { key: '9cfc247200cbb34680166ae8f5cf0eec0c8c28f6', alt: this.label, class: className, height: "12", src: "emojis/Happy12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'd9a1977a180a1b7f26ea34ae3362f5ccac215d5f', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '93a4a37477c0da426098ea6452952c3a2c5ee182', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '3437cf54aa560562e55c6a7179884062d8a2d44c', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '38a9989ce6e930e89635d4cc13b36ed32892c955', 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

@@ -13,7 +13,7 @@ const SwirlEmojiIdea = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        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" }))));
+        return (index.h(index.Fragment, { key: '1bfc548c71f909e32e1ae38cd24abc22e548f2be' }, this.size === 12 && (index.h("img", { key: 'ff663fc3582afc614e07bcd2b5229b945b5a30d6', alt: this.label, class: className, height: "12", src: "emojis/Idea12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '4d1837bb3c58b8ba10ed26ce6142b6c8fa2eb54e', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'bcb3cc740fe536f79e9908ba325c77659290a8ac', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'ce41322259121ca9ccf986c8c74257df37155a7e', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'df780a9cf644cfb43e0fb1ad1f7432b1b0539a79', 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

@@ -13,7 +13,7 @@ const SwirlEmojiLove = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        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" }))));
+        return (index.h(index.Fragment, { key: '09d0e75ba81401110070a6235e73b69a10cc9722' }, this.size === 12 && (index.h("img", { key: '7fd2166277cef666b5adaea710f5c9efe0230f70', alt: this.label, class: className, height: "12", src: "emojis/Love12.png", width: "12" })), this.size === 16 && (index.h("img", { key: '7b622b06b4b92567627fe648023b4cba2240d648', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (index.h("img", { key: 'c07c2b69710291f219d33b0ea95181024115bc87', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (index.h("img", { key: '2ea22e12c46ee678027850729d116f02d790e4c3', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (index.h("img", { key: '1b2696387fffdb96705851e984a3b3c5597614d1', 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

@@ -13,7 +13,7 @@ const SwirlEmojiSad = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        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" }))));
+        return (index.h(index.Fragment, { key: '68fe396c6f3bd30532dfb8d79edd9143e9540b8e' }, this.size === 12 && (index.h("img", { key: 'a77633b15e2e59576477b6f3c19b6ce62d7564cf', alt: this.label, class: className, height: "12", src: "emojis/Sad12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'b674cac80e397c2943b54cf087460b501128abbe', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '9b9ed5e1a2d0769e06bc8426f22c1b2592042fde', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'cea88ffddc5668e6baf7d8f8cf547a9f2748111a', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'f3b8a7dcd29bedc41aad479b4607ee14c3261094', 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

@@ -13,7 +13,7 @@ const SwirlEmojiThumbsUp = class {
     }
     render() {
         const className = index$1.classnames("emoji", `emoji--size-${this.size}`);
-        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" }))));
+        return (index.h(index.Fragment, { key: '382b550d8d1edc1ad363352c8204a73f37a4873c' }, this.size === 12 && (index.h("img", { key: 'd6b1f53c6d25ebb55c2fdc780ffa37d43216e387', alt: this.label, class: className, height: "12", src: "emojis/ThumbsUp12.png", width: "12" })), this.size === 16 && (index.h("img", { key: 'a78c37d28918409fea8a711f6cc3ca99da0b01d8', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (index.h("img", { key: '67bdd5ad5c28156121fd0242c49bf722f064dcce', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (index.h("img", { key: 'dadf39ea757a6666b3a20c97a473e28ce3622f84', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (index.h("img", { key: 'e7b9d2eafdecfae93debf96cecda5c9a85bcf4c9', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
 };
 SwirlEmojiThumbsUp.style = swirlEmojiCss();

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

@@ -12,7 +12,7 @@ const SwirlEmoji = class {
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (index.h(index.Host, { key: '785d1996969fb1d76ff1af92c9080abe7cf0499c' }, index.h(Tag, { key: 'e3fd1d576d501ce2588597438a067681d5b98c92', label: this.label, size: this.size })));
+        return (index.h(index.Host, { key: '17bcc778dc10da431c3b875ae161612e1911be12' }, index.h(Tag, { key: '8828ee270a24a4ec8446356e5d7406ad83fe5d6d', label: this.label, size: this.size })));
     }
 };
 SwirlEmoji.style = swirlEmojiCss();

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

@@ -17,7 +17,7 @@ const SwirlEmptyState = class {
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        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" }))))));
+        return (index.h(index.Host, { key: '4111767153b382bdf79c3d7e2f1a647866d631d9' }, index.h("div", { key: '2b1adec6d77d936ca057e2615ed86f05174f8376', class: className }, this.illustration && !hasSlottedIllustration && (index.h("img", { key: 'f7e59cf3d0cc04f642ed5cf26001ec504c103a25', alt: "", class: "empty-state__illustration", src: this.illustration })), index.h("div", { key: '8d5bc1c6ae64afdd538fc32960eb021fe4fd9f07', class: "empty-state__slotted-illustration" }, index.h("slot", { key: '7fce2916093c9d6724f3a61e6a3e2c8b53d4ade4', name: "illustration" })), index.h("div", { key: '0ce64cb6361cf50063451a4d471100819409dcd1', class: "empty-state__body" }, index.h("swirl-stack", { key: '5638173b9f51cf1b1004d3b8622f7d9e048c43f4', align: "stretch", spacing: "8" }, this.heading && (index.h("swirl-heading", { key: 'e76ba2022dd69f0f0c2cbcf0b499510adf8846f3', align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading })), index.h("div", { key: '2f7d1bd011606f4075d2bac355c85c4ec9962105', class: "empty-state__content" }, index.h("swirl-text", { key: 'a991d1eee288047e507ccf6095cd9ec9f7fd7433', align: "center", color: "subdued" }, index.h("slot", { key: '3e5df43ff537ed9d43df4d85a7ff831efedfe68b' })))), index.h("div", { key: '06f9c1101c549894aeb8c9f24d65e0cad713e326', class: "empty-state__controls" }, index.h("slot", { key: '8532d6b9cc9a0c2c06438edcc81b987ca30b9397', name: "controls" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -118,11 +118,11 @@ const SwirlFileChip = class {
             "file-chip--no-actions": !hasAction,
             "file-chip--no-suffix": noSuffix,
         });
-        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
+        return (index.h(index.Host, { key: 'd631299e23398127c4a5cb28c09ab022bff9cf2a' }, index.h("span", { key: '143efc8eb4fbd33d6530c94281f471793cafb452', "aria-label": this.name, class: className, onClick: this.handleClick, role: "group" }, index.h("span", { key: 'f9c9aff40dc1b65c8a96f418331ee0aef025d9a6', class: "file-chip__icon" }, this.getFileIcon()), index.h("span", { key: 'e1ad46b9ac9e04d3276a71f73753440674f0ab6d', class: "file-chip__info" }, index.h("span", { key: 'b57490dd81441885311afb35988bcd729a484ccf', class: "file-chip__name", title: this.name }, this.name), index.h("span", { key: '9c18103e0a31b19540b5ade68ca409c5410848be', class: "file-chip__suffix" }, (this.description || this.loading || this.hasError) && (index.h("span", { key: '1c323b218ef257d7815e12d8d560d437f0c101c6', 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: '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" })))))))));
+                : this.description)), hasAction && !this.loading && (index.h("span", { key: '9dc98c3dd57d0ec7a67595e9b9ffa6c1d29b7e2e', class: "file-chip__actions" }, this.showPreviewButton && (index.h("swirl-button", { key: 'a8c0ae63cba2004e8bd49fad8136b0846c896dbf', 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: '92795410eb112a8342b800db9e8b46b24f60e180', 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: '7c311dc0b31fc75caee0d4c1aac48ba9bb0924b6', 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

@@ -39,10 +39,10 @@ const SwirlFileUploader = class {
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-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 ? ([
+        return (index.h(index.Host, { key: '103ba24a720f0e27f12f378c72a4a4ff48dba49a' }, index.h("div", { key: 'acd1c637ac10fbf1d110847f96e55b89a6671a2f', 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: '99ca21b4d4f84c9c8d338c7021ce4c938a243ef1', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), index.h("div", { key: '620b95c6885a92a63a0191827e89495d732998ba', 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: '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" })))));
+        ]) : (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: '221e4492ff6c3b8a3eef9a248e4c7e4a82056ae2', 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

@@ -34,7 +34,7 @@ const SwirlFileViewerAudio = class {
         this.activate.emit(this.el);
     }
     render() {
-        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 })));
+        return (index.h(index.Host, { key: 'b28ff375bec02dd769b8cedd01be3b1d0f54f41a', class: "file-viewer-audio" }, index.h("audio", { key: 'daef390dcdf35f7aae404a64e3183f4f51945e8b', 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: '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' })))));
+        return (index.h(index.Host, { key: 'e79eeb9e530db9b0a35ba9f3066257e4fc4c0179', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (index.h("swirl-inline-error", { key: '53d4262e3ee482e490b8c00d90e8534e74a9631c', class: "file-viewer-csv__error", message: this.errorMessage })), index.h("div", { key: '98d7b655697a53241dc3a851dcbccfff89449cc8', class: "file-viewer-csv__csv", tabIndex: 0 }, index.h("table", { key: 'a2fe81338788183c6dd1eb7d08737e3ed068cc4f', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, index.h("tbody", { key: 'f50e4d83d6de40802a246f5bd51b328354795f1d' }, 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: '805975bf4e6616e5783ea2d32a55dbe2783088aa', class: "file-viewer-csv__spinner" }, index.h("swirl-spinner", { key: 'e9396e5e9768881fddd96854932e3c6ca2207312' })))));
     }
     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: '6510dfed91dd38aba83b7d3e4fc964dd18a7607d', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: '82d3a8c29f3d99ac678bfaf28c50162c5a171257', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: '74d43146dac36f43711aaaa2cc16127f2581b21b', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: '4b49eda5fb7f4710831afd73b4abd4a1a80486dc', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: '167bf56805f815311ed66e6fdad15d19fe88518e', 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: '780fa4988853cf1cc0b95fc3b3849fa8541fed13', class: "file-viewer-fallback" }, index.h("swirl-stack", { key: '877679ae99d4a09a6ac62de4ecdc3991eb0e5c13', align: "center", height: "100%", justify: "center", spacing: "16" }, index.h("swirl-icon-file", { key: 'c8727dc356c73933bba511156d55bc04cb148949', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (index.h("swirl-text", { key: '43eace04c47e3ba4f53ed5fe834ad008c91e3603', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (index.h("swirl-button", { key: '165bf24af24bbdcd854601f28847ae3f395f607d', 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: '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' }))))));
+        return (index.h(index.Host, { key: 'c693405eee5e8e19e74f2d80a0248863a01d251d', 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: '034556e8d985e876a883b94417bbc54244b6c922', class: "file-viewer-image__error", message: this.errorMessage })), index.h("figure", { key: '5acd21f23bf867f1fc14ace7f57e890e48505d81', class: className }, index.h("span", { key: '0de256016ab55c55243bb2714ce8e1382e119048', class: "file-viewer-image__container" }, index.h("img", { key: 'c66e7b3caf514b65fd14aa74bb89730a2d29c77a', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), index.h("span", { key: '2151ddc87c435b02f187006aab64a18a1ce9cc30', class: "file-viewer-image__watermark" }, index.h("slot", { key: '08d50067d73967f51a30b69d3d112e661c55f329', name: "watermark" }))), this.loading && (index.h("div", { key: '0bf377ba331900eb2c0538788aa33e8dbd436486', class: "file-viewer-image__spinner" }, index.h("swirl-spinner", { key: '2e35340dc7fdd6f77fe2886ba25251c81df1a664' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28626,7 +28626,7 @@ const SwirlFileViewerPdf = class {
         const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
         const showSpinner = this.loading;
         const className = index$1.classnames("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
-        return (index.h(index.Host, { key: 'f49b60669ab3c6e0386e1fce5b3068bf74823689', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (index.h("swirl-inline-error", { key: 'fb3e14772d3a1103b63ff328ec229262b5af29d7', class: "file-viewer-pdf__error", message: this.errorMessage })), index.h("div", { key: '29a4b08bad78f091f2c4673b627383938e63c1e7', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
+        return (index.h(index.Host, { key: '4ddc65d65e568f2b9a671e85d74ccae8f12e38ba', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (index.h("swirl-inline-error", { key: '0d74065cc7946a683d4d314db1b94a6d096eaff0', class: "file-viewer-pdf__error", message: this.errorMessage })), index.h("div", { key: '75bc1eabede54634872a26fd37cc240193b70beb', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
             const viewport = page.getViewport({
                 scale: this.getScale(page),
             });
@@ -28640,7 +28640,7 @@ const SwirlFileViewerPdf = class {
                     width: `${width}px`,
                     height: `${height}px`,
                 }, tabIndex: 0 }, !rendered && (index.h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), index.h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), index.h("div", { class: "file-viewer-pdf__text-container" }), index.h("div", { class: "file-viewer-pdf__annotation-container" })));
-        })), showPagination && (index.h("span", { key: '49d70e693729a790af9db3654ad949a3fff85e89', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, index.h("span", { key: '99e7ddca180b7e0f7dd9c6878ad56a03233dd7f5', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (index.h("div", { key: '7b372877dd222d213a298031b1713a65ecc23b2a', class: "file-viewer-pdf__spinner" }, index.h("swirl-spinner", { key: '9fa2a744e4e78bc822a8fcd9154c912222db9c7e' })))));
+        })), showPagination && (index.h("span", { key: '4fdff5808580649526bead7b37fe9f4b051d4e8d', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, index.h("span", { key: 'e83cbc96700c427ed7a1072aeb1b552153f9c5b7', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (index.h("div", { key: '3cf657ab9eb530b3d888cecedadf8187f7eaff58', class: "file-viewer-pdf__spinner" }, index.h("swirl-spinner", { key: 'eb5b86cb3017ccea0787f8c377cdcd66b0d296ea' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28685,7 +28685,7 @@ const SwirlFileViewerText = class {
         }
     }
     render() {
-        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' })))));
+        return (index.h(index.Host, { key: '08be429e340838f8e465384eb5c07d016f9f7165', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (index.h("swirl-inline-error", { key: '979f4a2de111c4fdf6769295c21758239f54b124', class: "file-viewer-text__error", message: this.errorMessage })), index.h("pre", { key: '59bc0050631b94b52bfa17c93ef12bf9ea128c4e', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (index.h("div", { key: 'a1417fd763034214796d994c3815e2938d3befdf', class: "file-viewer-text__spinner" }, index.h("swirl-spinner", { key: 'e29a85f910e3571afd74ed68b72b954b9f3c2ccc' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -28777,7 +28777,7 @@ const SwirlFileViewerVideo = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '726db283f43dd2194cb5475660a34991feb14d4a', class: "file-viewer-video" }, index.h("video", { key: 'f8b50e993d308c472a433242519c3028734309f1', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onKeyDown: this.onKeyDown, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onSeeking: this.onNativeSeeking, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
+        return (index.h(index.Host, { key: '73273d4940f1d06c60bf9a70c3cab5b445bbb937', class: "file-viewer-video" }, index.h("video", { key: 'b9c35c2a017b6803dbbaaef3f8a3967377258cf9', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, onEnded: this.onNativeEnded, onKeyDown: this.onKeyDown, onPause: this.onNativePause, onPlay: this.onNativePlay, onRateChange: this.onNativeRateChange, onSeeked: this.onNativeSeeked, onSeeking: this.onNativeSeeking, onTimeUpdate: this.onNativeTimeUpdate, src: this.file, ref: (el) => (this.videoEl = el) })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {