npm - @getflip/swirl-components - Versions diffs - 0.310.0 → 0.312.0 - Mend

@getflip/swirl-components 0.310.0 → 0.312.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1776) hide show

package/dist/components/swirl-modal.js CHANGED Viewed

@@ -184,21 +184,21 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
         });
-        return (h(Host, { key: 'e4b904c5de1d433b840fb64727a08178848f75f5' }, h("section", { key: '30c98f7b651b90bd8319e82a7191b0a383f8c61c', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'ecbd0ebe5eeb0c5a082aa30e6f8c2d7824025cbf', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '8448c7466f72d55f33d3fbdd088e01ada1c324eb', class: "modal__body", style: {
+        return (h(Host, { key: '489e6f51113342c2bd3df6952f6cb624f96a5752' }, h("section", { key: '052d8e44f60607b98a0c44a8cf5b2b5d0769ed4e', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '412f3ba042f44340e27d29635df3c0bb7b546ab3', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'd50c04d55d1776c3abc92754508264c75e4153bf', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("header", { key: '0b4db998e9c282a6ec5931913462116108432342', class: "modal__custom-header" }, h("slot", { key: '9d95bf13fd48127c858205af9946e175f3115879', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '994ed51f38c73aa53ad537bac2ccd1ff868e86a0', class: "modal__header" }, h("div", { key: 'a443b3ddbef99e51169b86c43d786995af83b52f', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'acff63afa51c491f86561864aea7fbb5fe089343', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, h("header", { key: 'e4565be23a59443f9c96d4059f4da68e0eeae8a7', class: "modal__custom-header" }, h("slot", { key: 'd6eec7880f41b72574eefe0fcee99147e2b7c02f', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '93dbd08e5069064270c5765b7d8832a534a63685', class: "modal__header" }, h("div", { key: '18a11e0d9078daafc08d06e9ebce86781442dc84', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '85e45fac1cda1bceeeb37c6c18834ebc84fbf854', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '59a64d7b2f2aa54b9d0230958c793532abad603f', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '954d2bc88e8389322c0aba1c8a101b76c7cabf7f', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '73304efa624ecdf6536fd084d8cfe7445a88d04b', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '896b4e3a5ceec854b264d6f780b7d1e592a72a29', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'f640f19003b4e66dbadb86a91fd9ac86506bcd86', class: "modal__primary-content", style: {
+            } }, h("div", { key: '7ecfec7fa0b1c8fedd5d4dc3aa74f4e6413aa6c4', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '31b768eb74d195a65ed7c868a9e39cdbd17e82a6', class: "modal__header-tools" }, h("slot", { key: '2bd16893553f7dcd127375b750b9d74734ace0be', name: "header-tools" })), h("div", { key: '106dbc19af36baf68d47cf7f729de4f8d2098ee2', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '388d04d7e8eceaa2a4089e856b01f331818a4ab0' }))), h("div", { key: 'b0a3de605ddfbf562d764dfe023605a847637391', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '2807d370099a4311012e4d7a4ab6047aa1d4ad84', class: "modal__header-tools" }, h("slot", { key: '67e63aa64416e028fce9457b8d94f756b8550727', name: "header-tools" })), h("div", { key: '8e0b2301c72bf8f9404800187c2076904a405253', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '125a1753f5191201728b40ef846e29d4ed53631b' }))), h("div", { key: '8a0d01f693d63dcac146f30ac3c6690fb35aad44', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -216,7 +216,7 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '30c91d39ae2f0eba20b0e85e5f3e9acfcd6c6644', name: "secondary-content" }))), h("div", { key: 'a00c5ded240bf0a24838edd0639e314da9ea7b56', class: "modal__custom-footer" }, h("slot", { key: 'fc3baad0a518ae59123e50b51b18731336a72c60', name: "custom-footer" })), showControls && (h("footer", { key: 'a27898f4786535bde51bcf1123f6f52ba957501f', class: "modal__controls" }, h("swirl-button-group", { key: '4ea1bb00e50ba74ec51abfeefd48a1cafc199597', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '291b4b24e0dd7d018d65ded6b26984a653a3459b', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '9dd9ac2bba231d743f43e06acd65fde2b6536c9e', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, h("slot", { key: 'eb019f455144b468f9d6c409a297981bd4823d50', name: "secondary-content" }))), h("div", { key: '5d9ee4d9c20182b4f7f327ca6526632ea7c93382', class: "modal__custom-footer" }, h("slot", { key: 'b586fad0746334c818784b5a6e37bdd70838b12c', name: "custom-footer" })), showControls && (h("footer", { key: '2c11ab500412841d0356e952de246c12163e3c04', class: "modal__controls" }, h("swirl-button-group", { key: 'e813aadf4314368b8e6153a346e8a0934101245e', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '9a31c1969a6a276809f0e3eb907761def71f8464', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '3f5883b9d453cb2d8b47bbf34797aaef72e0bff8', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     get el() { return this; }
     static get style() { return SwirlModalStyle0; }

package/dist/components/swirl-option-list-item2.js CHANGED Viewed

@@ -78,9 +78,9 @@ const SwirlOptionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlOptionLi
             "option-list-item--selected": this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: 'aa6459a40199790e3bddecba69d1e5d9f061bb6d' }, h("div", { key: 'c712ffd5735fd825a15aff7e55311becc58e1be1', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'b2492b2d478e6435a97f7fa4c2657ebb852e8c0d' }, h("div", { key: '6a091e0500dd92613309bdb88d3bff6f07cfdc68', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '5ffe6d1fbb8ab017b13eada50e7c611d05a54826', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '0642adc4e24a52d2a6534ad75a165c0e5ed053f5', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '1dda74d7e61f530203df6da370f0f71ddd049f38', class: "option-list-item__checkbox" }, h("span", { key: 'b1001ec466d5430dfe2ffde4732659a0bfe14603', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '4da1fee4b16cd040c9e406800a0539ca5af8ff2a', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: '4cd3df4fb4974823d88402678a981f04c71fb1e8', class: "option-list-item__avatar" }, h("slot", { key: 'f40aebeebc51fab3c8416ee67a89da2aad4e27bb', name: "avatar" })), h("span", { key: '73ef459d90aa3b8ba9953107f9319d6e37bd3708', class: "option-list-item__label-container" }, h("span", { key: '25bb6967e054578d1dd66909e4f8d3f0c7b3968b', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: 'a71b0a5a2cbb1d6aa0e58df87a101bc47b8b91ef', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '1ecb6a973c15d331e9420a49ad6d129e915f2840', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '4acf7dd1dcde840cfde3df427deb49f75a927dae', size: this.iconSize })))), this.allowDrag && (h("button", { key: '2200f4b819bb408abb1b0f084813f4613eaa514b', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: '326901f79fda92eea89251b8e0d22c9273f04395', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '09c09dc002f9bfc69697d51f8f4dd639d497353d', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '27f2b44a6df768bc9907663f38072325f0aa52ce', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '513a2da62cbce54fff1cee3710a3bf7a48ce9dfd', class: "option-list-item__checkbox" }, h("span", { key: 'e0a3e8e765ed079bedbfb321ab61bfb50932f459', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '684b13d9ddf7ffca4fc12b24b30d2383ab0ac52f', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'eef7f6947815c12298a5b19fd8a2a4678de9de7b', class: "option-list-item__avatar" }, h("slot", { key: '225f3a61eb4ddae350eaf9bdfbd53b736da17c53', name: "avatar" })), h("span", { key: '15b825ca1114482a9211d2b2bbb02141349d0b1d', class: "option-list-item__label-container" }, h("span", { key: 'e7d3bfbe8def7ec92ebeda6b390ae813618fe0a1', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '1076b9cefb756094aea85f5197478db2b5d73d2e', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '8056616d581324485dc7fff9a705909420fe22a2', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'e5391c164fef2078b03cd1ace8943ea0c3205277', size: this.iconSize })))), this.allowDrag && (h("button", { key: '780f66258f6dda72f5cb429d654d7f7119e3c9ad', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'f39ccecbc05e90b18d8385c6f6a019d054ce313e', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return SwirlOptionListItemStyle0; }

package/dist/components/swirl-option-list-section.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlOptionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlOpt
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'f2b6be1a1db087d299780004f053244f517e20af' }, this.hasSeparator && (h("swirl-separator", { key: '61f4ea8c147144a9b0749970feeac0e0206e68e4', spacing: this.separatorSpacing })), h("div", { key: 'cf5d23a5da1d4b0af86f2dfb7a9c0e3364e6128b', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '0b49917492411505f8b6a3a6bbb5f9a7ae5a7416', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '8e5328b750830f7dd804d1efd20d6448c0611617', spacing: this.spacing, align: "stretch" }, h("slot", { key: '9cd63d9974032e199a047bdcc64e3a2c82df4afe' })))));
+        return (h(Host, { key: '4bbe29eed063cd4492d784554b3bf7d0bad8e033' }, this.hasSeparator && (h("swirl-separator", { key: '492c34faebffe59b4d6861d5e5b6f860a8b0de9c', spacing: this.separatorSpacing })), h("div", { key: '7647b82e5219048c7245a1d08a88e7e5207ad535', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'ce0f368d84916358da4528efc4356e8e3cfd210d', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '0423559633818a2d10c9d1338fbadaa6dad585d1', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'b9bb99263df785c9e647b39fda0520c601f005f8' })))));
     }
     static get style() { return SwirlOptionListSectionStyle0; }
 }, [1, "swirl-option-list-section", {

package/dist/components/swirl-option-list2.js CHANGED Viewed

@@ -349,7 +349,7 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: 'ea4a4fd5c111911d2be87011ef317413d4fd9cdf' }, h("swirl-visually-hidden", { key: 'f15c2cd2962cf745534489de9cfc1485f4c86dae', role: "alert" }, this.assistiveText), h("div", { key: 'eb1edaa19a8461c620bab0c5fcdcf0aaf6da7f16', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: '8ad791768f9c454cf357811b8d154d7686248989', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '43f5710aeb2b65898268fcd927fdeb874a824b6a' }, h("swirl-visually-hidden", { key: '10926f4878a5d2f6af9ff263295dea78da3e4490', role: "alert" }, this.assistiveText), h("div", { key: 'c4de01c87a4656fec4a36f39f750b37b63e13a03', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: '28995610d59ef6639a1f84d4efdfce1d72895687', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-pagination.js CHANGED Viewed

@@ -95,7 +95,7 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPagination
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classNames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '7a705b94e6cd76b7d5b77cc02feecb5d09862492' }, h("nav", { key: 'd46b431727566b4d42e08207a5e51fe56aa83e18', "aria-label": this.label, class: className }, h("ul", { key: '2dc1add0919da4ad5066a6f4b9ca5ee5eb582bef', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '5aa3bb5119f68e8f0077dce716b416d53eea570d', class: "pagination__list-item" }, h("label", { key: '2ae66a7c2a3fa24d2dbfd3db5ed6fb60967da896', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'eda8aaa2a3038b3adf66c03076d1947a9e89e0ae', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '58cf6582285ee8f0a9626869e0dbed9d81cba2b5', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'c3abf54743bbfd975778f1e61ad4f2fb6e797cdd', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '49b492426b7b2c36a3dfd024de18069173bd7859', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '8bea9cf4f79d2ebd0db9eb30a8c42e28b9a7078a', class: "pagination__list-item" }, h("swirl-button", { key: '77e8f59cedc14dce29d8e133e06427b5086ef16c', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: 'd2de25731024c9213e632179d922b2b59a36219d', class: "pagination__list-item" }, h("swirl-button", { key: '5ec741d705a68764e5c7290d21ea8219ca2acef1', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: 'd3e859d8ba79ce7aed16c7978e3ab93a9c894438', class: "pagination__list-item" }, h("swirl-button", { key: '7418eee457a303c34d1b1d26cb7b9bc7dc5cf4d8', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '2c471d0748a98caad0c10689b7da96eb8bd0e493', class: "pagination__list-item" }, h("swirl-button", { key: 'f5cdbfdde8ff4d6fe8720f86f9a04b4ae6976af1', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (h(Host, { key: '6eadabc50d3253b3bae2ff7fe619e2e812cac193' }, h("nav", { key: '6aaee3c5ddf05c178fa81543d692029fe1fc4612', "aria-label": this.label, class: className }, h("ul", { key: '3bf3297683dbe8f4e733817e6ead22b09494854d', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '766abed08331a0ffb574037cca066895b76ea0be', class: "pagination__list-item" }, h("label", { key: '5ba62cf676a2a5032c863271c77079e8ec479051', class: "pagination__page-size-selection" }, h("swirl-text", { key: '9dcd198c5fa5f2ebd0cb8ff409cfbee825e21b3f', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'dcb6286d0040bcbb3a4ea8e0cc61bacfc64d59eb', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '5d71d8d6a65348151b33439eddb5950fab2ffe24', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: 'bd019a569bf65b1ee93e91704a329e07ee405a10', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '94b14f468e6dabfae84373d5d8bd36df61667e72', class: "pagination__list-item" }, h("swirl-button", { key: 'b3c5033fe6abd18b2247d2a799350a182fe90c18', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '09ed662e6e74f660c1166df4c9399a5c833bbebf', class: "pagination__list-item" }, h("swirl-button", { key: '9958f061ff87481d073837130d0f282cbdd610dc', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: 'b342b1a08725314f48069d6669846e3ada73830a', class: "pagination__list-item" }, h("swirl-button", { key: 'ad5d288642a1d94559a113f8bd6bff50e78ca380', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '26a16ded1d6f49f6bc4ea8d39f9f955326c3b2b8', class: "pagination__list-item" }, h("swirl-button", { key: 'a87d63ae4e7a7bba041a838003148c3c79fb8c59', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
     static get style() { return SwirlPaginationStyle0; }
 }, [1, "swirl-pagination", {

package/dist/components/swirl-pdf-reader.js CHANGED Viewed

@@ -217,15 +217,15 @@ const SwirlPdfReader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPdfReader e
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'dc7306ab91090dec2958dd0209b683fd5de3e494' }, h("section", { key: 'dc0d979cad148370a5107297433776871dc582b4', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '5f3c3ec44482a1e1a7c46d7665eac0bca1444acc', class: "pdf-reader__body", role: "document" }, h("header", { key: '8eac4537b0ce0f6df6eab529371105a9d2b9134b', class: "pdf-reader__header" }, h("span", { key: 'cb2417fb701e90929dd99c3272f8f3a64fc40039', class: "pdf-reader__header-left" }, h("swirl-button", { key: '0f4bbf2c2b13488819fbdd32e503a645812cf931', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '017ca653b0ed422fdb2d8385dcdacb5c95524e16', class: "pdf-reader__label" }, this.label)), h("span", { key: 'b5ec7d6e7464069da8f0626a4253a67b4e46375d', class: "pdf-reader__header-center" }, h("span", { key: '60601b70336b052d214c8b2dbe9cf81bd42b6041', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '8a63e5f7a9ff5807241133e5341e41c8c10a1501', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: 'fc48f0d8c87f563455f88f24da82293e5b77a361', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '69123e376d2d315a106b33838911b2a399b2c02d', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'eacb22211caf37eabee782393ef62c1a6cfd65b5', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '12f7c8123567a6c670737ca3011fbf3318d3675f', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '1a696475cc7e7459b4af7742936cd3fb16091ac8', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '475106c3d6370b6c75c43614b7069dcfb395e8f0', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '739942fb58fc9fa21f4b6e2d7a22145444eef600', swirlPopover: this.menu }, h("swirl-button", { key: '37297a4e9fca2ff82ab45fee68ed340c5c6bc41a', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '8219c8cd7893d06e8caaa106a4c224f636489983', class: "pdf-reader__floating-tools" }, h("button", { key: '0c0b1aa4b040dc45dbe16bcddec1a334d1f307bc', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '1c7d0d51e8c065719a666fb00dac4be7519ad7d3' })), h("button", { key: '48351f0c2ba8c41c086620b2f77d38ae548dc4b7', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'b7d3151dacc198b133ddebed954d1987a6f8f5c9' })))), h("div", { key: '048914c0b60b3702aa4ee4eb7f9880c07639b9ef', class: "pdf-reader__content" }, h("nav", { key: '325baaae42e6623eb20ff5f88a8b90ed80bf6ee3', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '2b29e08c415959cd67de4cd5975d27e583769331' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '992fef5b6970fd612b677c354ba47ff653dd96e3' }, h("section", { key: 'd1c59d334a9dd8f398f6f8c16fd20e1ee32acfac', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '2130f9218a585514fb901dd901840d1b555ec369', class: "pdf-reader__body", role: "document" }, h("header", { key: '4f1c214e5cabbb02c9d45461835665e9be206987', class: "pdf-reader__header" }, h("span", { key: '0a789aafc0454307e30f48ecf81d8a9697beffd3', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'd78dd1ee05406e959ba18a8562d9023b076d4215', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'f3ad8c8647613308ba2712d88736e1e7b5e417de', class: "pdf-reader__label" }, this.label)), h("span", { key: 'bba298e50ecf29304eb0547ebfdd1141a63546db', class: "pdf-reader__header-center" }, h("span", { key: '52b2d668494d050f9fac8a690bfe16ccccf469a9', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'd365314672db7f451854ac7df85bdf29823416a8', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '2b934f9c2ff486a06ca587669282540a90e4a765', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '81677759185f4c7fcad9ff5fdbcd0b5cdff003c9', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'de9461e117c6e41e0dae2239ae32a806133ace77', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'bd2b83401bf2b092782c1d0777add05111447d7d', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '0e911455a41fd882fa59931c4c7b9a19ce10d6dc', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'ed79a6aaa0f30436c6d8fa7bc749b39c17de21c2', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'f7a17110310920b51f19371606a618812097aa1b', swirlPopover: this.menu }, h("swirl-button", { key: '7231faa705d521b06c4ca989d0bbe37def29c2ec', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '54a2cb24ed9b27caabecb2cf1910880e742ab2fd', class: "pdf-reader__floating-tools" }, h("button", { key: '79b61e89cb001d8c94566cecb23260141b7115e3', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'db3d57465d2021ad52107909bd8ed104d803d7c0' })), h("button", { key: 'ffad0d592c62e48c6ec927c54c09041a5a23637c', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'c4250893e58b06d0a8746d573d04130b3539eea7' })))), h("div", { key: '012b3ac76d82ad7c78fe63c28dfd8f790fbc6f1b', class: "pdf-reader__content" }, h("nav", { key: 'fe8b02a98336cc96d603dadd60e6fae696856716', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '5ccf1fbb314155d3937014fe5457cc2a461a9021' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classNames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: '5021c3b024791cbc261d1f81df9687ad933b5500', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), h("div", { key: 'da9f1b932499b5f4e5d0478022ef74386a7494bb', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '0be6e85b7c7dbcf3fe42678a2b34189367e673c2', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'f76a0c5ac47b9c5c621f50eb22d936afa1d2452b', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '7951645c808641a988cacad9a45938591124129d' })), h("button", { key: 'b7a107772387afbac08e2cadd31467cd6f33bb4e', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: 'f2a786ad3f37834a120b62f912d5e07120fc3b3a' }))))), h("swirl-popover", { key: 'f836cce9d670437d937df7f63c5a6f56d45b6c77', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'c672809b47899bf85023d102c08b17d962fc3b93' }, h("div", { key: 'bec0524df423ad1bcc0d6733833f7a86397b31ed', class: "pdf-reader__meta" }, h("div", { key: 'fd3ce78fc1f64e28c69937164257bb6572e7af3e', class: "pdf-reader__file-icon" }, h("svg", { key: 'd31d09ca06b6dc110869008d047ca7d41d4a8e44', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'f95441012027c65ea1d6258cb1588cf0053c9d77', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '996bfc38bdad8b8adc4f3a9feb2245c930f59b40', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'ea1f51e004e35a00efbd2ea6a40221e98535b63e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '9a6478e82f3110170f870850e9d6221f4fe95626', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'e1ab2baa16b953c6f8b10053d515d48cebf8228d', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '8cae50d9f55009a86a0adb466f230e313782611f', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'ca8aa428514937211863c7b62c005a01fb135dbd', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '2ba0e8febddce0e3f37148b76c0330aee03507cc', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '9b0d49608058b0fe3de540efd0e2629767b7135d', class: "pdf-reader__file-info" }, h("swirl-text", { key: '5ef07434a1e942f5da3d64a7ecad9281e8cdbccc', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '5c0b4c89878f94c99820f0542c621895cce8d2bc', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '81773f20a38ffd2f49f8397bc23e86e5bdbe4400' }), h("swirl-action-list", { key: 'a6ad7888726eeee60a7163e83e2f0b88649c20f7', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'a1ca820d7e5ee46e695c1454d5f48f56c66a8e5e', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '11f88e4e89355a411c1e8ea2ee88f3c166536bb2', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '422cebc36f71f4fa2c45c13ed55f37582b73ce00', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), h("div", { key: '4ad22dc6ec7ccca223e95656f68b9d47b9c492f7', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'df227c8f056c8c2e48d2c1e3ad0f93610a729746', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '319fb3f4ad513b85579a31fead40d25eacfcdf94', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: 'e0ffbfe2c3d8c1b0e591ca1dcac97fcc5bcc016d' })), h("button", { key: 'f605e3df513157e5fc6a083997750016bf177616', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '6702b26a1f81d2ece6a061ec887d52f1d8aa14cb' }))))), h("swirl-popover", { key: 'a9a6644500f0da30cf30f3a5d0f3649dcc077e2c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'da3c3ee50152c450cf6e7a4cf4b90e4bd0872dde' }, h("div", { key: 'a9b5ac4548f7c34e65a0afe4ac36dddd9e9beb10', class: "pdf-reader__meta" }, h("div", { key: '327b78223435e9741702df2af6618a73927623a7', class: "pdf-reader__file-icon" }, h("svg", { key: '407f9f8e1b2fd0f26d521c30782698ccfd9ab12d', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '5d9287e742c32e470a564654625d69e728e88799', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'c7a4658bbf03c5d83d0e873708541797f01991b2', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '7e883f67394ef0021ba7a2e719b1be772712632d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '75f3d7b072c5fb1bd736b0871078d880c080ec14', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'e6cacf0ca512e4977cef5718639e76b224c4141a', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '3e5c878a1228e9f11930b1f25ed9bcd121950880', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'f53547daef5cd671bf6f31c82719c2ad88b5917e', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'a8614488f7079f903876d87f24fa4d98b04d8cbb', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '5f8b9b576d3e0648c4a0cac03d642072fa7fee08', class: "pdf-reader__file-info" }, h("swirl-text", { key: '8bce6d6e345c19aaa6fda479971d51c3fa91d28d', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '5a1bcee1bf3fae44907d174498ff5a0699a89e57', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'c4f94cad01825edc6dd6597baa50287e40daa9ee' }), h("swirl-action-list", { key: 'f0f6aa278e2ca04d0ecbbd632ec3e7cab640135a', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'fe07f96326edfe52542e49d1d24b43a00bf6bb85', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'ea8d070974560a90c8fb30f24600241064f919ad', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '0b14f3fc3fd1fe42adb359b3cb6b4eaeacc22133', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'af5898560556ee374d633a1156733377cac40cf0', name: "menu-items" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-popover-trigger2.js CHANGED Viewed

@@ -164,7 +164,7 @@ const SwirlPopoverTrigger = /*@__PURE__*/ proxyCustomElement(class SwirlPopoverT
         return isActive;
     }
     render() {
-        return (h(Host, { key: '1323583130b2a77d80687c29d640b0cc863c334d', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '0a87b4f0ebc08f2b8c2373a0b67ed03d82749816' })));
+        return (h(Host, { key: '3046f1575d3434a95ebb17c0f8dd95d98463bcad', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '2cbfd0353550104679817ead78bdc5b16a522b90' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-popover2.js CHANGED Viewed

@@ -267,14 +267,14 @@ const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: 'd8cbdbdb982253869bb6408bd14f1817a2506449' }, h("div", { key: '0d6f57280fcb4350dc388080f2cc5e5e33ad12ff', class: className, onKeyDown: this.onKeydown }, h("div", { key: '74720837e027750b5b34262cf58f99341af2d196', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: '8a94aaffe5ad9b929d0ae849a4316c03d0ce98a4' }, h("div", { key: '2a24d486eb4afb18ad47f6a569628f16f62f042b', class: className, onKeyDown: this.onKeydown }, h("div", { key: 'b1bb6d323e2fcd366047ea767c0ecc6b87884e29', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: '2dca2dbe6e92663f1c98c6e744923b14362b017c', class: "popover__handle" }), h("div", { key: '09db78850fb4c12c63494347dfc21f7255fdc3be', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: 'af481155c9ef5bdc271a3e52c182535d0d9efb1a', class: "popover__handle" }), h("div", { key: '289a5b14358aaf0e66bb1c8c405a8b50f0151783', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: '6b56b125cbc48e54878a0cf65de66ef316f15e8a' }))), this.active && (h("div", { key: '69fcdd4e321b75f945f1e453166494bcd83d29fe', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'e2643f787ba7ad786a7bdb141134c52a2a2d73c2' }))), this.active && (h("div", { key: '2427b9be81ec3a0660bb7e81705359f4b78a6e46', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return this; }
     static get style() { return SwirlPopoverStyle0; }

package/dist/components/swirl-progress-indicator2.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SwirlProgressIndicator = /*@__PURE__*/ proxyCustomElement(class SwirlProgr
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (h(Host, { key: '578ec05f9b37f752381de13d03330169a925a9b3', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'a689f6e11237953d154362f77c4e481185357da7', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '9f7724d4f86d3824dafad1af98ffa0e417b27aa9', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '3ad56ec0bf8fd0b37730ba9972a78ada99e96636', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '570d5fb7d8db0710a7502d55bfe200e60497a4ec', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'da5fe372911c0a1da6b6eea89dc83be5c090a3f1', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (h(Host, { key: 'cc6d3aa374149c926eec899dddb04b33e9c57138', class: this.variant }, this.variant === "bar" && (h("progress", { key: '04a9165a76bbab7f804a26b8f1b54cdf195f553b', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '1e9b616ed5f0b0a685e5a49efd9806922d2a1444', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'cc650b21538e9f4d445015e0b22d8e564227ab71', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '8e25d0ab0152d4becd2b07fcaedb3183c0edc6df', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '1d3c153c7f002254e24cb2696331093f992d65a3', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
     static get style() { return SwirlProgressIndicatorStyle0; }
 }, [1, "swirl-progress-indicator", {

package/dist/components/swirl-radio-group.js CHANGED Viewed

@@ -44,7 +44,7 @@ const SwirlRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadioGroup
         }
     }
     render() {
-        return (h(Host, { key: '786dd24e5dbe5715685a0d08da01da8aeff8c0f7', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'e86e1e01cae7f3e7b9ed2c4751177a19abcc60d4', class: "radio-group" }, h("slot", { key: '0062a882fe9e91e9eae2ab4a21a3429f2bf35406' }))));
+        return (h(Host, { key: '66daf56b2f74fca0c851041e1794488d97979915', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'dc1f0bcaf44404b0198f8fe505bcf02dacff3978', class: "radio-group" }, h("slot", { key: '9a7b1ffd42079f0df210d4ae0e57c87147e8c116' }))));
     }
     get el() { return this; }
     static get style() { return SwirlRadioGroupStyle0; }

package/dist/components/swirl-radio.js CHANGED Viewed

@@ -47,7 +47,7 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadio extends H
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'ecc529474f53c66deaefcfa989c35c8fece31b8c', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '1416580b5086d669c956b47ea68a729ff3e4470b', class: className, htmlFor: this.inputId }, h("span", { key: '9d2cbfaea6a972d778258746ff272bfa653c6013', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f0a0ec302a9e56aa958834e917d356e0421b8227' }, h("input", { key: 'b1fe45596defabf0b335c044436d358e38bdc58f', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: 'a9c68842a7e405b11f61e40b3ae31ebd591f0b09', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '73f46e14cd815a756573ca2cec1a99aeaf4a8335', class: "radio__label-container" }, this.label && (h("span", { key: 'f7fcec30c7a707eee1b5316b7fdc9fc4c27ccdab', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '503b33d790a25dace98c0799f14d0a146f40995b', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '075e9047be5b42286c02a6a210c31b8ccc467fa4', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'e4988cd411b219965b544bdfb63c535eae7af3a1', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: '4607923f3db2a298ca47aeb05968aa6f14773333', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '66eb4fa06560252f4b3820b0cd0605fd65b4695d', class: className, htmlFor: this.inputId }, h("span", { key: '2af9cc8ca09e21000ffec6172176b774d786fee3', class: "radio__control" }, h("swirl-visually-hidden", { key: '30244916724cd4d71a8522073bfb8bbcad1e26fc' }, h("input", { key: 'f0641f5eea6b249bab86dca0b23a888efe2daea9', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '8c70b4bbd03cbb5da726ac9851e1248f10a14e00', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '62ce3d8658b9a1a37053b6097b6f0fb0e38c10e7', class: "radio__label-container" }, this.label && (h("span", { key: 'd4ddd620532bb2ac8287dcf0dd3cb49db1822825', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'e9aca03790122bddf368d9c4c4e3203be396af64', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '0ca3de2265cef55bd378a2028600aa84e8c07bda', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '420cb2bfb23a7ec2177ff18f9593dab8dc70c830', class: "radio__description", innerHTML: this.description }))))));
     }
     static get style() { return SwirlRadioStyle0; }
 }, [2, "swirl-radio", {

package/dist/components/swirl-resource-list-file-item.js CHANGED Viewed

@@ -49,7 +49,7 @@ const SwirlResourceListFileItem$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
         const className = classNames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: 'fd4a89a6b95b3537ce4a246d30107d576a3919e1', role: "row" }, h("div", { key: '046d5ebe7986772e23e5ddf3ebf122bae28e09af', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '85a9533592a0478af5c61d4be483ff7ba93341c7', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '76a558b243dfd93613469eb42099eae0cde5c5d5', class: "resource-list-file-item__label-container" }, h("span", { key: 'c9cf0798fabb8ebdc4e4ee52c16ebeb6cacb2d2d', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '8f3641464849a36290cbdc21ee127c9f0a04eac1', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '67fac47327ff34c56508ed04ea047a765ec749ed', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '5f9c227aaca4fec96e822e0a80cd0f514a5ed44b', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'c06fc661f885d3a971f553421b49070f50ab5bed', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '1e202b3f83180938dcc72771e23136c181c9f65a', size: "s" }))), showRemoveButton && (h("span", { key: '6369582535111c43bdc441b79da879366d5d1423', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '104f0dc2c19332ec38409daffcd4b6bcb293cd0b', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'aa31b242c818999eff6f0b0be2af866851adc4f6', role: "row" }, h("div", { key: '41abec1e7fb8a6049d40a33a6c4efa088be7175d', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'cfb6712554d7f14cb50976b8b41feecea2e75323', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '6157c61ce44310793340b97e7f217c700a2d0b23', class: "resource-list-file-item__label-container" }, h("span", { key: 'aa55475de0b208027fb4cf05af2e7e12133f25d9', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '048e16c60b468af370114c59fe1f928a50286110', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '81c1858c6c3f7034e5215311262601d12f433c5f', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '2e52cdd88827927ca8dfbebb41505866502b9824', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'bec7b2d13bd0bb64c3a3d21544e0656221c5626b', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'b86fb96e568f82aba747dc87ae4e603013504ea6', size: "s" }))), showRemoveButton && (h("span", { key: 'cd1709deef939f84c9c1be93c0784108b9399b1f', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '16d5d45d77784d8d43b723cdb03cdbe5ae34e96d', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     static get style() { return SwirlResourceListFileItemStyle0; }
 }, [2, "swirl-resource-list-file-item", {

package/dist/components/swirl-resource-list-item2.js CHANGED Viewed

@@ -163,7 +163,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '3bc3fa72a1abff66fb5c3651fa9014588ac55056', role: "row" }, h("div", { key: 'bc5b097590569b20c6e3c12dc81579d1106b3154', class: className, role: "gridcell" }, h(Tag, { key: 'ebf3bbd3e7e43bb7eca43a08bd871e8e2bbbfe43', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'ba3f13bf18694ab2196e4a39f75c9c0f63aa8300', class: "resource-list-item__media" }, h("slot", { key: 'a984289394867903e6c6de0c4857df6c38af7abf', name: "media" }))), h("span", { key: 'eae163ca5e7872144ed2f88ad0ffb9c2ead37c30', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'ecf7765c077159faf1c635581f969f3ab854eacd', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '117cc94c6884e001b38c86255e8bdf80adc8b409', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '6ce54162920cffd718c2099537290e9e2e64af9a', class: "resource-list-item__meta" }, h("span", { key: '9021d55561a83a5b17bacf80a6c4efeeede0e1ad', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'f6c795ac584af2d38573167b3b3673d56867c8c1', class: "resource-list-item__badges" }, h("slot", { key: '7804eb9c844ef7320af6d0081590c343953058a2', name: "badges" }))))), this.selectable && (h("span", { key: '436f7ec288c6c934155dd063671a536a826b0ba9', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'cd29d807d629d145c65aac56105da892daa9ad92', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'de2514fbb35ec904896ccb0cf80b71f7722657eb' }))))), h("span", { key: '2a446937a24714758d4fc89c690189f0dd7b7ea8', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'f6edad002358c9c080c8da9c2f27bd6d33e30351', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '4b1b5cfb61c208bd0c3858356c69c7618d8c8e89', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'db5c75794ec64e4ee42ef72017da4265536981f5', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '2902462ef1a182de4887a97aabb68b8d98533410', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '8596f6557cdb8699b6f06b79e40170a166879b94', size: this.iconSize })))));
+        return (h(Host, { key: 'b490be956d5b8637fd78b0ad79644b486664e7bf', role: "row" }, h("div", { key: 'd0601dd41832cb17148c839c4aa64627c0db04ff', class: className, role: "gridcell" }, h(Tag, { key: '2db8e0b7aa88eccc0f2232d416cce0b969a99c42', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'fe5bf9b4a0704ad24cd4ce3acad355e532e017d9', class: "resource-list-item__media" }, h("slot", { key: 'fd5c6ee13e4a7660d7fb2b7b792591dd756a86da', name: "media" }))), h("span", { key: 'ac30abb10e90098b217741befb18be076c2d796e', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'f108501e54065b661594c3bda7962f293cd5080b', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '28487cbf29d4c487f5df1240d4a8d919b16e063c', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: 'bf2e0990710156241d576c729489f48f5bc97c80', class: "resource-list-item__meta" }, h("span", { key: '2950e59ed97bd24ac6db35101e4fb13b631c6b88', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'fe6a342db95a591650aad7302e48008e4c235d99', class: "resource-list-item__badges" }, h("slot", { key: '35db381fd8b966e95c4cfead185f31807460ba75', name: "badges" }))))), this.selectable && (h("span", { key: 'd66c1ce0004520bab9164380dadaef66177b9498', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'e9b31811784dccc117ddb8683bd52b8ad1d285ac', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '3a1a9ce8016760abdcb7d83597ecd241af8edf1a' }))))), h("span", { key: '1961424dd1df7746661b2dce6fcded7d31efa947', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '101473408691a44b8f0404272b2843c3bb47d7c9', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '5531b9f9bf68d65a21ff261d4fb5c0613403468c', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'abce27ae17d75257cfb47a3e678fff00980d3f94', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '90c2e805b9996d0b93c2cf1d8ef998a02fbd0d63', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '71821bd9ed475792afe62314e36b89760543e04a', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return SwirlResourceListItemStyle0; }

package/dist/components/swirl-resource-list-section.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlResourceListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlR
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'a8b341453a49c8ca5daa7027fe5c423775bfc547' }, this.hasSeparator && (h("swirl-separator", { key: '98ceda173a8a7a6d51839a28c1e3d68a49fbc0c2', spacing: this.separatorSpacing })), h("div", { key: '964f30ee96a8738d888570d0e9dfaca7421bdc95', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: '6e8782453d174035d2f6c632193703e276fb5dd9', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '90e8de3c6683c6c399f01f8f266fb9d83a6568eb', spacing: this.spacing }, h("slot", { key: '75c7be109d575335da09ff788300b308c2d6ad77' })))));
+        return (h(Host, { key: 'ec479504693de1a51f23583dea22a33d1b7bc858' }, this.hasSeparator && (h("swirl-separator", { key: '2f59495d954af751c931a18041cd901e9d6c21d4', spacing: this.separatorSpacing })), h("div", { key: 'fea17351370bcad668e6ed31870cbb31b7b1d301', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: '5979aa923febc175e7353abdabec2cef45663672', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'ff275cd9e8bc0bf6fa68d8f1d955d5b63e2e86ab', spacing: this.spacing }, h("slot", { key: 'bfffdfcded618c4b0eb94a920a0c42f1828d6d94' })))));
     }
     static get style() { return SwirlResourceListSectionStyle0; }
 }, [1, "swirl-resource-list-section", {

package/dist/components/swirl-resource-list2.js CHANGED Viewed

@@ -264,7 +264,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
         });
     }
     render() {
-        return (h(Host, { key: '49ea535f5acb9fc68e3ae1f7136b8dc6380d17d9', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'cc24d6e02aa79b0b0747892880b25dd3c7eaab16', role: "alert" }, this.assistiveText), h("swirl-box", { key: '0b7168d12e7c114cc05a572c95cc8b1d62a01130', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '98e4699a1280896d410219ba9438083abb502963', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '0239aabdc15dd9088a2bdc47f25a7d5ebce551ef' })))));
+        return (h(Host, { key: 'ea624b9cdc78f5c8c6e3ef92b0ce1c0f5c43c425', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '54338db2bd13503985458d6d69424119d739d380', role: "alert" }, this.assistiveText), h("swirl-box", { key: '8e6317c2b577ab84b1f9f7958e80637d6379d5ad', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '667bc6e6a548d59ba9a7c82611fad24e82c9481c', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'fb0056dedef07635f6afe08f6e7745437b83127b' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-search.js CHANGED Viewed

@@ -76,7 +76,7 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSearch extends
         const className = classNames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: 'a7859b9a8a23a03beec4af7ec219d9a95fba1f6c' }, h("span", { key: '0d9cbb82a89da665b9948c981ea58fe3b68b32ed', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '5ae31832e0eb44154c24b1b80f3f6bb05a9ad1fe', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '71f71fb17ce330b0b0c98c202986e89182007086', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '74678e90f90c46c438d15862aefc783f20fc698c', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'dcbc20c37c468c2d243373721fa5ca5868026c48' }))))));
+        return (h(Host, { key: '389d075ab0e1a8b64d5a9837b208f800ed96fb7e' }, h("span", { key: 'a680e9a4ac833a194f4e33611c706319617e8b15', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '2530a00f1b68533c6401fc6e7cc59b01c4375f48', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '4cb567cd3a777a5889efa8ef97c01925c1d8c549', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '63fabcdc6a280343ec3cd4913b5c890bc2338e07', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'bf66195b51104ad436f897b6c669448b36a63631' }))))));
     }
     static get style() { return SwirlSearchStyle0; }
 }, [2, "swirl-search", {

package/dist/components/swirl-select.js CHANGED Viewed

@@ -146,11 +146,11 @@ const SwirlSelect$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSelect extends
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: '8d5f020e1f8b4525f41d9a4d54c5c078c3b34dbc', onKeyDown: this.onKeyDown }, h("div", { key: '326c89fc4fd6f695ebecf9fd4d8a176e39e99cc6', class: className }, h("swirl-popover-trigger", { key: '2489253d534820bb38ce3e8ded4748709fa8cea8', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '7943a14d1dd28cdf71a0cfcbc604d4abd03c42ec', class: "select__value-container" }, this.standalone && (h("span", { key: '9d67dc1ea049598f08e4743f6c324bcfd88a35f6', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '6f0c2218f6a1d147b25853a2d93bd2761956389e', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: '6604f44b17737461681e0e12fad10d2e2f5660c2', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: '36e293bc626559ad27174dfe4661b4a404da5462', onKeyDown: this.onKeyDown }, h("div", { key: '665d3320402879c47ebccd9d39957ad23ce4835f', class: className }, h("swirl-popover-trigger", { key: '13167f642ad261110b11ec8a4915a789251c82a8', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'b6cc758e121b0953969edc988207ba9d79ed2dbd', class: "select__value-container" }, this.standalone && (h("span", { key: '9301a8493278907410d8788f6de81aec4e6f0397', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '86780b569dcd87646149d0d1ed2b5d9d7a3d6d09', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: 'b564ba8144fbe4cd177eff7204c565d0dfc05716', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: 'f7cb16a8c5ce4ab9524fb0e7339e7b3c9e9ecbf1', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: 'b4cd323d73814135d1533bf7592c7dc805f09f2e', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '22f684b3495935639923b552dc664a43477ed92d', class: "select__search" }, h("swirl-icon-search", { key: '1000c2cfb0613076444fa5979d4275b8050206ca', class: "select__search-icon", size: 20 }), h("input", { key: '433befcf4ad4d01c3057bac2668002fec7af30e2', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '15913f5dcd42fc9877b85ec070faac22eb34067a', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '55378c5d78506bba3faa3e7996bc4db36a900b4e', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '741d5f2a41708ced184e3fb50e2d01ffb4029c22', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '18a676805160ee3e042760d36a7502f1d0ae41a6', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'ddf13b6c7609b92bd2e00b205386d935f66dda16', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: '8d106bb826321885383ae1566860aba995e2f505', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '12097a539df40dcc84efb7cfc875f1fb34edcb51', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '07334879b1020ad3ca49f6d185fb074d273718ee', class: "select__search" }, h("swirl-icon-search", { key: '6bf9c7aa3aacd4f12cb1e7b39d90ac1b293d287b', class: "select__search-icon", size: 20 }), h("input", { key: '081a8716aaf8c401f845f95376b75b48ece0373e', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: 'd0d536c3cdbb3c22538ce1ddb133013699496133', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '30aa932d0538dcdd4e8cb413d388d69f8bcc57b0', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'ba986623ebe6161a8ea35b62181a51982d0aaa01', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'edaa4343a05f05cc282fcbe4749b8767fe651f67', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'd38f51f695b2daa3a4ae86019467155a4adf27e9', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return this; }
     static get style() { return SwirlSelectStyle0; }

package/dist/components/swirl-shell-layout.js CHANGED Viewed

@@ -221,25 +221,25 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellLayo
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: 'e908f6f843fe1fc618d4bfc5442f5d92932a51ed' }, h("div", { key: 'fffa0e733c02680c38ca6e80d3c31ded7d64104d', class: className }, h("header", { key: 'cf79d6101b43910373e68520a179bfb0780e0628', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '18b810510746f0026ab74a005ce591547f1ee4f2', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '274bae8d15a72534017e23f323459706a104c4d9', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'e6405f1cd13dd2a45082a2684e0f113720348b59', content: this.navigationCollapsed
+        return (h(Host, { key: '3813dfb13a968daebbb61edec5a3df9c03096f73' }, h("div", { key: 'f7db2aad0a984a9e20654034c39de9a4725f11c1', class: className }, h("header", { key: '2e225c8892617d77166b181282890c5bc715fc39', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: 'b6ac3f9f8c892ca3d68200d7f000c0d59cc55377', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '08c789a55ed574f16d6e6865610dee38474f497b', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'be592355d3a407ffe6e2c91917047b43fc778d6d', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '57147e830af282e938ac82df6dd3f8d4c0d1fa6e', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '9e028327db1dd7b5a676efa474b17fad13f1e6fd' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '4b6ddda428c674336715d9ce963a9c4d0d90a0dc', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '0868e03328af5d0844508cc18b254c0fa46beddb' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: '7e5afe0ec636f236e001757f29daaf9ef7019879', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'ab078134b382d636ab5f33b895af3e68c258a933', size: 20 }), h("swirl-visually-hidden", { key: '6bc5d9721f351a943e915fc1c7082bad72924edd' }, this.browserBackButtonLabel)), h("a", { key: 'c75557ab59e36cb52e4a631eeef350551ddd7b9f', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '26b1ab3f52c521f0f957a1c043e9114f65e38b2a', size: 20 }), h("swirl-visually-hidden", { key: '2d08d13c7caae63a206c5d4264db41d7f7053344' }, this.browserForwardButtonLabel)), h("slot", { key: '831b014f2986e677cdb2c0892a9ce15c8d68b5da', name: "left-header-tools" })), h("div", { key: '3eb3d4017b686329d347576a83eab3236248f0a8', class: "shell-layout__logo" }, h("slot", { key: '64f773ab04b517963098e1a21f7236449749dc83', name: "logo" })), h("div", { key: '0baed4b6b636a4f759078b41786d606cbd94aaf4', class: "shell-layout__header-right" }, h("slot", { key: '31d32f55e8e69778386f6749e785a69612cf8fd1', name: "right-header-tools" }), h("button", { key: '7470da08ab5e76d9c5934cd30d41b625334e39ee', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '7046da43b7df60dca7b24bfb1a99d5c444396e99', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '2d1dec2ff0d2ddd2b0e3bd4c0f1566719f02bf6b' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: 'c6dd52056e5560a5bb9dfbb7ac4bd639cf365f2f', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), h("a", { key: '909e295df33b5d2c0f32558b125602ff1f14a586', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'bd2bb63cc26c061a69a0c09dbb755f00cd72943c', size: 20 }), h("swirl-visually-hidden", { key: '54ce77cfcb73711affe69268672ee93a6318a872' }, this.browserBackButtonLabel)), h("a", { key: 'be375a0cf1d9d0fae421b760718e33012eb5ba57', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: 'ce0dadec167e1e54b43b036c080358b1592dc73c', size: 20 }), h("swirl-visually-hidden", { key: '4cc022e799bb5a7c8ee3938395fbcd1f4d6ffb1f' }, this.browserForwardButtonLabel)), h("slot", { key: '3da91e0f22123bac259c2534c96ce86284f18fff', name: "left-header-tools" })), h("div", { key: '7e9395c2ed57c77b57811e7beca7e28bba7466c7', class: "shell-layout__logo" }, h("slot", { key: '3e5ff7f8a7e760c115009f6ec05bf53d92e934dc', name: "logo" })), h("div", { key: '0813e9308f92d885413f5b085dbb53e7a9cbafb2', class: "shell-layout__header-right" }, h("slot", { key: '0460cbe7effce5661f1e3531ecbf3c599c064a81', name: "right-header-tools" }), h("button", { key: '6a3414ec53490be587907e6632b4fcff878f61da', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: 'cf45c3f593773cb0def97dbdf9645f7d636a70ac', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '69093d10cde4cee45160f9e7733139d42e2d9279' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: '10d3330c73f5fb9ce8f40e72791b03f6bcbbf126', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: '607d9f3f059d90469367d095490addb41f7a2c41', name: "avatar" }))), h("div", { key: 'e1a6a8ec87730f4e9a47abfa1abc72d73ec1bd33', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '19c04eea10074c7976fcd65ddd86e86fef1067ca', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '7cc2b0d9d53044acab842255516937aff486528b', class: "shell-layout__mobile-header" }, h("slot", { key: '15c1eea6fde49fbdb439fa2f56e3719fc9798134', name: "mobile-logo" }), h("div", { key: '56ab697e928628a4ffebbb5683793564b54c8f52', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '21bbe2b2321994b0d4d9e92f5d299b177cef0dcb', name: "mobile-header-tools" }), h("button", { key: '8108c565a21284ec9cefa4f747e2010c55b4021a', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '5223d2de46214ef51bcb1da71fb7660d70d749e1', size: 20 }), h("swirl-visually-hidden", { key: '3513bb5cf936b15f383da873679307db9a225a5f' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '27b8a63eac999d91a9bdd682c5df30e90e344ad8', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '4da3da90d934cff6df88743b59b1623e564f18da' }, h("span", { key: '18565ee4145a5b83e5dd245d2e5c365df5d7c9c8', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'e1f3ce3fa0e25f7ff6c59e633aaff9ce2d281ef9', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '45a6ac70987f0bd998d80709ac304e0aef7615ab', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '39d3fe69145562e0510ee2993be40cb7f4269e82', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '219804ff2ecdcbd896e0aa1bc6fb534d7b1fceb3', paddingBlockEnd: "16" }, h("swirl-stack", { key: '2bfa64afe2dc979e61e6f6b5a7d9062d7ad4c68e', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '284fdb3ccf8a04e439502024253fd53c539e9434', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: '8734b1514739c8fdffbcc21e2a2159027cf4ad89', name: "avatar" }))), h("div", { key: '6579b84eb5a3e41d57b1e8868de216884f1722b4', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '1e2839e01d10428e45c2e25992150320957c0730', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '78bd6a9fa49d2dc2a24de26c98360e5a3d016832', class: "shell-layout__mobile-header" }, h("slot", { key: 'be4eed743273e0f447e4690a64cefd0137a414f2', name: "mobile-logo" }), h("div", { key: '4bae59b6fe452788d37b7e1640543cb70d431b5e', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '6079171fecc23f5d8208f3a57b43227e2c5eb255', name: "mobile-header-tools" }), h("button", { key: '4b9097d7d03e166da6e0ae315033884d587b0025', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '41cb70f2624c1f1da4ab7faa59ba4966e913937e', size: 20 }), h("swirl-visually-hidden", { key: '39b3ac20459f86ec5fed7bdf8c94df6e178bcce1' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '5720e5e1efdbfefcc0df7bd230d617d52a7b2808', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: 'a6e75f3a55429b8f37d1dc2860513db2d9a6a64a' }, h("span", { key: 'a92fda5960835c3b689c9d4306d988b1948bdaf0', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '8ef481416dba0186a1e021f9ac73bf652c4e18f1', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'a31c52de4df3e7ef7a4f25ed1fca102b1dd68f36', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: 'f74b0ae7d510c8d58c7a78e1f5f78f8757d9171d', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '366ce5e0487cd7d934cee95d2e911e51ec633c43', paddingBlockEnd: "16" }, h("swirl-stack", { key: '6be7e5ea64c8793287f049f71347d19a9b3e488e', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'c9c6f9e8c5d65dadd8eb22e69cb3b9b794c994c9', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'd2735174ff86d8d88c6474fcb03011acad82c2b2', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '5bd4e55c3c10f1a3f358ccd446d6b8786ef4e16f', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: 'eb85ec9e77fb279f759b74713201bd99c099b7ef', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '5855943cb6a88c71b0dddff8de6817e842e187dc', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, h("slot", { key: '572a66b7dd7964dfc93c978cb93edfbebbbe845a', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '65d0bc49263500add3ea6a33d1731f4795ac93d8', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '919070ffd2cd0d145dea8f4e72a34d288394af90' })), h("aside", { key: '1607a2e65f03a8dfecc4df654891e1bbae6d1c12', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: '560e0f06c794b4e977ee0b9d0608ba255cb2d75f', class: "shell-layout__sidebar-body" }, h("div", { key: 'eb76e08b002f8c501eca7aa1af73206f7fd6c52d', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: '4abe7b5eac04e73ccc0b776fc1d43c2b15cd347b', name: "sidebar-app-bar" })), h("div", { key: '0ae381a2c5700ee5546e6d97082468df2f5e4066', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: '6ded266083d2d70d9f301016a26dbb8dd67ff451', name: "sidebar" })))))));
+            } }, h("slot", { key: 'd69f19ee906b1fd5c20b04bde6e049248ab8a905', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: 'c090fe6266c6b5a3ef58a69ad80cf115b1c0d2d5', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '8b665e8aa7388674e4d778b3e1c2a108aa718c7b' })), h("aside", { key: '292b43113bae4e3c286d094967468a099f79ab0a', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: '441a308ccb9a729ef3803f502d3c931c5b474c0f', class: "shell-layout__sidebar-body" }, h("div", { key: 'ebb07b0b90a563157ee8e209ab43e1be72c436a4', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: '504b97ecc2d0b9f06ea6a0f195f94b96ddc11335', name: "sidebar-app-bar" })), h("div", { key: 'bfd6b08c29abdbfced345b3c7313e31803058389', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: '8ed2d352d838f104e83f629ef2a0af0f1c1d00de', name: "sidebar" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-shell-navigation-item.js CHANGED Viewed

@@ -38,7 +38,7 @@ const SwirlShellNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlS
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: 'bd32bf0201b49b02c662883c7076db2089e67735' }, h("swirl-tooltip", { key: 'be244fc09bb9bdc2f6007c8c8ab6e6ffcb2fb0ba', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'ae7ec6c81a060514a60ae806c0c5add495865c3c', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: '9d7ffd440141773960fe472ef569dfc27284ac2a', class: "shell-navigation-item__icon" }, h("slot", { key: 'e26f718fb90678c20d26ae2bffb100d2b88b2ba4', name: "icon" })), !this.hideLabel ? (h("span", { class: labelClassNames }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: '30c17677a3e3a6bfe24e2ef5f481fd3a4075db74', "aria-label": this.badgeLabel, class: classNames("shell-navigation-item__badge", {
+        return (h(Host, { key: 'ccd362e11a278a8651bb56df53b0bd0073b1493b' }, h("swirl-tooltip", { key: '4f221a270f73976414dcacffdecfb4c4fd62668c', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'd6bbad585ba324afa4d9b71da3152c81d67cf836', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: '381459d9a4f49174ad9fc5e83425e9084d80d45f', class: "shell-navigation-item__icon" }, h("slot", { key: '9e227f7aaf4685d0d4ab25b26220398ce5049780', name: "icon" })), !this.hideLabel ? (h("span", { class: labelClassNames }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: '9cc03c515cf828e1b6debd91698ce9edb0c4505b', "aria-label": this.badgeLabel, class: classNames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }

package/dist/components/swirl-skeleton-box.js CHANGED Viewed

@@ -17,11 +17,11 @@ const SwirlSkeletonBox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSkeletonB
     }
     render() {
         const className = classNames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (h(Host, { key: '65d4be69fbcae91b62c472cb157bf29fb5e0b873', style: {
+        return (h(Host, { key: '733147d1292040e852a39e585552d8dcc234e4aa', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: '91a41ef2bf817f89f32acd7437066165a60afbaa', class: className, style: {
+            } }, h("div", { key: '5faaa5f95173d659043a7ed1b996c7247773df18', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill" && this.borderRadius !== "none"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/components/swirl-skeleton-text.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlSkeletonText$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSkeleton
     render() {
         const className = classNames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = classNames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (h(Host, { key: 'cd382b0534a13aaf2d0ddde24de0513a3209612d' }, h("div", { key: '58da9cea7cdb232a076234c96e3e948c47822120', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: 'c83a12bbd2fa85aae0baec021b47e6a526f481c2' }, h("div", { key: '4862ffb85e93dfcc1c46b2cd4442e04de88f28da', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
     }
     static get style() { return SwirlSkeletonTextStyle0; }
 }, [1, "swirl-skeleton-text", {

package/dist/components/swirl-spinner2.js CHANGED Viewed

@@ -15,7 +15,7 @@ const SwirlSpinner = /*@__PURE__*/ proxyCustomElement(class SwirlSpinner extends
     }
     render() {
         const className = classNames("spinner", `spinner--size-${this.size}`);
-        return (h(Host, { key: '2680fb6d083299db29bdcd643c48c841c4ce7b1a' }, h("span", { key: 'a8f9ceff28d842348dccd8f6886c020736623534', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: 'af4756184bf6bf92a8237f39f8e7c26f8a5c66c1', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '6f858a953c396b6ca15155cf1613293e45e97cf1', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '72542dadb2fb146ab157c2f62e2106237a67d855', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: 'abd6d4b2686927b236917a8101a3b422572dc39f' }, h("span", { key: 'f0dcf3869ea6f855a9ad0668f8b9b2b0c655f904', class: "spinner__label" }, this.label))))));
+        return (h(Host, { key: 'a013a560905d02e7e53f3a208f8afe44030a41ee' }, h("span", { key: '3b32e3fc0c9a7e395df957c1efe79a389b3cb403', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '2e5b37d58d9425ba6e699fc3e95d1d75ba3fe3ac', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '2fc2bf29f4e51191ab16ba56f0ad6f6b7f1bc48f', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '0fa675e6ffa725672ad1d737f351562f8b8c47a7', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: 'ef49fa6e05f1955719ed444e47f0a3dd15711c07' }, h("span", { key: '08d90052ecb61f814f44baf517417c767b54ee58', class: "spinner__label" }, this.label))))));
     }
     static get style() { return SwirlSpinnerStyle0; }
 }, [1, "swirl-spinner", {

package/dist/components/swirl-status-indicator.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlStatusIndicator$1 = /*@__PURE__*/ proxyCustomElement(class SwirlStatu
     }
     render() {
         const className = classNames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: 'a7dafdd558077fbf887a921d7f94ae65cfe31461' }, h("div", { key: '8b1558f6315817f049bb285dc68b091643033c9f', class: className }, h("span", { key: '98817ade75457993cfd1f0ee28e5700d0bbf728b', class: "status-indicator__dot" }), h("span", { key: '4a41cffe5dddac9b01f6a9593595dd14cfd0ce54', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: '9e3ec0fcefc5460195c1c53e881c443fd4f14017' }, h("div", { key: 'fb5bfbaffa0682bcdf6d84374743c85858cc43bf', class: className }, h("span", { key: '8bb184b13a2f3de7c127afbd84ea074992924416', class: "status-indicator__dot" }), h("span", { key: 'fa7a25c541b5ff324abdb1cc4b20e80aa1284c64', class: "status-indicator__label" }, this.label))));
     }
     static get style() { return SwirlStatusIndicatorStyle0; }
 }, [1, "swirl-status-indicator", {

package/dist/components/swirl-switch.js CHANGED Viewed

@@ -39,9 +39,9 @@ const SwirlSwitch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSwitch extends
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (h(Host, { key: '357e35c0bd06c8d76a2263859913d076be428298' }, h("label", { key: '94f5c0efcce7ae8559159fc9f644c8a04c5f37b6', class: className, htmlFor: this.inputId }, h("span", { key: 'b6d8a72aefb12ed57914ff6f3ea6dbf1fbe8c3e5', class: "switch__control" }, h("swirl-visually-hidden", { key: 'a13db6c9deb3a1f8b363ecb57149e0cc4f0a74dc' }, h("input", { key: '6efe6d28ea975048a53a8a80644e21d501731f61', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (h(Host, { key: 'fd2e7744b11244062c33f08cc3c2976a12e001f3' }, h("label", { key: 'dcd26ec97d9bb2e9d1862054c8fd3a2fab543dcf', class: className, htmlFor: this.inputId }, h("span", { key: '38b83b54b46bca935e25e5088d8e2b7674776809', class: "switch__control" }, h("swirl-visually-hidden", { key: '0ddaa3fefffffe865a03ed132550110628b51dc1' }, h("input", { key: 'bf0b42e21e92113219f24df92bd8d837c260ae17', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
                 ? this.swirlAriaLabel
-                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '5009c77351d1c5ecf902249c9e22fefeb6faf2b0', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: '29782f272dc929f6776b0833db27d604c8496236', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '36d2bc8c61fa4d8e6d587367bc43b8ec4899d38c' }, this.swirlAriaLabel || this.label)))));
+                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: 'f24571ed1ef4a60a818e1381c68d5efb4224d725', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: 'a703006d25a66b77d4f0db89e904e4ecb2ce54cc', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '6ad4d81974f27d7ef9ff3a0f0cf089eb0b0a2791' }, this.swirlAriaLabel || this.label)))));
     }
     get el() { return this; }
     static get style() { return SwirlSwitchStyle0; }