npm - @getflip/swirl-components - Versions diffs - 0.341.1 → 0.342.0 - Mend

@getflip/swirl-components 0.341.1 → 0.342.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 (1885) hide show

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

@@ -334,7 +334,7 @@ export class SwirlOptionList {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: 'f8f02043262910d6591a70b421980a589d2a2b5a' }, h("swirl-visually-hidden", { key: 'd1ffbec0fc359dfc31c1becca3c4b877d6aa9196', role: "alert" }, this.assistiveText), h("div", { key: '3a6d2e7c1f0974366262a34c5ab4d7a9718af589', "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: '187b2f01037ac3096708dc138ba15367d993edf2', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'f0450ba2bc642864555dceda1bbac9e105bedace' }, h("swirl-visually-hidden", { key: 'cda484c72576ab0b37e5a74d742fe54578112ad8', role: "alert" }, this.assistiveText), h("div", { key: '907923987505b1dc389aca1499065fd202386de8', "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: '3121ff7e1998d3ef535f468b9b5c6127735880ea', onSlotchange: this.setSectionSeparator }))));
     }
     static get is() { return "swirl-option-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -59,9 +59,9 @@ export class SwirlOptionListItem {
             "option-list-item--selected": this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: '32f0f33f6bd73b019c046267b4d2897cf1cb4adb' }, h("div", { key: '911eeb6c7b8482dde0803662d0acce904e53722b', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: '56c07efaa3f0d283d157c8f8bb0addfe930b4293' }, h("div", { key: '4542378bd31546f0551e237d4df5ee3701e3c199', "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: 'a17cd1728f8d135ede479fab484f1a1ffd8b9af1', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '77064224bea2889a21ea8a6556631f89f1abb430', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '794eb4cd0bab6875ab2720db5ac224ec33d6bf74', class: "option-list-item__checkbox" }, h("span", { key: 'df7fbaeed4253e777dd31519d6ff97f396957289', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '2bdd30bad69ef711fecbf349af2bf5134363eb31', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'c00f9675038931f6c7b104dc7389c45d47e4bbf8', class: "option-list-item__avatar" }, h("slot", { key: 'bf110229c49c4e2e623eac37175c2087f762fc20', name: "avatar" })), h("span", { key: '0381435c84283abcc535ad60906a64878b923010', class: "option-list-item__label-container" }, h("span", { key: 'dff596df02f3726a9b6923b68cc1836b4b49d0c1', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: 'ee932ee312eef6e7d783280a5424c64ebec330fe', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'dc2cf39fe558ee65cfc9fca5d806aad7c025322a', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '6652e956b6e6cc960f3f59771c98226a616e20d8', size: this.iconSize })))), this.allowDrag && (h("button", { key: '711890a3e69dd7c881e9ec1c8056c02643eae197', "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: '60be171aa16536f0bb675f7dc6d6e2354623accd', 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: 'df3f3af40e854f02ba688aa54dd834b9e77ac738', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'c21077d165c5d7869d99b5321dbab13d4005ad85', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '26a71ace947042fb21e1abf05c6402e8539c773c', class: "option-list-item__checkbox" }, h("span", { key: 'de7da45be1f25839f26ae02df9082d56e5f2d0df', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '692c1642e9f035b2267b60bdd064477da25f1b60', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'f88effa897b9752dd5f02f9e7f73df5bd0714e04', class: "option-list-item__avatar" }, h("slot", { key: 'f412533bd41ed61784d341e25d90d3d0860f1406', name: "avatar" })), h("span", { key: 'b1091ff43a18a3095d9c20ecbd43d3642ed22bef', class: "option-list-item__label-container" }, h("span", { key: 'efbd6424c68e71884a26d8bf868921e006422f9d', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: 'ac57368d8364c458fa7a330ff5b4a7e816c94c12', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'e6caa3b02cba778b6d6031e12f376effb0c703e3', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '20a94203bea74ec7e2a926145ba49b0042824a6a', size: this.iconSize })))), this.allowDrag && (h("button", { key: '9565e02956129bdb87316c8d96086556f6c5961a', "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: '2fc4af86dacaa1a0057c4231fc73f02cce3b0c6e', size: this.iconSize })))));
     }
     static get is() { return "swirl-option-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,7 +9,7 @@ export class SwirlOptionListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'e7f6faa64205a4994560a667d45dc6c300c63337' }, this.hasSeparator && (h("swirl-separator", { key: '54165c5b3c400a5b5c4935b2a16637ce269382d0', spacing: this.separatorSpacing })), h("div", { key: '9a5ff841e78a9933969f13c3cf462ce4375ba2c3', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '4f5a533505b904f2a46f5581471cc36f579cc6e9', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '01634007613b98f483a3becffa8405e62336c33e', spacing: this.spacing, align: "stretch" }, h("slot", { key: '038269280461816e7b03918ca3c23eadba002866' })))));
+        return (h(Host, { key: '6a934af92816fdd0eaac4dfaa860345286855bae' }, this.hasSeparator && (h("swirl-separator", { key: '95778ed495050a5114da8746c4529901d57097f2', spacing: this.separatorSpacing })), h("div", { key: 'fda617e8f755fb48f6c5c229a82b28457c91ca89', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'ae6b344f2e1724f6baa6bcc0526500c48cb12bcd', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '71d7ab8e53ed23fe4f1e7f580b9d9123dad8577b', spacing: this.spacing, align: "stretch" }, h("slot", { key: '6d341ef08c6d829614f24e57cb8e67f535f3bbc6' })))));
     }
     static get is() { return "swirl-option-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -77,7 +77,7 @@ export 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: '33ef24711dbe940ceb097ae34364c95a9876f2d3' }, h("nav", { key: '8a0a8bd45031d3e77e1288b80d0092bcb0d8b001', "aria-label": this.label, class: className }, h("ul", { key: '06a81a9e130f202b8e948a3b22ea726c5bac7930', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '742cc66d2c1abecf1f08c0b676d49a19c474c1e6', class: "pagination__list-item" }, h("label", { key: 'fc78b3b8db68e9dd30578eb990aafadfcdf8e5b0', class: "pagination__page-size-selection" }, h("swirl-text", { key: '3b9afd6cb3de4cd7277587c99cb6248ecb3ab53e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '3dc37e42bb1e69b069939e9c7db68b023361fd08', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '100c22c1ec562d41df270f347c8e94eb0637ffc5', 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: '69eb7fc8716d507a02fbd8560374337b1919448c', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '8c53c034e8eca71cc129b44e324b195195d4cee8', class: "pagination__list-item" }, h("swirl-button", { key: '8719d05a8a33b9ce032fbbdd8244721ec77f06aa', 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: '006de63ce8b760abd86f239a48ae539509b02dc5', class: "pagination__list-item" }, h("swirl-button", { key: 'ca7eb0754a268eeddc6dd18716f712af67db251c', 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: '1f48396a7c38e0ffdc5fb1d616b4158c7cb2a03e', class: "pagination__list-item" }, h("swirl-button", { key: 'e1844315c1dcd415bcb92d0a663592b29652411f', 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: '3fb22e26047156723fdba78666f9a24c8268a5f2', class: "pagination__list-item" }, h("swirl-button", { key: '01fba1e4dc82332939e6c89aafe85f07aca6927f', 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: '20382f45fe6041f7a8d4d93ebce9f2cebeb4f041' }, h("nav", { key: '26b6d22fc4bc9fc2ffe5ae6ebf30c6ce5e9b6c59', "aria-label": this.label, class: className }, h("ul", { key: '47d749d57262eb5b277193d3b1fbb1e6a1194db0', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'e4d2bd569b832060cccc9ba569ac313a651037c5', class: "pagination__list-item" }, h("label", { key: '92384d3dfdc9e7ca611dbb2a954482e1873d00ab', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'a0dc7bfdb41296cb754b97810e7ab906ee4ab892', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'a67eedd2ec7b81a8e3a9e4ea476a4dfa33429c51', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '9286a300f6e37e68cb848a7098402298443204c0', 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: '63de1a3653e7d3ec598db18a33336f48ab7c28fb', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '11c71a54bdbd566dec5222f89886fabe476dfe9c', class: "pagination__list-item" }, h("swirl-button", { key: '708f9488dc91520ab2b07849cc04f95aa59335d2', 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: '0e8c718593af2b3af7c2983daec8097741463645', class: "pagination__list-item" }, h("swirl-button", { key: '24bba36488d9e99de8073624d8fcef9e04c3f29b', 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: '9591e1c1a1ac1d7af9beb171605fadcac5620259', class: "pagination__list-item" }, h("swirl-button", { key: '9af551b80cbcefdd1c7e392f1191954e44aa0db6', 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: '6a397b8f7ce772e315d9c194dd35dd70cf371d64', class: "pagination__list-item" }, h("swirl-button", { key: '778016987fccd52955ff6abf3f7baa66a3028f77', 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 is() { return "swirl-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -174,15 +174,15 @@ export class SwirlPdfReader {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '1014152922d7277f5e604d791bd64f7f1a9b8bbf' }, h("section", { key: '85eaf8100406e98811d2f4a583967f13823c6bb2', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '51427c8edca49093c0a4f2126d269d007b01e12f', class: "pdf-reader__body", role: "document" }, h("header", { key: 'eb336b26eeedcf826e03324ed35397938f0171ae', class: "pdf-reader__header" }, h("span", { key: 'e8405708621772321e778326c010ab27083186d4', class: "pdf-reader__header-left" }, h("swirl-button", { key: '16e6e213aa462f907c8aa400be28dcbd2b3e8064', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'e9fcb270a5650ce24d839c0e171523efe2662804', class: "pdf-reader__label" }, this.label)), h("span", { key: 'c37b50adb07830c2c29fd45786cc6cce67c10435', class: "pdf-reader__header-center" }, h("span", { key: 'aa8633133f4778ec58e9520d9ab677ed7c876617', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'fb08b5d19237a1506cb1bfaf9340cff5d0fe70e0', 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: 'f5ee4402636803ce6df854cbb845a1d8ee30c63d', 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: 'fb1dc7cad4b0572cf8c71d5645c5ab45c9bc9e31', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'e4821a82d428c2227bda266b5915b3749a0d7a4a', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '3b6f5b9ccf526497c8c1f18c9cd669e0de254aa5', 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: '03bcc97a1e3f75e30c41b9de8f54dcdd1f2f4999', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'f755abf85fce384336ea64e98cbe05c422ea2342', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'c46fc664382b6635bc1df2280e5d5f85746e8104', swirlPopover: this.menu }, h("swirl-button", { key: 'd189de80e0b405c5eccf84377338d4780ab6e540', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '9109dbba25328ae07802a49e749ad4c596decade', class: "pdf-reader__floating-tools" }, h("button", { key: 'e3c399de81ccd73a1530764f640da712d05d03cc', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '3d15ccba698e3c2db5b3380a91eb9d5d3e94f09f' })), h("button", { key: '69a1e860aa55d62d7ceb83be925d17eef17c57a3', "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: 'e633b571ce4ba30380b7efbf9d688feae95dc512' })))), h("div", { key: '774bbaf3bc3543114439adefc9ab2e422c39e3b5', class: "pdf-reader__content" }, h("nav", { key: 'ca6bbea8ab40c503f17adf585675c3be64982f37', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '9a92c6f6b1f8a196125d41b873428629531155c8' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'cd93e569bdac85dfb536d494cd1f428b80202620' }, h("section", { key: 'adf9ed9fee7e55420c75251e78c93aba6d9b8e9a', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '25ac907f1007a664ea212d1473dc0e1adf0ca7f7', class: "pdf-reader__body", role: "document" }, h("header", { key: '3d9aceecde85280a9012d17f6ac161e787381d99', class: "pdf-reader__header" }, h("span", { key: 'f6f081c625c94a415e18e4567f3b891ec74185c0', class: "pdf-reader__header-left" }, h("swirl-button", { key: '3a60544ae13cb0e1d41abe6c08c2c2f07823bb3a', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '316dbfd5d53fddaf443668b23390a896b5331023', class: "pdf-reader__label" }, this.label)), h("span", { key: '21ad82dc8df6823f39e04446c89e13641c6a2eb2', class: "pdf-reader__header-center" }, h("span", { key: '00d95f20d8edd205e5871c16d71d135a6ed3c261', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '7222e7a27e0bc9f3aa2aaeb74676ccfc95af4bc5', 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: '54b37cf67fa8b162a09f93b65f8bdd91c42b874c', 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: 'cd9bad597cf6ce13de24d01e3e8049e86b88078a', class: "pdf-reader__zoom-select-container" }, h("select", { key: '5b1d401ef70d9a29f682a4db63ffac1d5e7bc0f5', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'a4cd17de9035b0211f3fe5bee0a6ba7c18114c49', 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: '86b63b4f8c2d0d263e41b0c9e1f0cccd749e2d63', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '6d20fdee143c47082ae93f7727596ca8983f7374', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '0e7d9769a1a4959fa8325160bf2aecb94856b6e6', swirlPopover: this.menu }, h("swirl-button", { key: 'e22f2fd629fdfe73506cdeaddb90e8e9eff74b9b', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'c67ed81dbc8bbd53ef02ad8c239a0d369896bd58', class: "pdf-reader__floating-tools" }, h("button", { key: '770e541fbfa97962d07e38cffdee8b22140ac62f', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'f76e50a78a727c26914ba01aa75583b658468e8e' })), h("button", { key: '5a0113a3eb93beb0b4d2e8d1f7d60d96d2802b2f', "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: '84c63b9e8dfb98082c288b8c0ce965813a9caf9f' })))), h("div", { key: '4a518ada48421fabb42d95d088fddfbae52f8814', class: "pdf-reader__content" }, h("nav", { key: '703682be63b67e50e11ba780883247bd2c3de532', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '9b58bef88a015d00f1896f3b86f2bd0bd373d2dd' }), !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: '981cb67856144c11d3aaf84de9e026646c2cdc43', 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, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'bb6d09787842a9e7ce2c433b8c6bb4b2484939f4', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '5357c79fd4073689f5b9b0dbdb0a4015f301215c', "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: '251343df1d78a228f8f0c8300eb0be3bdcc46146', "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: 'eb9b7ce29e508c22286ad880c741624c4275b89a' })), h("button", { key: '5748706f4a3ff12476cb44d31635fdcdc14b45f7', "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: '10d5ace6eec6205dc9aca8d869ccff32f332c96f' }))))), h("swirl-popover", { key: '087109c45501c6f8c5f697d9b6712fa00eb40d46', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '2b506d1a95b92aa68df642f93171d18fe8d5f7b0' }, h("div", { key: '6839127db2a8d7f56737947990a4d7707fecdebb', class: "pdf-reader__meta" }, h("div", { key: '0c527fca0e20e8e2df21ccdb669a17e0e0156ee6', class: "pdf-reader__file-icon" }, h("svg", { key: 'b271cf5e1cb4179e4eda27d6a269df476ed7fc18', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'ad5408592da56210d40962db50f35d398061ba14', 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: '6c30cca922352c35775552792fbac463e443b153', 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: 'd9e28b318dbecd7957c681d02558469049c1cb38', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'a1f326e9599ebcb7914c4bb2f0fde402c11acfd1', 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: 'd2db86f35c074c7f9db649e3452bdcf173dce0b8', 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: '3c49ccfd940a9db83da83fca2f078c4f9a2da88a', 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: 'c4d12548162dcc140805d7ef4892e6170c81caf2', 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: '37ef1adc8de98ed316b591251607bec068a0687a', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '4da59716902832b7b5c51f23073df266dc1caff2', class: "pdf-reader__file-info" }, h("swirl-text", { key: '81abc032800adcf9450a704a43b52b00a456b7c0', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'be6ad03d7ebff901aa0bbdee9f922065e01f9eb6', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '5433aaefd8a7bc18a6a1b3fd6034de34c1772982' }), h("swirl-action-list", { key: '002d8d72693f9b686f223b3ef200c5b23b4cecee', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '59e47374f9392a063ccf9463165c5ff6b24c5270', 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: 'a5dab4b137cefe711c742f19a38cf55fc9768dbb', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'fa59304f6aedc696d7428429de1d68ac65f89ac4', 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, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'fc712dee43fb1b8c733941bb922dc6835dd35d05', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '5b21765ca0aa24135630a4711ae3561b1cbb0cce', "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: '3b99cc597a419aad3677f43ac66bcd0722bf7184', "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: 'cf4296245c26194b9f858f438edda087351826f0' })), h("button", { key: 'f4d93da6adc08cac2deca9ae01a302d029c67edd', "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: 'ac5ad92c60955c85052ae86bdf93e8c5cbbbfbca' }))))), h("swirl-popover", { key: 'd9428ab63f1da06dcd22112a3a9816fcdcdddfd7', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'a08d0f8520737ebf34961ec84b831e05bb2d1aa1' }, h("div", { key: 'f4256278deb223d907c54f10fff653cd1a006ba2', class: "pdf-reader__meta" }, h("div", { key: 'a4e15661da86f050c2b61c68742717a718d08da3', class: "pdf-reader__file-icon" }, h("svg", { key: '80d9f05d1a8bdf4038206eeaeb4487d06f2d409e', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '15fc7cb215583a1247ea0420193f70f7f1e45a2e', 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: '8090fce04063f4b17e6d76e873f7e74b329c5ab0', 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: '6487fc03a69ddf360b3eecc04effa2c174b490ff', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '74bc701e977d947134e469c79ea37915d22d2455', 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: '4d489b2cbd03941a2b3c7c8b0321b19e492cef06', 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: 'e190873e7d710a30a827a6ceb4fe9a9598e7c9c9', 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: '5738a00935f328f416278348e406ad39b100a1ef', 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: '198db5bb8e6480cabc368c3f23d0ef3597153ff7', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '1683fdc015f536810f8118c754f9a28e328e4f3b', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'f82390aebc4beefa36a74696ef6ccf4ab1fba660', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'e2343eb1e68b58e5896383cf9a9c6a7ae89097c2', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'ab60ef51f79e58f2dc95618308490d9873f08fb2' }), h("swirl-action-list", { key: '84245241802438fd7cb4d2c2fbccfecb98bc8df8', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '000b9fa540342ba4d8886f1ec0544f91974bd54f', 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: '6688159bbd4ad2012104076eeeedc731aee3709e', 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: 'c1346c0b9c3b6bdb2c52676d1bf7c63760199503', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '154c090c72d630c8f149ad2e51e5ff06e59765ca', name: "menu-items" })))))));
     }
     static get is() { return "swirl-pdf-reader"; }
     static get encapsulation() { return "shadow"; }

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

