npm - @getflip/swirl-components - Versions diffs - 0.478.0 → 0.479.0 - Mend

@getflip/swirl-components 0.478.0 → 0.479.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 (2680) hide show

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

@@ -62,9 +62,9 @@ export class SwirlOptionListItem {
             "option-list-item--indeterminate": this.indeterminate && !this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: '52a1d24e235b20d741b77abaacfb6b4663128b6d' }, h("div", { key: '38d03b62e009649916b51f32d39efd87fea67956', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: '7b7130db6b825e8b608e2b4ba29f78789e832d8e' }, h("div", { key: '5b4b06ad99f5a3525b0821a43a19a1e07320b4d0', "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: '2bd2424233527896dd89e42fa113eaf32b4d4b77', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'b47ca1e52e0dca2c83e95e335e1d55e57f0bf2c0', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '1171ed3b5aea415c544b267b24490d70d00a39bb', class: "option-list-item__checkbox" }, h("span", { key: '09c0cc4641f5bbc0484ab87d0ec2424eb140e098', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'af5e8097c613b5b28d938d26ba13bdb0d28d557d', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: 'b5efee17eb4c9092e949ebbe1eb8d725d51230cf', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: '590abf3450cd53c3dcb77f75dffe6729113a48d9', class: "option-list-item__avatar" }, h("slot", { key: '31851a4c86c629f944dfd802dd1e6aabfa8c17df', name: "avatar" })), h("span", { key: 'aaae4c12eab0494a86dbdf8e58662c9ea8e140a0', class: "option-list-item__label-container" }, h("span", { key: '4d9c12065a5209a9b8cb0de65eb030113340e22f', class: "option-list-item__label", style: { whiteSpace: this.truncateLabel ? "nowrap" : "normal" }, id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '15c6b005c2e25f3f7fd5646082c376f5240e487d', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '9c54ebb298f8acf77ec49178c79cfacb0611de38', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '18fa1156970f02703b64ddc0eef54205668acc22', size: this.iconSize })))), this.allowDrag && (h("button", { key: '02fed3521178f0b136c283e148af38c4debcf100', "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: '62af0737f74f62c8a446ae0b9266ce878a8ccc29', 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: 'b54cac526dbb68e86f9a95b262d433ca4a69832e', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '7194f36649bf9a8ec0f2b52a26e84577e9de9b65', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '1c5989e694dfd41ae0d801bd5d6115d078ecacf9', class: "option-list-item__checkbox" }, h("span", { key: 'aaed6e8cdb21d999d23b4c0625330820661eb530', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '1f9f0f67030ed686d7d7a0ba5692b2ea1c42b8bd', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: '9bd4ae1d5ca18ff1aa753a6ee8d7585cb80f44d0', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'f7f9597ef2ecf28ccf679843a3ed1e4a0cc7a6ee', class: "option-list-item__avatar" }, h("slot", { key: '29b8249ac00683f208cdb5880d4db3f1817eb661', name: "avatar" })), h("span", { key: '16a9f76136724412aad5ae9ebf70a5876eb5340a', class: "option-list-item__label-container" }, h("span", { key: '60765c63f30d920d0ee6269e45f1b7aed2db4f20', class: "option-list-item__label", style: { whiteSpace: this.truncateLabel ? "nowrap" : "normal" }, id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: 'fe43e9e863a3cd8563506b63b826812302ddc3e7', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'e66cc07c150fd6909b1159e6eac954e14d045f9d', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '58f1878c2369ee3679d8ab899ec6959ab3e610b4', size: this.iconSize })))), this.allowDrag && (h("button", { key: 'd381c0be3d0246e1ed2d553cab9225de5428b20f', "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: 'ccc746574c30bb87cccc0b371a31b896bcdb70d2', 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: 'd4e0081758f4ea62fd58165494d032963c61f5d6' }, this.hasSeparator && (h("swirl-separator", { key: '00ab78ac8f0d69f16ff92d1c7e909fa002f20d04', spacing: this.separatorSpacing })), h("div", { key: 'ded4ba310ad750fc45fbcab74c9f518ebb580a46', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '9d3066393bf92846e9e989af7fd1af41324ec865', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '2c69b8d3d47fce5acf8c8b33d729acb34f7f4b2d', spacing: this.spacing, align: "stretch" }, h("slot", { key: '7bcfc6dd90f4a4ff458e4e13a33e596af0a785b2' })))));
+        return (h(Host, { key: 'c3d6a00c7826696125a52c94407343e465f61457' }, this.hasSeparator && (h("swirl-separator", { key: '1a7a5676260c8b4969c627a0dd91788f3be2aa36', spacing: this.separatorSpacing })), h("div", { key: '85f1bb5fa8e5c830be06c55fe56932bf6c52cc9e', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '4605ffb4d7883e889e29cc34e9bc94888e6186ae', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '618ba2f1a4753862f7ae914a2f2b286bc7e3b630', spacing: this.spacing, align: "stretch" }, h("slot", { key: '76c45be8e73e97e3b664c6b9bc85bac3795d2bb6' })))));
     }
     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: '1abdd296854f71e56644e2ce2d0743f957bd69ae' }, h("nav", { key: '80f99fa1fe1e2c43a76ce0fb33bc8ea878e350da', "aria-label": this.label, class: className }, h("ul", { key: '07459fa1f5e3cfe81bd45071b984c9b947a48958', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'd9e24458aee604f2f489eeaf7788352d78f02695', class: "pagination__list-item" }, h("label", { key: '720b52acd50723bb07252706e00d6c1d7d10bf69', class: "pagination__page-size-selection" }, h("swirl-text", { key: '7813ad3f1a9f970cbce8fb287d43ff2b6802e39a', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '53363e8c04d36091f27a53fd876f6ffb7dd62e68', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'dc16d7d481897e50065c5d5315e9b66ca13198e0', 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: 'dea38f1d7ca0569784caa44c4950759d6ce90c79', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '8a794401d45ad51cc0bc6649d059e9dd9bebae1c', class: "pagination__list-item" }, h("swirl-button", { key: 'fa01c724eb7f74400c549ef077985d5f55229be4', 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: '4f38910d87eacb23928b5dfad46e309742755312', class: "pagination__list-item" }, h("swirl-button", { key: 'b8cd596bebb5e47f5d18b275d5411912e5533a76', 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: '65100eb0a52919adfed673daea4cff8481dd7111', class: "pagination__list-item" }, h("swirl-button", { key: 'b4cb8190c910846b341f7fb95f2bd288227337b7', 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: 'b5a97dbda35b75d2c82a41adb38e8c314ae8d5bf', class: "pagination__list-item" }, h("swirl-button", { key: '7996ae8661bbccdf8b3b9b5b65a2564572fd2056', 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: '5cda58b22f704bcb05c0f98f1fc32aa4bdf7d32d' }, h("nav", { key: '1c4bd2362ab41b4d56f1b4794510b1d7a6c16bed', "aria-label": this.label, class: className }, h("ul", { key: 'd2ab1cdae6dcc8108d3a49c1d4dd900b94aea2da', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '03cd3c234bc30bea1db5b1a69a1ace5575808b7e', class: "pagination__list-item" }, h("label", { key: '35b26ca83eaf6c124af2a8e813d157bcf322489a', class: "pagination__page-size-selection" }, h("swirl-text", { key: '0bb124c38230df2698ac657a30975ba0e85ad312', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '28d1fa4f87c3dfc27389eae074375c3aa3afd228', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'a46b453a4d9adb62c05dddc9f577e1e30c627802', 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: '4d693f04efe502e5ffd42ba53a873958f28f6685', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '988b6feb5508fef6ad1ea40594c75bc62e794adf', class: "pagination__list-item" }, h("swirl-button", { key: '28fc3fc5bfe369656fa2399d4de84f167ab5c2c5', 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: '760d1f740fd2f1291a49c0ef8b02d3d57c050e10', class: "pagination__list-item" }, h("swirl-button", { key: 'cee32b7d734ba1c187765d49bf02c4db259b8a7f', 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: '5ef5ae81ff092d361f3ac8d3115796c067747da1', class: "pagination__list-item" }, h("swirl-button", { key: '144e998b66ea14c77077f4eb5855dcce6a10ba75', 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: '385d446323f7b972711e74c16c567aab1e21ec99', class: "pagination__list-item" }, h("swirl-button", { key: 'b5ad4d8f8c5fcbe20ebf3263b2c65fc9ee93a140', 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

@@ -195,15 +195,15 @@ export class SwirlPdfReader {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'b746fab880c79a2b2814ff9cb6629270d4496015' }, h("dialog", { key: '8544573b3861087277b2d67a097d6ab13f7074f2', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '113c44b82bdbfd7c4d1ffbbce4ffcd46951f107f', class: "pdf-reader__body", role: "document" }, h("header", { key: 'c9f9d86ded65f566b26041e580081259c7f76c63', class: "pdf-reader__header" }, h("span", { key: 'b56c35ce97952a3d1660a8a7ef7c6b56f976fd86', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'cdd6cc808c0c40feb48a4e23b755865c27316219', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '00eff8c5ad1d4f52886800a1befdbe6fd047a221', class: "pdf-reader__label" }, this.label)), h("span", { key: '5e26a35e54d57bfa3182706bf59e7360c2107e89', class: "pdf-reader__header-center" }, h("span", { key: '6b4283d1198130adedf9762f1ac6754413320495', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'f358726148adb40ef01bc98ae1f51a004106ae7c', 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: '0a4cea73683f8a53f11a4bc24bc73d1dc48e6f01', 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: '6bad310606086bb7b8966402e34cf5166a5df715', class: "pdf-reader__zoom-select-container" }, h("select", { key: '049f7aca557041fe7f58bc6321fbe817b5103552', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'cf4238d66057bda6ad2e7f1dde8fde6da05536aa', 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: '3e947da05c77f97400a12d68da239fe71f1db1dc', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '10658e56b75c10d63abf04695de54864631e4357', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'cd64f6251f356b8ca6bf5cd9d22ea51b3cdfcaf1', swirlPopover: this.menu }, h("swirl-button", { key: '70b40bf02b4d5d4691978381fd4f696cef0311f5', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '300e83bd5fee9fdc75bcf77cf2dff71f7dba1422', class: "pdf-reader__floating-tools" }, h("button", { key: '38f90ce0dcc873af8f4e3080373b001acd6629cc', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '2a5eca3ef8acf85c5417d74a534d2f98a0bc9d3b' })), h("button", { key: '9dd37be7fb39a176e4fb0aa44bce0820876c75e7', "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: '06656f4266ca04c3cc0cd31b0b725edac3df41f5' })))), h("div", { key: '86d85ec8b0c93b818464d8c4d614e5399be8a556', class: "pdf-reader__content" }, h("nav", { key: '4c7d1dff47e6f051643a4e4cd3baba8d5beabb6a', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'f0c6825e7bec41dc240012554f07cad82ea27eb6' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '73cf99f14aa83199a1206bc3306ea5fb5306db3a' }, h("dialog", { key: '3cbfb7a8bb396128a24cb6abe3224895c56ff75f', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'd2d4d24e92b3f2e386964025b0442f87bbd1d5ea', class: "pdf-reader__body", role: "document" }, h("header", { key: '7bb05b45986120bbc2880a6c5bb4116f2cf15573', class: "pdf-reader__header" }, h("span", { key: '9cca87aa311ee56e1af223aad51985f4d3436ada', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'd3dd516950c5715a320a777fc893b7f6fa80133b', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '17d21aefc660463ecdb5c60fc1a1c86a3986a9e8', class: "pdf-reader__label" }, this.label)), h("span", { key: 'f13096352c0c10071f4fecd389edf6907292f493', class: "pdf-reader__header-center" }, h("span", { key: 'ca3abc00ee708ab654e778d422298704527597e0', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'ba9b48a7875331bd35c31224b6dc03d0ee9a89bc', 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: 'd994e5e66d238dc1770d3aacb2f3688ce182396c', 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: 'd625581b1fa85943b15fbfa3572cbb39a48697da', class: "pdf-reader__zoom-select-container" }, h("select", { key: '11675aaa947ab1b18bbebdbb97cf77adff5cf692', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '21a0557bb82316d5ffa6623e5ba4e3f4bdf966a6', 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: '9e2919b00b85ebaae0c9e8abcdad8ecc910fc535', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'f3a52ad05ee7f1a862dca00472016e630b7b4dfd', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '1ac682adaf6efc6b70a96cf0766527e1694a0eb6', swirlPopover: this.menu }, h("swirl-button", { key: '9c89b036f6b5846e7e35997b362fc2db76009e44', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '680301c619bb96fb871150e9ec0e29a017c360a4', class: "pdf-reader__floating-tools" }, h("button", { key: 'd6756d351b887ff1c4c7250c9a08d89ebb7defbb', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '34885365167c1533683f4d704f71533e2cda6e9a' })), h("button", { key: 'b09a7516105825b9ebfd58b621e9400a01f92cbf', "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: 'ad53b6906e48e5e97c160337a0afc1e15ee68a88' })))), h("div", { key: '9cb9dd89e8f8019a36b6a253816830c3c9eb2e6a', class: "pdf-reader__content" }, h("nav", { key: '0e7f7bb708c03556e7d546a1a1b0ab4abb491030', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '99605a278aff8e0ce05e63d6e4a97a7bc67c359c' }), !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: '42ccbfef81144c66b7a3441a70bc1293f555a32e', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, 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: 'e4fd9b4a87351e8e61065adeca6808e9b0fd66d5', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'fbf7248c8ea712e219bc2aac1af264e82d4564b8', "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: 'a031e0f3c23866df574ecae5350a052557580af5', "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: '6e8fdd862163e835491f83e57ad940fad7432a7e' })), h("button", { key: '09c657fcd3aa2b6c2cab864806c708bf37cca8e8', "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: 'db455e29ee64652351ba79ab5532596e6717c61e' }))))), h("swirl-popover", { key: '249c3142c49e548fde330ae2147e17c87ea7ca73', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'aba0369a00834ec1b648f853439046653e9d162b' }, h("div", { key: 'eaff98da63f9ebe19c3fc47fe9bcf7dbbba8de4f', class: "pdf-reader__meta" }, h("div", { key: '63f07b330a3070aa952fe913375415d564a48227', class: "pdf-reader__file-icon" }, h("svg", { key: '3a11a8cbf48f68a5f808578dd12fae317d7f88ca', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'c71d7c61c3c8bf31ee5c1122f2c3f2eef84b50ad', 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: 'b290bd4eca742275e178e08f362c32af8756c42f', 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: 'c28db1ecf84d2acf2b5ba21d92cc24b8e80ea287', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'b93279040b3b8bfdafad37334984aee88b7deca7', 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: '9a3ec8c50232b11c0d30058f90fb9f4db250513a', 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: '2993f50324b12a315eda43eb8357b08e576085c1', 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: '888e9ef62c85dc7cdfd09cc63a68218f2bf27470', 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: 'b706426740d07c5ff585836080345402fdf1317d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'd07da012f129481517f726839afc02108a02b097', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'de905bdf4ff949934dcb0957aa9849fc6742eb08', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '3205a23f5d27163524ad774e28eaccf8d706d35a', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '1e2790b93d1ced4b8472d639bb7ffb40d513a664' }), h("swirl-action-list", { key: 'b19b3ba85f0c975a39b6549095947f772bfd66c0', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'c843bfcffed7c1580646e01736796e045038b467', 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: '6e3ebeefadb6444dd47403e31b9988db928b8c5e', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '4b388ad41703870c1ba2ed3a1ac699beb86e9969', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, 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: '5acb89b6682c076dc4db5dbbc0b57a6ac2037549', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'a1ed5e44b71d7d09826c55756f8a18eebad2fbb6', "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: '1c24dbff262f1b4a7c054beea5dfae37635c30f5', "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: '4fe3386910f0d5700f11dd25e85d7338ed0b36c5' })), h("button", { key: '4e142c456b5c61eef7807ed7cfbf620a736eaf16', "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: 'a0b28c587c07b68964a31f1e13715f0988cf0c88' }))))), h("swirl-popover", { key: 'b022532137d6cd112a42fddba4a951c651c2b7ac', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'c1dfcefeb984c2b9db18768083c1aac64a9e8907' }, h("div", { key: '9de5a74b3c5de126bb0b3ec211c1a64a90c74eea', class: "pdf-reader__meta" }, h("div", { key: '75e4e4b32c6333f4bab66925c486ca6522dbe3e0', class: "pdf-reader__file-icon" }, h("svg", { key: '88e9142ecd1a3f1417f6e92c153bf326c3eca8e4', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '9f3753465f22849be0722768044c1903c6956120', 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: '86b621b77cc767d51ff034991c4386e4c7722869', 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: '598b4a2f9d03ce475122eac251926c36bef9b9f0', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'f0db885d41a3cc322de24fef2e01d376afb4fd48', 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: 'd8ea4f97a6b7f7d3a635a7a6e2833a7892958b91', 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: '3d96a97f287f4984dd5c9d38650503432e78070d', 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: 'e30be770aa8900075b8d5999695432e4b32d00e9', 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: 'e4301fe3a0e3e71aa76f7db6605c906afda2dbd8', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'd11b2a517b8453d9e05baab4a7dc568d1bf166ba', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'fa0604780095cd629db8e2362e2d14f539b07f5c', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '83598af89fc7cc1d6a8768260ae2a49a32f893d7', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '8d3a9b5db77f8a6b94b072452ebe1411221d138d' }), h("swirl-action-list", { key: 'fac3b9c7823ea98a31fd968440e0edb0b2b482ad', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '795d1c16589ccb40bf160f06087e6fa6bde0fa52', 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: '147e33d533f8977f0eddef5d654174a2253f7c65', 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: 'b136a2445e68ffd0670f69e9c20755e1c460e504', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'c602d6ff8e1d6d3a9e0459bff8eae31b61b9adb6', 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

@@ -318,16 +318,16 @@ export class SwirlPopover {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: 'e86660b1d954b74b590ec8975654b84bdfa8253e' }, h("div", { key: 'cb454da1552d7f348f5ff3ed7a09d1f0b5fc49ac', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: '354370c9c4bfaad3d8a0e4793ad04cf623da47dd', "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: 'fe7fad20b346c50423c0acf23522542b6fb050ca' }, h("div", { key: '29415d304aa7d8908e91ae913a5b35da408a79da', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: 'e0cef73433721b200685e42199853bd61dbaf5e7', "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` : "",
                 opacity: this.active && !this.position && !mobile ? "0" : undefined,
                 "--swirl-popover-border-radius": borderRadius,
-            }, tabindex: "-1" }, h("span", { key: '4197a0265d62275e6bcd3cc490297c06a962f29d', class: "popover__handle" }), h("div", { key: '4090dc4fa478c21b621be37c4f780a2126802edc', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '419876d09953a7ad35cefe95da3bf1a6224775d1', class: "popover__handle" }), h("div", { key: '3d6f8433e4553c11d43de5e1faa63367047d03c5', 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: '16ba8a242e8b38e4f0a8aa82c34b02956b79a07a' }))), this.active && (h("div", { key: '217d3c3a8a21592c71011deae0c54a532e1445d3', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '51aa6ceb50877b84716db7f87ac4e9197def732e' }))), this.active && (h("div", { key: 'd4efb5cfd8d950dff4fd798c8ecfaff9941524cd', 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

@@ -185,7 +185,7 @@ export class SwirlPopoverTrigger {
         return isActive;
     }
     render() {
-        return (h(Host, { key: '34305db8f07d6fc98e12fcb21f324914cab93f42', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'd5fd1a6e40d85473acf7f4d0d301d424184eb78f' })));
+        return (h(Host, { key: 'a2747bf818cfbe4b3d7caa02655436f35b5ed087', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '8dd0200e95be515cdba4ae0bae5132f5c8d3e3e6' })));
     }
     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: '3332f87c930010a520a6b758021ba9366b9154f7', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'c9208f5a3446062416beca92a37f21f0ccc85997', "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: 'cb226c356163fd6923d0a32e28964d4a5c34da84', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'da13ed312ec39c28d7042a012805d0cec1a0f5d4', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '56c9850941cb429989b560ebcbbb428bd3728acb', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '86de0d4d73b89bd21477009642aafc2b0204d2a0', 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: '554a77d6a3d9c769f7ae35d17ff07d04595edc67', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'b881a20eb065e7ed9853d1d192c1d3826c251dbf', "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: 'bf687e4aaf398642b0539a2315865c9c180a74df', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'b149cd39096a93aac3a168b01e44a92cce4ddc77', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '90a45e5b3321c0af48dc6bcf368570193f32f278', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '916b93e693312a1e9c1057e38f1e4251f89277c1', 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: '9e9eb7b8234659816e3c8a2e596efc9624f5ee73', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '50c82d86f0a5ce41e0b514a38d4c9e1cbd659ef0', class: className, htmlFor: this.inputId }, h("span", { key: 'd34f60ff60795bdfa2b030a4c7238f0d9dd3798f', class: "radio__control" }, h("swirl-visually-hidden", { key: 'b5138af01fb967c48398b825aa1d373e53b700ca' }, h("input", { key: '187b2fc0bee95842f1926dce352fce6ec7200b33', "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: '6e51b1e57978d2944f9ae62d4bc2dcd847b8a173', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '35cf1a4200d4b520800dc0019fb1925acf1407c1', class: "radio__label-container" }, this.label && (h("span", { key: '15cde4799d5df91a16c1625caccb8226c6776d84', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '5b444945561044fb812b285fbbe614189e598660', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '3bc3282bd16c730cc7a7eb145cfbd0c6ff4eb367', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'b8b66eddc317029e9e14d8dfccc9d4fcdb18d9ab', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'e2c52f4fe373250fc63929fd6e9bd433fab696c9', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '26b20d109434a3415b60bd4bad1e0506356be802', class: className, htmlFor: this.inputId }, h("span", { key: 'd5cbacf82a5dc687368896e2df92d5e1ad6775eb', class: "radio__control" }, h("swirl-visually-hidden", { key: '1a3ef43b1dfb32c819be682e5fcb4f07fcb031f1' }, h("input", { key: '999c0985b236d3e9209082d057ea07ae9e2a12f0', "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: 'e47d2774fe70751c51c2b3f0bc330d7ad2477277', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '13ca619bb093acefac7e5b12b3ef3b6a6347a5de', class: "radio__label-container" }, this.label && (h("span", { key: '81007d0c202bf9ba316d55ae0d2006a590cd6715', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '87961a683c2639496011631f998f8710df2974d6', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '1e26cad3de64027d41141f1cef73c24acbda5f3a', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'c7f90481030603ebf0e29d3e1d665185a5f20f41', 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

@@ -54,7 +54,7 @@ export class SwirlRadioGroup {
         });
     }
     render() {
-        return (h(Host, { key: '66b84ff7c900dd00ed77e0af2cc35a268d589ad0', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'c8c9aa702433e20781478c981ed56b47e3ceb5e4', class: "radio-group" }, h("slot", { key: '319669a0d74d23f8598104de48c805032e0e3197' }))));
+        return (h(Host, { key: 'bef86b0c49ff902fcbc7be5e0923a1f773ec0c87', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '104bec944cc23379590f218b96c1afbd1f356a2a', class: "radio-group" }, h("slot", { key: '0a5e5f74b4a37bf44818e94608eb16f6440dcd74' }))));
     }
     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

@@ -280,7 +280,7 @@ export class SwirlResourceList {
         });
     }
     render() {
-        return (h(Host, { key: '473826d3b1fca7cbf18c5ab20ebc5064e0a15f40', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'a5939effe817f82750cb38556593c53eca1a84d7', role: "alert" }, this.assistiveText), h("swirl-box", { key: '52a67d9f54aca12edb7401e544493431a68b22e4', 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: 'aff283072e951660ffe2a462f6f9699e9ff1078f', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '721c3158ebaf7d6b171a57db1b8c6392fa6fbbec' })))));
+        return (h(Host, { key: '1f58bbaabd999e3dc1ae17250692c480f35fd159', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'bceadb65963e99d40bb94c3961cba58237a6b8df', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'c40c6c42df7368211ba191e4c9fe561bcc56b300', 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: 'a5271c87a326b196b7b509264c9b86520494020b', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '50be68babd41e1a2828d5fc87306d28008f2b037' })))));
     }
     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

@@ -32,7 +32,7 @@ export class SwirlResourceListFileItem {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '26bc9201d9e63e2a4774a0f78d1f66ae75069604', role: hostRole }, h("div", { key: '7f5380289720aff7a8778edf82a88bc4448c3153', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '90543ab330b1d502c90c79e740f3c4213544ba40', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'e34294a022acf92452472a2069954d2e09a41a33', class: "resource-list-file-item__label-container" }, h("span", { key: '7383826d1b00e2306f6ccffd8dfb19cb8cfdf617', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '7c931f1f384dd930182349cc2da87ba9c7403524', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '9e36ea9426fb50ec640c94ada0b9c137f07887eb', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'e72147153ddb68b0fa774d70014b7f64dfc350d5', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '43984c82ef92d9733d0765469093339935c6d916', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '780e2c810e7987a93a5a172f37c3b873ee6a0f7d', size: "s" }))), showRemoveButton && (h("span", { key: 'd739448ab4ace92d89132bdc60a09ca1a0f13272', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '2b4e3a4dac606f89032fea837451c63fd5d0ee01', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '6f74596ea4459ae2648e212c339350e998b03f1a', role: hostRole }, h("div", { key: '5cd901794f20514b539b895cf233dc76e4b742e6', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '2cdde7896359798b40ab899ef0c1abd0b9ae9318', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '4e1be560518732c3753e8bfd28cb2b703760cfb0', class: "resource-list-file-item__label-container" }, h("span", { key: 'ad14c0fce539a0bdb1761ef502989adf058b2044', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '94fbac21c9a400db6126ea08840ba6ff11b2aecd', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '323ac38102587e3740bdb5fb30fc4f4550348420', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'aa2affe314f3cf986cde48d9e9adea233c34e171', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '964faf7247c015f3e9ac62cdaf7bb6268b3d8d9e', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'f3883e6ba55ffe3c24d858cf96086b50802c0c22', size: "s" }))), showRemoveButton && (h("span", { key: '62cf954cf14c412e5b67af9ba3130457716e7f64', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '849f1faa274e04707f0866d512096f452d1e1530', 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

@@ -133,7 +133,7 @@ export class SwirlResourceListItem {
         const labelContainerStyles = {
             minHeight: this.labelMinHeight ?? undefined,
         };
-        const renderLabel = () => (h("span", { key: 'd76b50b18e7e918aedf6f12af04365bb8ebf9eab', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
+        const renderLabel = () => (h("span", { key: 'a527d285414b2de52e0229b97e99359773d668c7', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
                 "-webkit-line-clamp": !!this.labelWrapMaxLines
                     ? String(this.labelWrapMaxLines)
                     : undefined,
@@ -156,7 +156,7 @@ export class SwirlResourceListItem {
             "resource-list-item--wrap-label": this.labelWrap,
             "resource-list-item--wrap-label-max-lines": this.labelWrapMaxLines,
         });
-        return (h(Host, { key: '10ce3e5ffbb39308322358e8bbab0501f7d3a10e', role: hostRole }, h("div", { key: 'f8165b117f476bebfdcd2690b32ed3a361a9c3e7', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: '78f1d012aa6421c98216be2c829e790c0937d737', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, 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: '977c89c197892bf25a5c34e3791f211ee44be189', class: "resource-list-item__media" }, h("slot", { key: '6701eae11641657f9727ed21a806dc85b59fdaec', name: "media" }))), h("span", { key: '37f0c1abccdbfb9f82fbfe8d0064f7ecb5011e32', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (h("span", { key: '52f01bd56e2ebf78931da2aca54c67f7953117aa', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: '0a353244883ac3fbc677dff68f1a74fa1a6b4447', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '8bcef7f9cc0bfa7ad46091658a51bcaccaa6d6a0', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '6320b036f118ee3a815365e704f9b141223322e8' }))))), showMeta && (h("span", { key: '23c295504aa882d681a280403ea5195ffd6d3f23', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '5e8ab4563eb9b9b2915dbb5effda4ece407dcbfd', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '2297088e84c55aa38204c8cc2be3be9146f35996', class: "resource-list-item__badges" }, h("slot", { key: 'b4b7015b3adcd2f861cdadccf7e11d5e57365fb7', name: "badges" })))), h("span", { key: '95998fcce89260e3bb16b0ce772b8b375b27b9f3', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: 'e87615de7b21a7a8c83b73e11651a396b0cfee87', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'f4c13463f43744ce2ba9ee21976aec525865ac48', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'a866ecd11a0561e12e9d7fcd529a412b11681191', "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: 'a08e6538986130b10f815699e98bfdc936cc7e36', "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: 'a040b75c6794f7ee58d3073e6232e93590b33f7f', size: this.iconSize })))));
+        return (h(Host, { key: '0b206a71130cbccfd613e11f0c5768af99dacbe5', role: hostRole }, h("div", { key: '07ce8a89faec475ba3b8a15ea4cc705aefd1085f', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: 'ee7d6e05815f607c7457e645e90a1911cb69ba33', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, 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: '808b37a3a3a3e7302eb1ad20a868ef4a58909b2e', class: "resource-list-item__media" }, h("slot", { key: 'bb6b9872a4cad75a191a8ac5b1e7e0678fb8f2d5', name: "media" }))), h("span", { key: 'fc2f8e551fb56ffdc6fab7bdea57511bb23848c7', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (h("span", { key: 'ffc43d1f7bf34b0a579dd936eae66f9b7c49e0ac', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: '4ba2865f73947f92e25ae2862432a377448c6ed4', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '9717bcdf72d9dba1878ac2b4e31e6bd7c2b092bb', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '5ee683a97542a9201968b00f91c13c5f42562a8f' }))))), showMeta && (h("span", { key: '4fbffc98900433159b2111fbb423850b2b3747de', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '24466047588a26d75623b6d7e2d3e0a7ad2bce83', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '6f89b9573b5185f4b6788297312bdf4f48f9b289', class: "resource-list-item__badges" }, h("slot", { key: 'b88352a9479805d3ace745d35bfa5299ebbff9d4', name: "badges" })))), h("span", { key: 'a79ff79a69660bb7b2963fbad37def8d1f45d057', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: 'e05edcd7257b12862c634b591581fa7d5733e42c', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '3f405f8215f5054314f55d048dfec2f1f38ed1e1', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'b12ba8600053c3abf9615b40eca48a8c5110a2e7', "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: '480499e93fb6f5f77f50d9feffb311a3a0b6bdc4', "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: '8b3c7dcdd22aa2a7d4974939046abf46929d0416', 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

@@ -11,7 +11,7 @@ export class SwirlResourceListSection {
     render() {
         const role = !!this.el.closest('[role="grid"]') ? "rowgroup" : "listitem";
         const childrenListRole = role === "listitem" ? "list" : undefined;
-        return (h(Host, { key: '75022092a93008a832dd5679f025dc7105300fa4' }, this.hasSeparator && (h("swirl-separator", { key: '27bf5de4af7d691950231076855729d94d228549', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: '83f57a763a31c199b16aa7940ae5350dca6c9c12', "aria-labelledby": "label", role: role }, h("span", { key: 'a2e74243c4e04554ca2caf77286be93d82f70685', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '5550dbe645619c9f0fd5c29d1e9d58bf405b8a87', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: 'beb9be113c6e550868e8b8887eef0c78a3d89728' })))));
+        return (h(Host, { key: '0d0f6a7e54503838f08490bf1892f9a7aa7e475f' }, this.hasSeparator && (h("swirl-separator", { key: '2f475e214d73864859a34e1f621ab283ff97bf3c', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: '7eca1954ae8d4e407ef51e6cd16e829781f0fbc1', "aria-labelledby": "label", role: role }, h("span", { key: '67dd68b2a6f3d320f70351a55a059d31f012d8a1', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '7c1b30dd7f39fef717836658425fc0b05cb948b6', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: '2878fb3ed4cf2d9dcc2a8921ea63b20a4c845ff1' })))));
     }
     static get is() { return "swirl-resource-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -58,7 +58,7 @@ export class SwirlSearch {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '63ca6b7dc6cee161e9f79aaf9d4cca80bd6ea4b2' }, h("span", { key: '43260becf7d290d07e34b8fc3e9054ce45c43bdd', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '4c6e1b36c61178b9d1e75edc614c2d4914b3eae1', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '46aea6b6cb7e4fd58a61ec30378bca893782f1c8', "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 && this.clearable && (h("button", { key: 'd9f2493b40441c25847cd172e0c5346102e7837d', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: 'b5be13b5e1d57795a95a9aa6c7c994c074dc18a9' }))))));
+        return (h(Host, { key: 'ffa3e6947dbc10520c075c7a5697668f8e58a672' }, h("span", { key: '75e036ed722e3fbbd224ca48528516b34240a154', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '3bf2a1f69b49d780dc37a62024d9322e859d293e', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '4244636c39a69b14f31be24da0bccb7771351851', "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 && this.clearable && (h("button", { key: '725a8373912b891fe5a8f84ea51924b7446e68fb', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: 'e784352407b1a84ba1ecac81cc9939b243b5f79c' }))))));
     }
     static get is() { return "swirl-search"; }
     static get encapsulation() { return "scoped"; }

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

@@ -219,11 +219,11 @@ export class SwirlSelect {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: 'b2d804e6e75849fe751b4db7e692eb331047a35b', onKeyDown: this.onKeyDown }, h("div", { key: '9e7798afcd98f48ec909fe4b3ff11c6dd045fb1b', class: className }, h("swirl-popover-trigger", { key: '12e4b5f81da26c539a933eb41b720e970d08454f', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '1a3f7c16898a543dfb12166e10a8293a87149d8d', class: "select__value-container" }, this.standalone && (h("span", { key: '57671ce6e379a0991f604c65e725fd60944beaf3', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '3db7d2567d8d5685dad8f4049c8ba96d5e976f83', "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: 'd7cea7c10464ebc47115b415b0c84f91dbb28833', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: '929f01f034ae8a18288764828c2e5918bbd85a4d', onKeyDown: this.onKeyDown }, h("div", { key: '2e138752181fc9224d38c4f1316b7d7a65a65737', class: className }, h("swirl-popover-trigger", { key: '9aa8d9e2c98ad761ad8ad335168ed11a560f6139', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '5ed9c2eed6200517da8c3c848d985e4602883113', class: "select__value-container" }, this.standalone && (h("span", { key: '3893aea9698cb92024681253e936569cfbaf00d1', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '1d4075300927fce4277e26889785d73a0e94cf31', "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: 'ebe8a1733a690a208cdfd9ddbc5e9f4b729d08e8', 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: 'dc76bd773344de262621a61a6cd0e27d4ab6f3f5', 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: '2eb3df6ca4691f16fa402281f867f9ff505b946f', 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: 'cd0433e0b26988218f5e56864dcee7f45350b41c', class: "select__search" }, h("swirl-icon-search", { key: '7f69dd85a4d2087da957510db0331008605e7766', class: "select__search-icon", size: 20 }), h("input", { key: '86902eba4eb8e708fc7d747632052a48f6e58495', "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: '61827ddb1dbd94b3238975a3be77b1477c726e37', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'a8a673c80d3decd84073f67d8a54adf8b7ab1ccb', class: "select__option-list", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '7e0cf544c8b9a602eb930f0a353f64d6d824feeb', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '6fad49b2eac2a61b4832cb9cfefdd41f32b82470', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '3824957bb28d7e6f50dc8f88ae41cfc99a3936fe', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: 'c5ca152e1241fed655caf85f94d0109de53424a1', 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: '74a19fcce6eea2dabf28a6bb76c39783b6d8aeb4', 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: '1d41ecefe419e460b4ecbab60ed4346b73d01ea8', class: "select__search" }, h("swirl-icon-search", { key: 'ff1b1986386a9d3f4265d70d3eaa2e038eea09ae', class: "select__search-icon", size: 20 }), h("input", { key: '4b9992235c8dee92eb53fb4ff1683996219a2d1e', "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: '766b4a927aff6d496724c1ce9880c6df6c1f9afa', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'd9e760224d09c1836734076e77ec5ecd40b0a7a4', class: "select__option-list", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '7002f7db5ca0a4e75c7dd942e3f224d68e813fe9', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'b210d6c040c87afb01f4249fcafec65b7791ff44', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '8833a83ae6bc2840c4d3697cee4a5aa8d67b2542', 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

@@ -175,24 +175,24 @@ export class SwirlShellLayout {
             "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
             "shell-layout--navigation-collapsed": mainNavCollapsed,
         });
-        return (h(Host, { key: '4cad7e56cec989eefc48d6477c55ea22e9725dd7' }, h("div", { key: '91b91315b3083f27bdc4f0a2e59e04ca2f9d7489', class: className }, h("header", { key: 'c4c816efc2e13542c87d1d90f95ca8d2fe3a2cf9', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '3796122eb501461ebacc746ecb5897e0f0736e97', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'a5da35578159cd5de5e50f912b92664536d26d36', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '5f785053ec45463ad5da8004d0d574fc25771d71', content: this.navigationCollapsed
+        return (h(Host, { key: 'c6ee609bf341987906b859e5baef950a8848371e' }, h("div", { key: 'fe3f103a3ad2b9689ed7ed059c0fcbf6edd8f0a2', class: className }, h("header", { key: 'c0ece438c7639abec753e91da1e6afff011728ff', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '786a1bb4adf7b08bf3a0ba79f48e4531afc0c3ab', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'b3883c86e953fd13c9b073ae69a7667f9ae397fb', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '76051faf031a7da00da62d821a967c061e3a3ead', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '3d3b992c1582740999c1734cf6aabc1c89ba4e46', 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: 'fac5f7669e587b0b4ec2008a1f9fa283bf86f63d' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '023a2b5bdb791c83517edde95a94fa5d51a5c081', 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: '9027202f219c1e91d3e628e1882c6710d226040d' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: '7da2be4a762a780d543bfbbcfae0e01727aea2dd', class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '81458d22c4de8f5001cf5a035f699af5718a76e1', size: 20 }), h("swirl-visually-hidden", { key: 'a48f60641bba8c4785d37364102a964b9d603b1f' }, this.browserBackButtonLabel)), h("a", { key: '44c505894bc44c8baca626f70e605e31f9ef5b34', class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '8b39d552d5a67023c3696b3e477f4581d9d8d102', size: 20 }), h("swirl-visually-hidden", { key: '4da75f23ac024adfb0d13409d867d37e666d5b28' }, this.browserForwardButtonLabel)), h("slot", { key: '41ca865a9666b2df2c072d3b012fc96ac0382460', name: "left-header-tools" })), h("div", { key: '7d9b464bdcb07e4a78999805656c4888770f393a', class: "shell-layout__logo" }, h("slot", { key: '84463c20223a22e6f444100b86e613eccadb5559', name: "logo" })), h("div", { key: 'ca531eb181ef48c76bcce680d8985e2127672a9c', class: "shell-layout__header-right" }, h("slot", { key: '952f5e38f19185961b2ca07a57c937fa09bdb0dc', name: "right-header-tools" }), h("slot", { key: 'd43bb99c3faf9cf93bc8737f8128e873f14b53a5', name: "avatar" }))), h("div", { key: 'f5ae9a39a4cb047fd9a1c95426ad46ba6b6ae232', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'b1c92fac5f9f3a8411be6c4db68c6942d37d3e29', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '044d5030161a599783898c27193cd2f164b552b0', class: "shell-layout__mobile-header" }, h("slot", { key: '4f600d0cb6d937a9c8159ad0e1770c883f9b7cb2', name: "mobile-logo" }), h("div", { key: '1258135c0ec842b036cfa175fde6f1dee431e651', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'b1e0b0d445b76cd1059413a51efec45e2574123c', name: "mobile-header-tools" }), h("button", { key: '83cbf4c48a3d877277da201e6ad8bf0d28664d35', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '7b1e6993ff99b8ef7b9e975eda70cdb1b16f782a', size: 20 }), h("swirl-visually-hidden", { key: '6af0c684244891bc130a45ba2ac752335c1686a8' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: 'c71a5d15ad4fb3b47e918e557cdaafa490da2bae', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: 'e9767b34c937db60ac8e78aaf4b0fc949a75d935' }, h("span", { key: '60dd564d18f1077c9cce48351b555f8fd9b05451', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'ca8e477b50bb3f751aeac514cb09036a9beb9d6e', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '789f75c19036611998aaa26032a2148ef7f72174', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '7acd434ee34ee49fa14a911277080d8ff859e151', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'c5064abc0ddc4474386db46c39244596133bcddc', paddingBlockEnd: "16" }, h("swirl-stack", { key: '2e126729590ac19fd7815f5b837097b5f826d0d1', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '8d7ee5b31551d47f94ac3e42318a31faadcf2a3b', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+            : this.collapseNavigationButtonLabel))), h("a", { key: '8f66dfa9818d296ca4181abbe078feea15e37ed6', class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'f22fae438f728502e666e38b943e253380bdfe91', size: 20 }), h("swirl-visually-hidden", { key: '36de591ee62ea6b3395450dc78e9482ebceb0ea7' }, this.browserBackButtonLabel)), h("a", { key: '01afc01b728ba8de5eb24ec74a1c9a86c718aa59', class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '8410a2f0f9ee6c778181c661e1c0391b2bcab9a2', size: 20 }), h("swirl-visually-hidden", { key: '39a737b6dcac5ec1246d26cb6d93f2c76967b00d' }, this.browserForwardButtonLabel)), h("slot", { key: 'eb42a7e02de525b51f8d0c7b3a662aca530988d5', name: "left-header-tools" })), h("div", { key: '05d43d519209b6ed8e1471a33814a6fd1f0d5a2d', class: "shell-layout__logo" }, h("slot", { key: 'dc39bd18a94c11d8b6fc6b4259b18b5457e7bc49', name: "logo" })), h("div", { key: '8c65886861cfb8fed6a407bd7c40b91c2c0463de', class: "shell-layout__header-right" }, h("slot", { key: 'fabee3bd4bcb1a54549a207a7535417e25212150', name: "right-header-tools" }), h("slot", { key: 'f1704d31a8a9035fd1fdcc00c4ee10e7b088abbe', name: "avatar" }))), h("div", { key: 'c678106ffd7ed0092c92f0d2e8c9342de74cc12c', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '23ab16112750d2a8ab3c4b512dbe37284ef551af', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: 'a0a09cd6c3c90cb052d1b74014051a9ffdc4c295', class: "shell-layout__mobile-header" }, h("slot", { key: '0939a479bf11e6708752ad53f14bf9bcf45a7902', name: "mobile-logo" }), h("div", { key: '2b4b477e116080943cab223ce73e2516cf34e0fd', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '848a119eafda22fec9d00d4a6d5b7dab2bed2c04', name: "mobile-header-tools" }), h("button", { key: 'ed03b958054fd70b619d64839906f13dcf842dc2', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: 'c351fe14229fd50a33845bd44c9744e9795ce6a3', size: 20 }), h("swirl-visually-hidden", { key: '46613b7c4e234abb6963daf9f7727d79c1a68c07' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '301cf1f76e89ff7b997ef48ba5e866dff5cbfcaa', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '32148cd1826dc1d0a5397699780d3c90cac6350d' }, h("span", { key: '1b7552aa1b60d9fbd10c367fd4d6fe9f89594020', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '2d19a601bbfd82f1852664eac70f71a9b9626518', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'c16b8eed8ff74db2d98b5f1b002e7c8cdbfb54e8', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '8b5b2da204a6bc5e38cf5ab487d0441132ed68c8', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '55ca1652b7d736eaca50356d384a04b3901f0991', paddingBlockEnd: "16" }, h("swirl-stack", { key: '89a3fa94da4806b6f54a0cdca01d79538a402f99', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '7e4ceb748b97d038a21dbc1210cf517418c775c0', 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: 'e6fc3da9ac275b06c4dddf3e40b88a2a3e58a23e', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '86f5edb53d6491f00e38474b678f9f498845e0f1', 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: '4c2495f9712c2fdb3b4806ed13102210b5146da5', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '4c609a2f2997eb25a7134b9e8c4f55c1d2465457', class: {
                 [`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     this.secondaryNavView === "grid",
-            } }, h("slot", { key: '33f19daf9f2ba5f81016fb2c953c15247b110799', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '077db1458f41595ab3c2f0f9c8b2ed9421253086', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '641018abf75a716db0a5987b4f77f00fbb035591' })))));
+            } }, h("slot", { key: '8d9dfa1b89e88cb302e3dd35c42aa5c73e912ee8', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: 'daafdc474534e6f5b2cc190857af315983dbffe4', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'e3dab9a8bcbcf9abf2b065f6af2c3107c3b851c4' })))));
     }
     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

@@ -63,9 +63,9 @@ export class SwirlShellNavigationItem {
         const tooltipContent = this.description
             ? `${this.label} ${this.description}`
             : this.label;
-        return (h(Host, { key: 'ab898de4e2ef12d463d788b34a2a7c5b38fdbb37' }, h("swirl-tooltip", { key: 'd19edfb338610684ecf069883bf96a19a487226b', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right" }, h(Tag, { key: '35eec909115e63e0e8a0136edc624e35d3aa27da', "aria-current": this.swirlAriaCurrent, class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button", title: !this.hideLabel ? this.label : undefined }, h("span", { key: 'ac48a07c1c514cdad5a6af6ce7154149a319bd51', class: "shell-navigation-item__icon" }, h("slot", { key: '655ceabc136548842abfe4b9b841b4c9cf90ba13', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (h("span", { class: labelClassNames }, this.label)) : (h("div", { class: "shell-navigation-item__text-wrapper" }, h("span", { class: labelClassNames }, this.label), this.description && (h("span", { class: "shell-navigation-item__description" }, this.description))))) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), hasBadge && (h("span", { key: 'e29f1ff96763936b93af4c7b31b0ce9fc47e34a3', class: "shell-navigation-item__badge-wrapper" }, h("swirl-badge", { key: 'b9d9ffd51d3fea44d37b3fa6bf893d36c48a51fe', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
+        return (h(Host, { key: 'b8a59db17564d4ed967f472cd09ddcfcc9362c95' }, h("swirl-tooltip", { key: 'c7e916c3de5ea4ab516d81e8ec4314ceb0f5b3d6', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right" }, h(Tag, { key: '5409acedf783f9f83d6a79e2d9659010131eea20', "aria-current": this.swirlAriaCurrent, class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button", title: !this.hideLabel ? this.label : undefined }, h("span", { key: '219c6fd850e080f83ee7dfbba5e7ff05c94d2393', class: "shell-navigation-item__icon" }, h("slot", { key: '82ca0a339cc16d1f88a02619a171ec4e747f8342', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (h("span", { class: labelClassNames }, this.label)) : (h("div", { class: "shell-navigation-item__text-wrapper" }, h("span", { class: labelClassNames }, this.label), this.description && (h("span", { class: "shell-navigation-item__description" }, this.description))))) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), hasBadge && (h("span", { key: '95428ba488305503f58044462c83071c01e8c78b', class: "shell-navigation-item__badge-wrapper" }, h("swirl-badge", { key: 'b1695e67c037fd88ea20f198918f47c6532d121f', "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" }))), showIsNewTag && (h("swirl-tag", { key: 'e111d1fc699920fefec4233f000a540977a70efe', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (h("swirl-badge", { key: '965d1cc9dac72d40ac4b7a35da7fc81a88eb200e', class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))))));
+            }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))), showIsNewTag && (h("swirl-tag", { key: 'a752093572da2541c41e9d4af431cd4018c3e236', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (h("swirl-badge", { key: '937d2e58e7469623e1772155e8c720bb14c717a0', class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))))));
     }
     static get is() { return "swirl-shell-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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: '3d938b1a794e32b19e5c25f3cd3c67b0e2ac15f0', style: {
+        return (h(Host, { key: '280025cc3af06d5f16830bceb6d5fc9d7b2174bb', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: 'f6b73aa603a1b65dcf87f4dce52bf94349b98e74', class: className, style: {
+            } }, h("div", { key: '4517aa7668831d946f6f62b59b9a708c9796fc63', 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: '7519aba01363d25da5b9b82d2e4443d6117f13cc' }, h("div", { key: 'e1e9297ef787976ae7177525e808d88e383237ed', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: '43e01fc714cc82a611ba7ae35179666332165f21' }, h("div", { key: '39b9d8816558de414c86647e5e4d928d150207ab', 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: 'de00ce5d9c3f3f31c876c1f1099802371eb12d5e' }, h("span", { key: 'ccf33a38c99774f686984aa5d4908a7d172213de', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '2895df16358293d9776cd55804a93e6fc1fcd85b', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: 'f8f9d322205521a4dd7db034094a4677faa5a812', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '5270e2e88210361920ac8fb6a99416325cfd71cd', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: 'c4efffb3b1485670c4ccecb5256a959e77c96b76' }, h("span", { key: 'e733128acfc014b74ea30baa2323ec50a8e9723c', class: "spinner__label" }, this.label))))));
+        return (h(Host, { key: '896b90a1da5f9cb9b1c9b9540948d48efe9c634b' }, h("span", { key: '4af27983336679ff4f5c7d9a72a89d6250f7c43e', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '997446e9fe01fa7347a2fd983252f5ab715015fc', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: 'faf4c57a0667c197bcd1043c0f9ccff3cc57aee8', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '557d5075d53e3dd864f4646398ded2ec439d8f31', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: '7d1408ac96a3f8c14eeae3bacf7a34152f9e9a58' }, h("span", { key: 'b72f43f445611c5bc52381397d2e0b92d050ba84', 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: 'fe6e7a8932880b73d47fb8e3c0fe3cdf22cbd787' }, h("div", { key: 'daedb24838917257ba8d3df777ff0c01956da9f8', class: className }, h("span", { key: 'd863130abaefb4e9f665faf5ff9740d420730401', class: "status-indicator__dot" }), h("span", { key: '5743625854eaf36533054c5ea89d5786066740ee', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: 'dffacc974bb9f70ce8029c0eec4ba3452544ffd5' }, h("div", { key: '84d21c11f39f1d01a767f650a62f5e6995bd8bcc', class: className }, h("span", { key: '84edd676049cbbd81a7de2b24e65d74cd636b0d2', class: "status-indicator__dot" }), h("span", { key: 'e1a8cee0a970791cc1a275aacfb4bc1fc76544bd', 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

@@ -26,9 +26,9 @@ export class SwirlSwitch {
             "switch--disabled": this.disabled,
             "switch--hide-content": this.hideLabel && (!this.description || this.hideDescription),
         });
-        return (h(Host, { key: 'dbd5efa90a8417771c748257392611e5b0c7f28e' }, h("label", { key: 'c022671700274203a10a95ba6f0d7625b6a92f77', class: className, htmlFor: this.inputId }, h("span", { key: '74ba41584d70ff66bae6cabd0ef620a5140b23c5', class: "switch__control" }, h("swirl-visually-hidden", { key: '570e1b7a53cbbb045eb355538d9e2dff6ff959c5' }, h("input", { key: '095371090b82c4eaf945c90f27f2891a5c8248ec', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (h(Host, { key: 'c36445296da171ac4d32739b5d41334d945450a3' }, h("label", { key: '745f09d6d7d59718b9a0d416d7c372b24d9a25e6', class: className, htmlFor: this.inputId }, h("span", { key: '02c3d26ebb2cfd424bad9869df9d0b81556eace7', class: "switch__control" }, h("swirl-visually-hidden", { key: '2874d7fb100e3cb4bbff402390060ae064b298fb' }, h("input", { key: '7eeb5934fd3db19366b14d3a7db9820003ab4e39', "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: '4e05b006e0c6621c4d2a28da5045a1801aa3d1cf', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: '8a50439f05d73233122d0f7bbfbf15ca7333a9d6', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: 'ac19fef963da9e670d7329dee5c626a784a9a25a', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '0fedd8369415e8c3d6a791f1ff9a9a7d532c93f4' }, this.swirlAriaLabel || this.label)), this.description && !this.hideDescription && (h("span", { key: 'fa8953ef201626b43c92fcfa3e98208ff4a01046', class: "switch__description" }, this.description)), this.description && this.hideDescription && (h("swirl-visually-hidden", { key: 'bde4a50edec968f9ed8661380910d8796a03d5ba' }, this.description))))));
+                : 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: '4f7a61ebac2a82d90ab77141544b7a8cbf778091', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: '5743ed972e20497ccde260d285d992f667a46777', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: 'b45b7a925873f36fdddc1c9530dab5a9c604fcc4', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '42866e983b85f70550da7a85de495aaba6a0d73c' }, this.swirlAriaLabel || this.label)), this.description && !this.hideDescription && (h("span", { key: '8f37ffca2463f830a0d896fe2f284cf0f52f43cd', class: "switch__description" }, this.description)), this.description && this.hideDescription && (h("swirl-visually-hidden", { key: '719fdb9481cc1198d26669ccf84be2afd62c6d68' }, this.description))))));
     }
     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: '73775b071e4ffc86362c307cf12c223a6c2c987f' }, h(Tag, { key: 'f291ec8845d8817ad2974d7d713655241b9f00b9', size: this.size })));
+        return (h(Host, { key: '551c73e0f8c6dd806bf66cd525faca9190bf08e7' }, h(Tag, { key: 'ca802308d3ed6b9cf2d32d33e7f850f099b8dba9', size: this.size })));
     }
     static get is() { return "swirl-symbol"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class SwirlSymbolAcUnit {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'b3ef6484ac5184dc229238591dc2969993844bbe', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'bdefe8a317c4ff5ba689bb542678100b77ee6d58' }, h("path", { key: '554f65d980d7bb2c90fb556f32b1b37142eccce1', d: "M11 17.85L8.425 20.375C8.24167 20.5583 8.0125 20.65 7.7375 20.65C7.4625 20.65 7.23333 20.55 7.05 20.35C6.85 20.1667 6.75 19.9375 6.75 19.6625C6.75 19.3875 6.85 19.15 7.05 18.95L11 15V13H9L5.025 16.975C4.84167 17.1583 4.6125 17.25 4.3375 17.25C4.0625 17.25 3.825 17.15 3.625 16.95C3.44167 16.7667 3.35 16.5375 3.35 16.2625C3.35 15.9875 3.44167 15.7583 3.625 15.575L6.15 13H2.975C2.69167 13 2.45833 12.9042 2.275 12.7125C2.09167 12.5208 2 12.2833 2 12C2 11.7167 2.09583 11.4792 2.2875 11.2875C2.47917 11.0958 2.71667 11 3 11H6.15L3.625 8.45C3.44167 8.26667 3.35 8.0375 3.35 7.7625C3.35 7.4875 3.45 7.25 3.65 7.05C3.83333 6.86667 4.0625 6.775 4.3375 6.775C4.6125 6.775 4.85 6.86667 5.05 7.05L9 11H11V9L7.025 5.05C6.84167 4.86667 6.75 4.6375 6.75 4.3625C6.75 4.0875 6.85 3.85 7.05 3.65C7.23333 3.46667 7.4625 3.375 7.7375 3.375C8.0125 3.375 8.24167 3.46667 8.425 3.65L11 6.15V3C11 2.71667 11.0958 2.47917 11.2875 2.2875C11.4792 2.09583 11.7167 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3V6.15L15.55 3.65C15.7333 3.46667 15.9625 3.375 16.2375 3.375C16.5125 3.375 16.75 3.46667 16.95 3.65C17.1333 3.85 17.225 4.0875 17.225 4.3625C17.225 4.6375 17.1333 4.86667 16.95 5.05L13 9V11H15L18.95 7.05C19.1333 6.86667 19.3625 6.775 19.6375 6.775C19.9125 6.775 20.15 6.875 20.35 7.075C20.5333 7.25833 20.625 7.4875 20.625 7.7625C20.625 8.0375 20.5333 8.26667 20.35 8.45L17.85 11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H17.85L20.35 15.575C20.5333 15.7583 20.625 15.9875 20.625 16.2625C20.625 16.5375 20.5333 16.7667 20.35 16.95C20.15 17.15 19.9125 17.25 19.6375 17.25C19.3625 17.25 19.1333 17.15 18.95 16.95L15 13H13V15L16.95 18.975C17.1333 19.1583 17.225 19.3875 17.225 19.6625C17.225 19.9375 17.125 20.175 16.925 20.375C16.7417 20.5583 16.5125 20.65 16.2375 20.65C15.9625 20.65 15.7333 20.5583 15.55 20.375L13 17.85V21.025C13 21.3083 12.9042 21.5417 12.7125 21.725C12.5208 21.9083 12.2833 22 12 22C11.7167 22 11.4792 21.9042 11.2875 21.7125C11.0958 21.5208 11 21.2833 11 21V17.85Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'b878461e2cebbea79ddccfb932f0d347cf6bffb9', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '6d61884be11995832f1db2a930973023fb9d0c23' }, h("path", { key: '0f1090e52f86882e85895f977929a840267d8d77', d: "M11 17.85L8.425 20.375C8.24167 20.5583 8.0125 20.65 7.7375 20.65C7.4625 20.65 7.23333 20.55 7.05 20.35C6.85 20.1667 6.75 19.9375 6.75 19.6625C6.75 19.3875 6.85 19.15 7.05 18.95L11 15V13H9L5.025 16.975C4.84167 17.1583 4.6125 17.25 4.3375 17.25C4.0625 17.25 3.825 17.15 3.625 16.95C3.44167 16.7667 3.35 16.5375 3.35 16.2625C3.35 15.9875 3.44167 15.7583 3.625 15.575L6.15 13H2.975C2.69167 13 2.45833 12.9042 2.275 12.7125C2.09167 12.5208 2 12.2833 2 12C2 11.7167 2.09583 11.4792 2.2875 11.2875C2.47917 11.0958 2.71667 11 3 11H6.15L3.625 8.45C3.44167 8.26667 3.35 8.0375 3.35 7.7625C3.35 7.4875 3.45 7.25 3.65 7.05C3.83333 6.86667 4.0625 6.775 4.3375 6.775C4.6125 6.775 4.85 6.86667 5.05 7.05L9 11H11V9L7.025 5.05C6.84167 4.86667 6.75 4.6375 6.75 4.3625C6.75 4.0875 6.85 3.85 7.05 3.65C7.23333 3.46667 7.4625 3.375 7.7375 3.375C8.0125 3.375 8.24167 3.46667 8.425 3.65L11 6.15V3C11 2.71667 11.0958 2.47917 11.2875 2.2875C11.4792 2.09583 11.7167 2 12 2C12.2833 2 12.5208 2.09583 12.7125 2.2875C12.9042 2.47917 13 2.71667 13 3V6.15L15.55 3.65C15.7333 3.46667 15.9625 3.375 16.2375 3.375C16.5125 3.375 16.75 3.46667 16.95 3.65C17.1333 3.85 17.225 4.0875 17.225 4.3625C17.225 4.6375 17.1333 4.86667 16.95 5.05L13 9V11H15L18.95 7.05C19.1333 6.86667 19.3625 6.775 19.6375 6.775C19.9125 6.775 20.15 6.875 20.35 7.075C20.5333 7.25833 20.625 7.4875 20.625 7.7625C20.625 8.0375 20.5333 8.26667 20.35 8.45L17.85 11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H17.85L20.35 15.575C20.5333 15.7583 20.625 15.9875 20.625 16.2625C20.625 16.5375 20.5333 16.7667 20.35 16.95C20.15 17.15 19.9125 17.25 19.6375 17.25C19.3625 17.25 19.1333 17.15 18.95 16.95L15 13H13V15L16.95 18.975C17.1333 19.1583 17.225 19.3875 17.225 19.6625C17.225 19.9375 17.125 20.175 16.925 20.375C16.7417 20.5583 16.5125 20.65 16.2375 20.65C15.9625 20.65 15.7333 20.5583 15.55 20.375L13 17.85V21.025C13 21.3083 12.9042 21.5417 12.7125 21.725C12.5208 21.9083 12.2833 22 12 22C11.7167 22 11.4792 21.9042 11.2875 21.7125C11.0958 21.5208 11 21.2833 11 21V17.85Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-ac-unit"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class SwirlSymbolAccountCircle {
     }
     render() {
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '3101d42b5af3b2d3b7dd0797d4ceb8feeb4aface', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '89be6bdf83a53abded54bd274f7119dc767bb48c' }, h("path", { key: '9842f5f7c65d6ad0d91e8d0e1a1c8a4a763a24f1', 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: '315e7789094a26f0c97c3e568666f504bad754d8', class: className, fill: "none", height: this.size, part: "symbol", viewBox: "0 0 24 24", width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'fd2ccf142a1c70fd1f8fcdb17410e26df40a60fd' }, h("path", { key: '818f3f5ac6fadf665fe4182e5d2dd7beb7cd9b0f', 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"; }