@@ -252,14 +252,14 @@ export class SwirlPopover {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '8d310de231b7643c5fa390c1a7dbbf9c99dc9b65', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '51fa7aaa7dd3d6e81443ac4bb7b9783b893c9bae', class: className, onKeyDown: this.onKeydown }, h("div", { key: '139d4544fb0724c5361acb3ed5a6c4944b222286', "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: '8bd2489dceac03f1b8cdbb3af1588634d8268c7f', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '3c96ecb5867ab6a1d7c7afabbf1f28ee1732fb01', class: className, onKeyDown: this.onKeydown }, h("div", { key: '83bd6d1d32bad92bb0f0ba93e6c027ca87814b75', "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: 'e46352b36b4a0fffe22423436a439f438dc60c8a', class: "popover__handle" }), h("div", { key: 'f880e3a7ad4bd609cbf301e40a28d514fca1ecc9', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '9f28894fa6c340645bc5fb022b2749d4366b0fbe', class: "popover__handle" }), h("div", { key: 'ff0ee6009b51f6e8e4fcdfbfb48153f0fd814c23', 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: 'bcee430443fb4c4dc3e899cf628054f4916a275c' }))), this.active && (h("div", { key: '408b560e9f12857aacfef795a7b347cda7218713', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'ef2cbcbfcf803ce59e35c83025506631c97cac33' }))), this.active && (h("div", { key: '9fb7f070524482812279c94b20d08c7d90329ad2', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     static get is() { return "swirl-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-popover-trigger/swirl-popover-trigger.js CHANGED Viewed

@@ -154,7 +154,7 @@ export class SwirlPopoverTrigger {
         return isActive;
     }
     render() {
-        return (h(Host, { key: '269102cbc2534ab2b6defd31dd9b9ba0f406f82c', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '5e4cfcd225e361cde8cb999cd70b82d937041ab8' })));
+        return (h(Host, { key: '4a03de71e490305eb0dce0db25f1e3d7ed48d017', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '8ea0b72814839402b1739e4d2de1bb2e695fb513' })));
     }
     static get is() { return "swirl-popover-trigger"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-progress-indicator/swirl-progress-indicator.js CHANGED Viewed

@@ -12,7 +12,7 @@ export class SwirlProgressIndicator {
         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: '03dd7eb8c9e4e7c15654249259be651bd67505b1', class: this.variant }, this.variant === "bar" && (h("progress", { key: '284be63a571d9fb55173aeda76ccbec9490ef09f', "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: 'd773f3a50487dd319dde7295ac4a4dcc603ef80f', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'e32adc1eb7ad3341c7b0a7295dbb0092f2b540bc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'f0536f927e68273dea67d2daea326409848e562e', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'dfaf605e805372c8d94a820018b0095842b8c769', 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: '4b951c237a61d2c86ecfa89680ed3086309d63ed', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'e0d157a486ee4364ba97bd1f146729de85e592b7', "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: 'b24e27191714cea85967b05f599e1d2fc2854a06', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'e177fd321e9434d46375b5be42e248ad04701a44', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '0699a289a7ee2b3aff75f4b8f6b4a0b952b0b115', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'e3c067cd45df50fd3da512c0288650b7f70f3c30', 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 is() { return "swirl-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SwirlRadio {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'cf9589a6d96249e9f17c7194226c714e64c7b81d', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'f7912093f0adf0ab2de0a2b55e40fc655d6248a4', class: className, htmlFor: this.inputId }, h("span", { key: '3aeb823a9d1ede0084639e2dc9df0b8894ca23cb', class: "radio__control" }, h("swirl-visually-hidden", { key: 'a92863db127af8610d88f734a1e3ab1b15d407c4' }, h("input", { key: 'b287f603742d1238f48ea93bd0e6caea51f20a4e', "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: '312bb88f1c4580e67ed926d96528f21148c94f17', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '029e15ddc28cfe54d34ac1abd00d377999c32a6f', class: "radio__label-container" }, this.label && (h("span", { key: '26cb7e3431533570dfdf16b16816114551f5f347', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '4f03b751d579d251a066b17bfc5773d20c554945', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'dd93e1a9e4adbf509a19dfd37d425a781fa1cc7b', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'd32d935f4f811e17c7afb70fa717e40ceadd177f', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'b9e64b24cee436738b154cfcbd2cf01cbeb6a728', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '60eeca9a2146478f9ede706d56fc51b728eda97f', class: className, htmlFor: this.inputId }, h("span", { key: '934171e05fca6b1f936deb73e4ad490b17791a8d', class: "radio__control" }, h("swirl-visually-hidden", { key: '6617f95f516cb4b9c18e6a0636a6c440cb0dba82' }, h("input", { key: '68ecf60b1873b5c56c1a862876840d5b74de8899', "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: '0fc478b4cee70968250beabef24895b1ac457247', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'c6a282ffdb707275f3c51603107a61ddc59a0114', class: "radio__label-container" }, this.label && (h("span", { key: 'fe8df563b595badc02fa36c3becbe58925a75c4d', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '2e619d4527c2908959f35e241c7e703c699d43c3', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '7c2d8e70450d7fdac7a1520dbd990a2879befa36', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'c57f52cdf180822ddfdf096a92607e4a9236f65b', class: "radio__description", innerHTML: this.description }))))));
     }
     static get is() { return "swirl-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -33,7 +33,7 @@ export class SwirlRadioGroup {
         }
     }
     render() {
-        return (h(Host, { key: '51e20ccb371528404315a357f58c607c7c49861b', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'bfd6ba710ffda6151b55c6e33caab7b93d16f221', class: "radio-group" }, h("slot", { key: '9905ba1500596d0bd2c132b4ac95edd330aeb2bd' }))));
+        return (h(Host, { key: '22695e03794406b2fa2b0b43f3b98c79fde3660b', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'c24623ad2cf5c4801f744b8e76d12a971f2a07e5', class: "radio-group" }, h("slot", { key: '54af45977521b21868ae1b4a1498727fe7c52aeb' }))));
     }
     static get is() { return "swirl-radio-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -245,7 +245,7 @@ export class SwirlResourceList {
         });
     }
     render() {
-        return (h(Host, { key: '25c428afce926de810a3073339023ddccdc369b0', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '19d36c2ef6b6f78eb0775a0c418ff7205477e19b', role: "alert" }, this.assistiveText), h("swirl-box", { key: '831bdcb1d69e961ee08b9619d2a9c05aed70df1d', 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: 'd35af04318449acb97c319186f25000b0082a59c', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '04444bbc1a1015377c52d9ab307b5859cad396c2' })))));
+        return (h(Host, { key: 'd831867280abfc173c787cdff663d902353e233d', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'c1b47cba7d9ed0a08ea51218ec07c85d38144aa1', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'e0d7270c8c9cf07441dd72c37acf49fe70c7ee0a', 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: '128c961a67bcb88b6283731a598c4d2e780d0276', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'bbb035001ae31e6ea0f5b83bd4714528a8e39bf3' })))));
     }
     static get is() { return "swirl-resource-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -30,7 +30,7 @@ export class SwirlResourceListFileItem {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '22cb962b750b62682294f6df4bbc73d76a68b94a', role: "row" }, h("div", { key: '3090e6d1030b9a8368739a9e60864aae35402e45', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '07ed66da5858bd948895f82e63af413e6e8e0aa0', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '6e5f2b533d21c82fa773696d009d53833ddb7a65', class: "resource-list-file-item__label-container" }, h("span", { key: 'd7cef3c61a7a568d1e5ae6ee34fc095509c30ccb', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '0a3b309fa387376098ab9432a63edbb5ff2cd4b2', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'cbeac102c0cca4fbfd381aa9ac75077bb019d9cc', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '809a5a0f888ea61c41828a7072cb16e54b69d468', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'd79a6f4a9f6eed5ed7bf311773b2e9f82ea3ac96', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'f644089da4ad3b26db45cd723615899d8dcd5acc', size: "s" }))), showRemoveButton && (h("span", { key: 'da8305a643f0a52457b19855e3f0a662d3188485', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'b2f80c7addccaec363b3d3905a96489a3d482108', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '834a6d4b5711c8739b433af1dda1e2c244624216', role: "row" }, h("div", { key: '6a736623a0321cc41af6f5b911331f0168699d7e', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'f889d157d7457e8a5440fcbc0af2e1135f921426', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'e497be50b84b00442354c44b7c6a2a760496bf1b', class: "resource-list-file-item__label-container" }, h("span", { key: 'd8825e416808371e8dcc3b679381c868d291af85', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '07d1c0ce2a197ba41c35a2f3d6560fe19daeaaef', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '3adda11098345706a63f8dc25c148a66ac5029da', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'ade46ef407835785cf9935847ffc8c4bbcabee5e', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '998c1d1036523816e264ce40a7c0ab4ec50aac20', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '1f2a20ae42e4555d93d730326d7767de02298fe8', size: "s" }))), showRemoveButton && (h("span", { key: '241287042b814de24c577dc8a543e9383425b7c5', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '03da0e3ffa5380121db2fec55ae8704cf142af67', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     static get is() { return "swirl-resource-list-file-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -136,7 +136,7 @@ export class SwirlResourceListItem {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '9dd50d8e55bc6a424d93810c5d0e66ca08b1fdfc', role: "row" }, h("div", { key: '18faaa31ab12166d419efd498dc5b80cbe17c1fa', class: className, role: "gridcell" }, h(Tag, { key: '2eaebd1f15423efc7f94a15ec8adef0eeb0c1fa3', "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: '23b94a9189ceb97967c0b0150cd78f6bf93d59d1', class: "resource-list-item__media" }, h("slot", { key: '0395ee3352c61bbd5ff55fca91615a332f82cae8', name: "media" }))), h("span", { key: '77d26a3f34a6d7e45ecd7e7cade0a099ebc5b5c6', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '6a3aa9f003cc38e8db29c95a0102084032e7f791', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '8cc126b733008a467c31ff70c5d2f3dceca23f0f', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '85d651bf6f5fe6971de191c035b9527a96e99479', class: "resource-list-item__meta" }, h("span", { key: '421a1d5d6783fb11331e17e49d4ee94088fd129c', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '0224c083261ab1523060953319534e46d20deda9', class: "resource-list-item__badges" }, h("slot", { key: '89337007fb91e86deee345e355f8380a1a904754', name: "badges" }))))), this.selectable && (h("span", { key: 'bc0e1223e3e3621b3890315a7850a5613fa10820', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '656726528e15513c9f7121dbd3e59d6526becda5', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'ec2f9926c1897db0871ebee348b7d00af20a6af1' }))))), h("span", { key: '7968b3c186772219e01ef8c7f234762bf34ac02b', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'd1ae938de474e3091a1aed38b61c9be7d3e46097', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '69e86ce7e5565f6077062caf0557a32fd811eecd', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '5927b7e3d0dd035320cba009fadc322ddcd842aa', "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: '3694eca15586153d4bc38ac33156658157d4eb53', "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: 'ba53e5aa8aa15bbcbb96e1103c6a51b663dd513b', size: this.iconSize })))));
+        return (h(Host, { key: 'fac4e9ef2141b02c0f47fbcbaf2368561da743ec', role: "row" }, h("div", { key: 'a2050efe1bb7cfaf5828fec38275c0ef64b1dca7', class: className, role: "gridcell" }, h(Tag, { key: '88a45a25ad6c890128048803f69636bd918269e5', "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: '6ce6a2eedcb38541b3e33f36a1418f7697b66556', class: "resource-list-item__media" }, h("slot", { key: '5c8abcabc0dd83fa1febf9de89888c915eb961e8', name: "media" }))), h("span", { key: '0bdf11a2b1329239bac9046457b2997ca332dea0', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '0e326421287e7e1f156ead02ca3a4ee4639c635c', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'fc8d7ab472ae4efdc2234906d256ae6e6bea3e16', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: 'dccf17ffff66bcb875e56a360753fffc117a5cb0', class: "resource-list-item__meta" }, h("span", { key: 'e5d2ea91c855d64ba858c54a80e690b0e7e684ad', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '6e97965511d965b623ecbb8f1c58b5f182220033', class: "resource-list-item__badges" }, h("slot", { key: 'd2a5a5b5e8b1819b0df39a7692ba20ac3d34c1e9', name: "badges" }))))), this.selectable && (h("span", { key: '19c93f99b610f9aa27b701dd1d11fb2f1e6e2df0', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'e9c993566fdcdd32f4260bd39625238bee12614b', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '56589cf146b91c631c0370dcd4a86095d2515a82' }))))), h("span", { key: 'b174ac3e106b4ebb3c919134d21e52b4995b035e', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '2365755ae94002a07654be9b398364f42c48dfe8', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '6922e4d265d60655da0236ba4838bc2e7cc23332', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '4bee5268cb623e2a8ebaf75ee785e2bad0bb54a7', "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: 'c0c43019891547e02b947e90f6112f4afadf853e', "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: '9ba1dbc373631cdb8203f4b435bb66bfeb31c19b', size: this.iconSize })))));
     }
     static get is() { return "swirl-resource-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -9,7 +9,7 @@ export class SwirlResourceListSection {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'da112e2332e282c1435f25165c65a6e8bd491471' }, this.hasSeparator && (h("swirl-separator", { key: 'bc057a044dfd68689199602e6390534c95274d6b', spacing: this.separatorSpacing })), h("div", { key: 'aac0c9b006fb7ad630ac01e2bf8ccd9164084890', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'e16de91e1999d22bdb29f1d2a52a898c11db5d16', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'a327774755e9f9f9f2564f99c7cee627e9868d5e', spacing: this.spacing }, h("slot", { key: '14e1a3a56b7252334ba00e9864db570785f8656b' })))));
+        return (h(Host, { key: '4eae7efd53e84cec73ae5b067a18e0af0e3e175d' }, this.hasSeparator && (h("swirl-separator", { key: '70f39e2e49bd9101a4f0b19c107f6b3d4212fb47', spacing: this.separatorSpacing })), h("div", { key: '65eb9256b3fbe8d6433b4448ba0c7aa6de5d1a57', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'ff85cd46aab8262be9c01ea22bf32f2f1611d5a1', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '309bc5667b652814a85341b748668e61125ffb99', spacing: this.spacing }, h("slot", { key: 'a505ceb8bfb2658d4f33a661dbf357432ae251be' })))));
     }
     static get is() { return "swirl-resource-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class SwirlSearch {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '04565f70f475e763ae203358d16845ea9048145f' }, h("span", { key: 'b3993d970a907f89cb2baecacd7b19591e67aae5', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '8b6c8242900b52324da59c927c30de575c7c8bdc', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '782d6bfade76cfb681779b575642b296b2fe63b4', "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: '1bfe8bd2cdf2f0b81e6be946f0f44869a89decfd', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '4a67f82e770ac52ca730182218c0ff58b9bc2ad3' }))))));
+        return (h(Host, { key: '38f640d87bdec796c7e07309668e1e0e7a0284d0' }, h("span", { key: 'dadfb055ba7e289407f09f7aec2ffb7d0bffe770', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'c849117de80f5b6de58059752b06a9272d5af833', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '53e71fed70dfd8d692ca874262de9e42d0fc72fd', "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: '5ec7acaa39055afd1430f96be7b981e37d50edb9', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '4b29a113365e5e54de9532d530ec8cbaa6dd33ff' }))))));
     }
     static get is() { return "swirl-search"; }
     static get encapsulation() { return "scoped"; }

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

@@ -118,11 +118,11 @@ export class SwirlSelect {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: '8e0282590c2475bf36ce84fac6bee1d49e2cd203', onKeyDown: this.onKeyDown }, h("div", { key: 'e6fb63af3a1b1850d9ecd0869f30665b608fd9e1', class: className }, h("swirl-popover-trigger", { key: '961c0465a1c125d81575376cee4b9cca34ac775e', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'e7951d21da4c560b6f98f9cc94c2fefa646143d7', class: "select__value-container" }, this.standalone && (h("span", { key: '9f6af02043faf53bd592210e88b57bcc003e8fd3', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: 'ca53039db10f2f88d4c48fa276f41d18587433e5', "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: '154ebd25be69a159acbbeab371068f908da1aa13', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: '9dee35dd4b9bbe11bb35297ed9681a0063269d06', onKeyDown: this.onKeyDown }, h("div", { key: '787aa152e368990a9e2edb302fc3a4e2b69a8002', class: className }, h("swirl-popover-trigger", { key: 'd35f32be3e2f45f335165f5a0877f9ac9c1dad9f', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'f37a8e12e72bb7b6da839ec74ece45ff81cd12e1', class: "select__value-container" }, this.standalone && (h("span", { key: '5d175c5a5f7efdf39d5f4a24ca734db89da3bac2', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '8c1ab54f2d913a567f5ffc1b0fcf21c6f1dd61af', "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: '9e02a16ceeffc8471e2689bf757d25c146d8d75a', 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: '976ee08c082cb4f75debdb170f0711f75ce5116a', 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: '9907aee8b65612ced6c8e70ecb4a809c23f06e9a', 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: 'ecdd3732ab75fb2df5cc590fdcd65dd8f435abdc', class: "select__search" }, h("swirl-icon-search", { key: '484e4ac362b2acd17a77c81d82bad6e6b2084411', class: "select__search-icon", size: 20 }), h("input", { key: '6d181ad4760e6af24ceeb1d0f313e582e16b19b2', "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: '327d73757c89b075cffe483d25da50448083c72c', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'a591703db1226dbe29b000e6bd78011d90a3b24d', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'e9a9f0e33729628e72fbfc7e6e46454f70ca0153', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'b3f9060b3ab0bcf8be360f8a428aa0ae6c434c47', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '6c18f88a689236f625c2bfa110bb6e9b3f30eaba', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: 'b3f5fbbd6fab42a07914d509bc6321adde09f168', 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: 'e5ea3ef2087d079e92d094a0228773e5542711bc', 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: '2b30ff3993e8ca0a5b02d678c4c78f56e7113111', class: "select__search" }, h("swirl-icon-search", { key: 'fa45ccc55c38c28a4defd105d0a58b5ce6647004', class: "select__search-icon", size: 20 }), h("input", { key: '5cbf9ec14abf5ee6166549ce9e2f62cbe7de7d90', "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: '25fffebf1960c13e634b1543a295e238fba8afef', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'd68aff2b44e6bd89437f9626a4cbfb98a29f3c8a', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'acdb2362b0a2a651de7192c7b9a85df46d4c6504', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '2dc4fd6fae94bd7e3a4d4256ed5405bc94a30c1d', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '459c8c195ec985c385b70ca0c784f50dc23b5c0a', onSlotchange: this.onSlotChange }))))));
     }
     static get is() { return "swirl-select"; }
     static get encapsulation() { return "scoped"; }

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

@@ -205,25 +205,25 @@ export class SwirlShellLayout {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: '61728ec1085a10381daa3cc23d82b5a2d71b1a86' }, h("div", { key: 'a9663a749b64f95f44562707e4214cc15169b828', class: className }, h("header", { key: '763f7df0712be52726b3c57b9694f933c7ce7e11', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: 'a02d0956da631c669ffdf3cf03621ad7f8d99666', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'd1c99094994f3a6dd0c4fca2a7f8b57876516d5a', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '5d0bcd146e6fbd4758c48e640fb75e77dcb88e54', content: this.navigationCollapsed
+        return (h(Host, { key: '59fb5720d3ee0e1ca4b31e3862ab394bd015f483' }, h("div", { key: '9841f0181aeb42680caa93ff14732131315222ff', class: className }, h("header", { key: '6b598228aceebcdc77458d2ad8ad214ed61d3457', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: 'fa1f1e5ddcc5231f75aaaa834c92fa6993325e5a', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'b0c8ed04d65b527ee0263fb576f1d546aa08186f', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '7b1ec03fc32f0bc98c0857a188e4427360e89038', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '1f92fa6c0c954e2b0a5444572d00295804287860', 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: '045ad98b41f15b5fe4aa3f776c2cf55a6b7e81b3' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '2f20fbaddd4cec93ad8c3979ca36a78747a0658b', 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: '9e4a81453e98336eca211efe4afcb1d79cf940cc' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: '8e5cdd4c1a60da93cd85a4f2fef2e0bc7a9657dc', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '96f2d76730e2f08129e13a1c405399cb46aaf02e', size: 20 }), h("swirl-visually-hidden", { key: '36cf7de257a87acfcc9141b08e0af1f5cd0ab649' }, this.browserBackButtonLabel)), h("a", { key: '643995813cf0bfecae98474de80f6aa1f12882cc', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '6c15e4d10f612316547318c3a491e1ceb6db188a', size: 20 }), h("swirl-visually-hidden", { key: '41f725415ac58c1b39e3b356fb2bcaa5ae17c68c' }, this.browserForwardButtonLabel)), h("slot", { key: '266e8c781ec70a777d6fefd95c7edb6500c5815d', name: "left-header-tools" })), h("div", { key: '243668e828135fcdd9beb6ee3fa0caff26c4a90e', class: "shell-layout__logo" }, h("slot", { key: 'f85f405aeb06c2029739aae75fd83af9b3c19480', name: "logo" })), h("div", { key: '89e9760cf995a348a193446df39246ca9c2299f5', class: "shell-layout__header-right" }, h("slot", { key: 'dc42789342411b132e691f498cf623a1a51420eb', name: "right-header-tools" }), h("button", { key: 'cb82d566e9940abe63de68052cadb87bd28bbe02', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '9cff96f9be4ed538921b13c9b9ac2f4097af3364', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: 'd193d61f2c3aca5953f4d1f9a2a0b0607cb1b615' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: 'fd5722e2f251b8ec55dd2aa4cd561f87360fc0ce', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), h("a", { key: '28eb18170efbf4cf8bb6c4d7350ef6c40aed6f8b', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '196da9e874d1819d43e1da49a43515ab2df8137c', size: 20 }), h("swirl-visually-hidden", { key: '2b116d80279acc2e6d903428b639dee10d7c6cb2' }, this.browserBackButtonLabel)), h("a", { key: '9f0e6b0a7ca17bc826534470ca076c430e65e6ea', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '51bc5f1cc720e6cf79fecef4fa43c3eebf56d2e1', size: 20 }), h("swirl-visually-hidden", { key: '26e46c0102ae093b1c5b6ef5c53e6c2fe41fb9a8' }, this.browserForwardButtonLabel)), h("slot", { key: '68741a375f681de3c701d83699f8c529eb43d2f4', name: "left-header-tools" })), h("div", { key: '34746031e9c02275aeeef290189d521c654c21d7', class: "shell-layout__logo" }, h("slot", { key: 'fc9e7c66806b456b0115c4fea21ad89dea5d3a7e', name: "logo" })), h("div", { key: '88d9e805261bbc64f17c3aa60161bb33ab242994', class: "shell-layout__header-right" }, h("slot", { key: '0a941b587e326d1ffa882d7dd68f8b52dea9ef6e', name: "right-header-tools" }), h("button", { key: '0ca5fffcbb56edffc8af6d328594b15ec1ed907f', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: 'd2fb2979dc107ce6c88f8fd92c2795bf294bef88', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '946339d2c0eb77d041e7a9e883c99458ddd15b90' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: '60c1daa8c9790a67f1ae0a18e61ba9e86736a50d', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: '62ffe5a227b050739601da40406140fd7095500a', name: "avatar" }))), h("div", { key: '085c7e9a6a0b91be4a52217f45b639bc73adac09', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'c549360b63620d270902f4f9702f5b70b9b48866', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '80163b86b41c3f626557357605cb0e80c1fea0b8', class: "shell-layout__mobile-header" }, h("slot", { key: '0c4fe2c972a2143056a17fe823faf7f27c38862d', name: "mobile-logo" }), h("div", { key: '3894ea55495f274df1bd12ec362c8a1fbc78c3ef', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '900f3d6678cd1914cb518d81577b55b0f53970d5', name: "mobile-header-tools" }), h("button", { key: '681b699488b31be2c81178c40ebb4be205f91164', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: 'be582ab7d4147bce8f3dac6971e5c775a7ecb886', size: 20 }), h("swirl-visually-hidden", { key: 'b853968078f3de8da52919f4a6e1be921d166a42' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '9d6f985b3d907bd54895dcf626422c957d09cff5', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '79d64ac709eacf4b12de258555c15045de3695aa' }, h("span", { key: 'e49b399c68531870392b46e255696089f151f75f', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'ad6bd018b98f3c0672f613496997dcd97026c8fb', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '2b790886eb5ac336499ad81b68bde972ad2a32cd', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '072b7fdcf8feb7887e4350a94d535fc05d11737b', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'ca4876d776da0d380e5f181d1a71d3d649cce5d2', paddingBlockEnd: "16" }, h("swirl-stack", { key: '0f930f479d2818dd6c9e0a4ad42fd2dced80d4ea', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '769e9fe1b8f13d41e0ae6d96a5b783736309ad24', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: 'eca29eb7a145eba24754e329b7622749afae2a4d', name: "avatar" }))), h("div", { key: '12d949b0a9e4eba6feb5185e95c8760cd23aa90d', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'c96417cd7e46cafb50a87ef9884bb920c638f130', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: 'd01b78ef84bb28090810f74eee644eab9394e1d2', class: "shell-layout__mobile-header" }, h("slot", { key: '489a6290273f7dc1d66e79560b606954905874b9', name: "mobile-logo" }), h("div", { key: '028c1c09dd770139fef0c92af5dd6d3f1f87b3fe', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '66326c57dbb1607a570a811603bf01410d5c0736', name: "mobile-header-tools" }), h("button", { key: '98c627617b548b20c4046ab9d9b8e8c5a80d6775', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: 'f42fcec03c1eb9c202d8656c36a5dae4c8ddd192', size: 20 }), h("swirl-visually-hidden", { key: '507fd1b72eddb87dea4be8871b9c253955c2dce4' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '29946e11330baa28cfa20a4d74d8bf61dc836c10', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '0cb0e1ba42729acb4d40931bc1509c9035c1a902' }, h("span", { key: '9197f77ac56c20bf231b1edcda14f093cee0d7d8', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '5adcc96b9b1e469bf273c050431fee662da5eaa6', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '510a67a17be4a4de7864f35a1f6044a881f226e3', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: 'a8aabca672f7453ca6a1ec29ac61eb28bb8b9021', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '2056861c74e9865d651592c6a0940c82fe0cc7b2', paddingBlockEnd: "16" }, h("swirl-stack", { key: 'bb809f2d0b9067a0351c9b92aff24847dd78beb1', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '2ce0ca87d95629aa0ef768a8f5ff3eaf6b8b3277', 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: 'd4d05300da66f32e887bfae45255e35c8a1224f4', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'a5188c5a3e9cacc6d9c70f917285b76eff0f5d1d', 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: '11bf2beffb3c879c4474262f47b5223ccee34875', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: 'd786c7da2c62ade2f5878c4a8b5e15658c465d3f', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, h("slot", { key: '33bedc87b6ef58f5d875406ad1749119d58e0c35', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '36940a37a781a8a32ba41195610539ccb8f794c6', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'ec1ba6537810abae2925bc3b06e33e926b613ed5' })), h("aside", { key: 'cb2241808754598045781b547c2fa711117ce36a', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: '833966481f389aa1394f4d8c0a9e303112c0e9b7', class: "shell-layout__sidebar-body" }, h("div", { key: '4cde8e77fa304c044ae9bc3d939d940a8ed4f134', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: '25dc42bf9bd3272535bd588a4a11fd8fcc106360', name: "sidebar-app-bar" })), h("div", { key: 'd991698b4aa217ffc44a0d3acc085def75bbe332', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: 'fea70d6f616a31a9a5b05747774c8b52da30abd3', name: "sidebar" })))))));
+            } }, h("slot", { key: '5517a21cf0b913e938ef85909b7577e96e949a9a', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: 'a82a5041ae24d14ef50d0c58fc83e40c204ff6d2', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '017767b3b37ebc86e79bc4c588e050d5bbea928c' })), h("aside", { key: 'fbc5f62c39cf5374c67b1673c5f471f7871395ae', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: 'e0812ae4d1c9602f3d8000b1cfa218900042d0b7', class: "shell-layout__sidebar-body" }, h("div", { key: '5d16bdf66518a919164463072667fb0f9ee20a70', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: '1356a75bde2fc8c829ac04957736bca663295a9b', name: "sidebar-app-bar" })), h("div", { key: '0e99f991a76ff7bfe045c0cd9173b126bac9a6b7', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: 'da6de19447cdd9f01c18d9651546c9d4602de172', name: "sidebar" })))))));
     }
     static get is() { return "swirl-shell-layout"; }
     static get encapsulation() { return "scoped"; }

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

@@ -22,7 +22,7 @@ export class SwirlShellNavigationItem {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '77c62e5a11b02a13c8bab37c577623280550561f' }, h("swirl-tooltip", { key: 'df9d623c122bac2cc4544740573490708f1dc31c', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: '0690a7fe3ca0d7704aa778a2a2ce06b362a283f5', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: 'c782e9b467467950752cada1e2630f9e1c4d3b9d', class: "shell-navigation-item__icon" }, h("slot", { key: 'f55b25f0361e63f0db01fb033e0d10b2f2996cf0', 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: '3addfa0c9619790bc6dc425591dbdfc9b1e97c75', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
+        return (h(Host, { key: 'f089bb17f113b6e18553aff029c0a14eb2e01c95' }, h("swirl-tooltip", { key: '710d11a1d076602d365e15dce9664e3eb6ea2515', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: '35095f78c77c3f3072f11caaa14c62a3cac135c6', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: '68a0cd8c24aeba2ad864e1663f71edefa2175a39', class: "shell-navigation-item__icon" }, h("slot", { key: '2ce4efaba0b97fbad66f77751a37f73c54555369', 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: '4ab8b9efe50c56f0e79b44731352a3efbfd228a5', "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/collection/components/swirl-skeleton-box/swirl-skeleton-box.js CHANGED Viewed

@@ -7,11 +7,11 @@ export class SwirlSkeletonBox {
     }
     render() {
         const className = classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (h(Host, { key: 'ea69308007943464bfd63c6f634a651ce428ca91', style: {
+        return (h(Host, { key: '46ad219b39508c0f6a4087a7cc3ccbe7414c1813', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: 'd41d7dc3d8ab0d8a0d5f6389604b8466c44991bb', class: className, style: {
+            } }, h("div", { key: 'c3cf0c23b2a41224ef2c9c7884fb21838c4e389b', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill" && this.borderRadius !== "none"
                     ? `var(--s-border-radius-${this.borderRadius})`

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

@@ -9,7 +9,7 @@ export class SwirlSkeletonText {
     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: 'd28eba43fe458dbf6e785656146cee6b5ae3c3e6' }, h("div", { key: 'fa60656dce1eab6ccd637074d96f144b0798b23f', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: 'bd88ab3103abad7e11d29553316290644c50d45b' }, h("div", { key: 'e069ab7ed44155fdab0899d11bc7d67556b8ba8c', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
     }
     static get is() { return "swirl-skeleton-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-spinner/swirl-spinner.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class SwirlSpinner {
     }
     render() {
         const className = classnames("spinner", `spinner--size-${this.size}`);
-        return (h(Host, { key: '165dbe18f16244ed9a39f17621258aca37d8200a' }, h("span", { key: '5640aa022c4300c9cd0430806b2144be1fae108a', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '5ae315940b67237bc600ac85677c0014bdf019d9', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: 'e45e52505a78c481ae52b24636072cf77e6e86cd', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '5c8cdbce78c699a6f61b942351687d6fc3e9bf2f', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: '5d3cd91a147aded64d71501536bc9b93a58444d0' }, h("span", { key: '5cfb99c73463a4272c5e0b3ef7791f580c91a418', class: "spinner__label" }, this.label))))));
+        return (h(Host, { key: 'e5f3d910c7a8237ed0270c166b68e7176a7ca154' }, h("span", { key: '04b5196ba7e16405ad65b62257213271eec45a44', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '337d331928a067e43ca5a2cd368014c4b1062019', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: 'ea4d6f0e909e64d14162c3b08ea7c5fe37f49dc8', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: 'a80d940f389622b7f36dd2b5d1be16f9d9b90604', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: 'a89e3eee0bad4b4f0998e72b5e3d7348f6371e4c' }, h("span", { key: 'ee9470c9ea287d75656988564cf0e0ed2cfc633d', class: "spinner__label" }, this.label))))));
     }
     static get is() { return "swirl-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,7 +3,7 @@ import classnames from "classnames";
 export class SwirlStatusIndicator {
     render() {
         const className = classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: '2df5ba10ef3ad70a54d8e508afa8ed44f42c56fe' }, h("div", { key: '470c96827878d512f22518380e6420cbfc2f99fe', class: className }, h("span", { key: '1755ac128bf3572fe0e0d1179aea59b5a53ab9a5', class: "status-indicator__dot" }), h("span", { key: '8d90b14a23d5d6bcbc6ccc72b44208ef4354ed46', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: 'c11d1de029c227a62ec754932dc3616780815386' }, h("div", { key: '332ab9d0fd8db2a1d3c0b562ef2ff849291e32a6', class: className }, h("span", { key: '65f5047f4f60da82f412e65013d4df2d27e3811b', class: "status-indicator__dot" }), h("span", { key: 'f8147947a90569a2da16d8fea70e105061330e85', class: "status-indicator__label" }, this.label))));
     }
     static get is() { return "swirl-status-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -25,9 +25,9 @@ export class SwirlSwitch {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (h(Host, { key: '9e89ed81e1706aa7c46b8607d0a9b21e6fa3a9ad' }, h("label", { key: '8e6f9e0739f76eb6aa5cbfbde4595cde33770203', class: className, htmlFor: this.inputId }, h("span", { key: '3e8184048a83fb01f9b70293ead357827d327186', class: "switch__control" }, h("swirl-visually-hidden", { key: '2a14e5e7152a76b4d95aa48b35ca4be7d9b55c37' }, h("input", { key: 'f0942e4e191e2c68bbd14e36c2979d70312e98e1', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (h(Host, { key: '1e323bfe13463875e0c03be401d6b10a3477a18f' }, h("label", { key: '77fa3a093892e07257c374c9041c374ae2e7285f', class: className, htmlFor: this.inputId }, h("span", { key: 'a4696dd1d289232a27386f70def4e5f07a9d7ab4', class: "switch__control" }, h("swirl-visually-hidden", { key: 'b6d90604bce1cfc3d5061a644f98601ddebb2182' }, h("input", { key: '55a4ba6f0837263bb67db64b7ed71f68144a27c0', "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: '4b70507b0f8ec1cab62c618cb798c39367d60a34', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: 'ad64b2fe7e5e7ff728a0f7e895423d06b9a1f528', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '598e18074e9ae2b58171004e9c199b535e9a4bb9' }, 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: '07ea32140c6e01c9e9ce970062f288470f497332', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: '5db693d9c4ea03ecad71a8e95d22054320f337f9', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '2af73bce02a7e68e8e5085fa4f88e892983a9cc4' }, this.swirlAriaLabel || this.label)))));
     }
     static get is() { return "swirl-switch"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-symbol/swirl-symbol.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SwirlHeading {
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (h(Host, { key: '5c55285ed6171feec1ffb731d77d6a37699f266d' }, h(Tag, { key: '991c8d9c9a41129a64b0031878ae963d364d5c8c', size: this.size })));
+        return (h(Host, { key: '0353c953005b850b47d34bdcdda57dd2936dd705' }, h(Tag, { key: 'd524a5afd94159002613efe95507de5914ab5e44', size: this.size })));
     }
     static get is() { return "swirl-symbol"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-account-circle.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlSymbolAccountCircle {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'def54790bbeeb1240cf05ff74efe8b1e23a94983', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '8a3bf466c3b649b22a1bebfd7a6e23569b27fcf8' }, h("path", { key: '43cfae2cdf63fb8f77bda34db847b521e2f89101', d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" }))));
+        return (h("svg", { key: '0c2d31b045c98a62df4007df368d42e47e2b4fb8', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'b7b7a68427d72c89eb5fbc665c44365ce687f232' }, h("path", { key: '20e29b1f87670aa3be4d23f03b9dcb51388ce622', d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-account-circle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-alternate-email.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class SwirlSymbolAlternateEmail {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '97aab073eb7cb2e8dade31a47784e5802954414a', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '25a1236c269bea1bee18ee41ce4fc97a7b8761ac' }, h("path", { key: '7c78ef0a139d6903c98ddd5b59442214c119c023', d: "M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z", fill: "currentColor" }))));
+        return (h("svg", { key: '85acefb23177bada458f82cdc552087d38452c1b', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'e75b5725754b04df10656475ad6f62511ffdff20' }, h("path", { key: 'e707499fb7c66a044d11aafd9ef4d72b94004b89', d: "M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-alternate-email"; }
     static get encapsulation() { return "shadow"; }