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

@getflip/swirl-components 0.477.0 → 0.478.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 (2691) 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: '619d25f898ecb82c1d7cc19d03b3f20fd8089cc8' }, h("div", { key: 'eae99fefcc702fbc1a6da31da33aa403c94c5455', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: '52a1d24e235b20d741b77abaacfb6b4663128b6d' }, h("div", { key: '38d03b62e009649916b51f32d39efd87fea67956', "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: '2a653a6769309fa0913e39c3e75e159a5686f266', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '0df86bda02e2a10fb772877eb38b3df92596ea16', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '7fbbf4b35710d3066e65f85229c5077dfe4b63a3', class: "option-list-item__checkbox" }, h("span", { key: '7ca4a1392b6be7fc4ba25a40f729db9cb9c3f257', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '8b855648a0adf2d6d98e968537f1c3826e6fb01c', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: '30031bbbb8ccc991dcc4ba3b9d4f6696673a08f6', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'd69fe821fa775f48450e2b7fc4b31d12e620429f', class: "option-list-item__avatar" }, h("slot", { key: '993729cb6354f8965fd8f8013728c08796f52bc0', name: "avatar" })), h("span", { key: '661084653536a1997511a3f8444ea55ea3cd0f54', class: "option-list-item__label-container" }, h("span", { key: '6f74740791e811c4ba6a36ba057b72e164e56fed', 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: '2516832835110c5590fc66a2f4c575b5f4af640b', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '501b2bc1c42f1c1cc032829558d09e114236ede1', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '44321e28ae48a5c5a187e8e6ca902fcebccde4f2', size: this.iconSize })))), this.allowDrag && (h("button", { key: 'b29e27595837586efa8106dd0c0d9d6b4159f98b', "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: 'aa97a2830e819872c7a4fda64f39fe4c1fd52bec', 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: '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 })))));
     }
     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: 'd6e98b01fb358e038b27564662ce1cfa5e277dbb' }, this.hasSeparator && (h("swirl-separator", { key: '81b8282e6c96ef6abe9b7d293954f73aea1a6ff3', spacing: this.separatorSpacing })), h("div", { key: '952eabadde3a5154be35f2e396b332330b9adaac', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '49813d192787a08b8c56b8a39d17b30aad9e48eb', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'af7915b317553c6f265668c1f74c372c21e70f34', spacing: this.spacing, align: "stretch" }, h("slot", { key: '11e6d3fd17701b6b1204662ede9675d185cd4fb7' })))));
+        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' })))));
     }
     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: '533480526127c200f46a30459ae307b2d9af6607' }, h("nav", { key: '4479e763749f078330b7714a8ae2b227657f800a', "aria-label": this.label, class: className }, h("ul", { key: 'b23c1220d0ca0e532aa42891d518486d58d872b9', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '8a37a3353563d9987d006d2a7b0052fed8ca0529', class: "pagination__list-item" }, h("label", { key: '7799918b3bad55eebcdbc6cc02388aaea9735658', class: "pagination__page-size-selection" }, h("swirl-text", { key: '171e68e78aa0fd013a7eed874d8a679d778b9ad1', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '2a40b83b50c87a8870f119b14e7714eb41872890', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '304e6ee6e895b689d4af651ebba8a97171a8fe34', 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: 'd8509fae30daabdd277f8507d39f4059488ae1c1', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '2d563389fae0560afb21e19258d1a875fdb402b8', class: "pagination__list-item" }, h("swirl-button", { key: 'a3e6fbf331537b67b7c277052c10a2757a70c68a', 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: 'd2c35cbd64937e2a51fc107681a998e87fe9a764', class: "pagination__list-item" }, h("swirl-button", { key: 'eb2489e0d4e941eef63a4bef3913cee5be4fcc0a', 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: '730b2dce2be338eae5d7b9ae850aab1c6aaac7a7', class: "pagination__list-item" }, h("swirl-button", { key: '12c3ef4fcd8a963572419aa0682e89b38ca716e7', 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: '6b7a4e55abdd1bcfe336b17a086cd5d79d761d04', class: "pagination__list-item" }, h("swirl-button", { key: 'eceb8824892c6fb6e5161ee095c00ba5e5bef8d2', 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: '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 }))))));
     }
     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: '29b400d605239714e242f404ac580407ddd9efaf' }, h("dialog", { key: 'c51b1ceb1d6255e0415b47ffcbc50d7e5e5513cb', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'e8fab24d00c629a881a3a822903ca55f1ec153e4', class: "pdf-reader__body", role: "document" }, h("header", { key: 'b4101ad8a3d192dcef68799646ef71ef6b0fc98f', class: "pdf-reader__header" }, h("span", { key: '8638d71e14272edf474e76a77df66877d776ea1a', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'ac33b48b21ac1f7ee4f6ad21775d25bf7e820c0e', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '12d32484f5aa2b47f9a886c5338ec0f268c5a0c9', class: "pdf-reader__label" }, this.label)), h("span", { key: 'b808fc9669af6256432541a112b888e525001f11', class: "pdf-reader__header-center" }, h("span", { key: '6db0dd59b3b56dfcc89cc44ae6a68920883029c3', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '403700167d59504f329810fe81b60f6a1c6ca916', 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: '63241eb320e7798feb94b1ab86290b7453acfd76', 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: '811857909cd128565a6e416d95f9c7f0fb534bb9', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'b638e2169c3f43512f1b49f5bbac6de083957ce1', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '1e120eb14685cc61a9c3e098df56aa332b0fb1c4', 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: '42f3df91e4d4f99eff2c0e0909bc3a24250a8d93', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'c2b7bac730fcb69e5e561197fcedd2c1ffc35725', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'a6c8eb8fd0f0e7fe7d742b161f24b3ee03ab8842', swirlPopover: this.menu }, h("swirl-button", { key: 'cddc4135acc5541e85c3e60e36007bb4553384fb', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'a173835f29703dc7913f0953f101a798fc811c30', class: "pdf-reader__floating-tools" }, h("button", { key: '53b1c956c09afd594560ef233f0f3aa882b7af9a', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '09a0da531908aefce19d3317c5c3b556fed67dd5' })), h("button", { key: 'ce7da5a61e0718f44b24d1d05ec3d84fef97e5da', "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: 'f4162d3639999c2f40b7b3ddb4872d2fd7832c0f' })))), h("div", { key: '23bd1be3a8f86fcdc911e93a54f9e6a4ee79fc91', class: "pdf-reader__content" }, h("nav", { key: '25d492ac4179d22c57fb9bc93e86bed96a7483c4', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '09dbd8a1e9c1b2b9e6fbcdd28674993d37743b63' }), !this.loadingThumbnails &&
+        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 &&
             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: '514615b76f89abd4ed84a429cd3940abf89ece50', 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: 'eea738b01c4e1d0525374095004c11db1575ba7a', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'bf35d689fca79735c73407b6a03692b7e7af16e8', "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: '26831a14912a09bfd187ebdb639c1bef0c391f1c', "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: 'dc445fec80abd46a1322f3315032895d4ff1a31e' })), h("button", { key: 'f1f7183437279832a025a6bee0045a2e4e7a2eda', "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: '1c75d796e5f09238c8ab1bb73759775e255b92d4' }))))), h("swirl-popover", { key: '1bf878660329a9e75e9f6901e388d9ee84ebbf69', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'e95ac52d6bd2335bf75aeb4df594f298fed57925' }, h("div", { key: '202a2ddce69407b9c0c7b80092fe838c6daf4cfa', class: "pdf-reader__meta" }, h("div", { key: '28f089f94cd6fbe033b1e46c4b4f27e33fcbd633', class: "pdf-reader__file-icon" }, h("svg", { key: '5db63559368f022365c516228ad2b51af2058dc0', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '6794773fe78bb90fa937cb1bd95f7eee752b437f', 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: '320fb812d2de4a05340cf7a18c3f80edcb28bf56', 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: 'a4b721aeae6bd4158a7459d49d14ce2488c44638', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '1ef099bc66599ec5a1d9ec7d3f47f6a2af35d3a9', 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: '3324be7f4e54ac94e2bcc0262f5b0d7dc9659434', 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: '697d27b6881faf69b49b2d4c4a32ba22cde33e38', 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: 'f9f319c4be72c62bc6382bcdcc4b1235bfae085d', 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: '7e065b421d2919baf288eab394f0a1051b5e122f', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '4723eb355391a3148225963d47804c8d5728394b', class: "pdf-reader__file-info" }, h("swirl-text", { key: '76d0765e9dcfe728fc224f9d5bc1e90e1ff134e4', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '61ac2207b995614abe0d7cef314b9255e3ce21f4', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'f81ca2a48fa737bc39b2c2671982d726d2a5c5cc' }), h("swirl-action-list", { key: 'a8e4a8eda463cb1456541500becfa7e124d3f9c0', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'fe86c96f62e10f8b51a8dbcda462689c400b17ab', 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: '73b72851ad777df70f4a41b6fef7a352dab57026', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), 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
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '3d3f19628c195e22313e62c7daf20bcf1c179a9a', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'b136a2445e68ffd0670f69e9c20755e1c460e504', 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: '689e23e4e69c67f9af6d18f4d866b74123986288' }, h("div", { key: 'df8b86a05008b954b235cfc86c0e204297a95d7b', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: '20e1b2176375ed74295cf160f9a1cf8cfa44ceac', "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: '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: {
                 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: '476b68e3bfed68d1b56d5b889126d450c8459f1d', class: "popover__handle" }), h("div", { key: 'a900de1329dba957ead0af858f4c42d1ddbcac68', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, 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: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: '3d83616e4ad6307a7bf4cd18d3ba427f87a8355d' }))), this.active && (h("div", { key: '65041389b759aec6f21bed01f31436593ec83974', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '16ba8a242e8b38e4f0a8aa82c34b02956b79a07a' }))), this.active && (h("div", { key: '217d3c3a8a21592c71011deae0c54a532e1445d3', 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: '3ea08cc79c2fef4828d2e6c366c5a40e8d6d3970', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '284636f8e6232f2e5517a02cd71450c99b5ec0c3' })));
+        return (h(Host, { key: '34305db8f07d6fc98e12fcb21f324914cab93f42', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'd5fd1a6e40d85473acf7f4d0d301d424184eb78f' })));
     }
     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: '145af7f98c9a802df6b2d200259698038a21b8f0', class: this.variant }, this.variant === "bar" && (h("progress", { key: '87d9ff0d045c00243130990a2f4c4bb9acf148ea', "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: 'b7d41758466e3ce6ff106097fe3f906a1ceb299a', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'cfae59747e8009dff51208ca319e882ca6b8ba38', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '3ea99ecc73cd6031d17303dac25cc1d8e51891a5', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '25b24dfc50827137fb7f8250bb4cdb30743b3d4d', 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: '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 }))))));
     }
     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: '6ae2ed2df56b3c1d7cb34e86e4fa2a62563ab95d', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '4e27fba290d056a9654c0c14e4e3b3506324756f', class: className, htmlFor: this.inputId }, h("span", { key: '2deafc430b2b40dfafb863a017d01acd6d6b77ab', class: "radio__control" }, h("swirl-visually-hidden", { key: '32e6d78b1723fb17b98e882e1d49c8994e0b63d0' }, h("input", { key: '21b7fff70e84dbd228f88305924b8b29b5e58089', "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: 'e1f9252ef9c7460bf9d0689b7db2b6eb3359583a', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '7323db066e679a7cb6d1c0e3518fbf94afff5170', class: "radio__label-container" }, this.label && (h("span", { key: 'c7539cbc3ffcd027a3481c0fd4679774b78f79c7', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'c3621889d24d7b37edfe41493be5d4b84f2790e6', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '3528944b98e966a4b2fb0053605d7bafcc49c697', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '9557a2966076d4bb33235a1ff6080d8ecf37b51d', class: "radio__description", innerHTML: this.description }))))));
+        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 }))))));
     }
     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: '6c74a305d8ab637a82b606607c0effc58b0ccad5', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'cfa7f35c9186bd72381125c6f666f60946edfd6b', class: "radio-group" }, h("slot", { key: 'ec74086e8e3393c6de0d4510deb0285f0c0994a2' }))));
+        return (h(Host, { key: '66b84ff7c900dd00ed77e0af2cc35a268d589ad0', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'c8c9aa702433e20781478c981ed56b47e3ceb5e4', class: "radio-group" }, h("slot", { key: '319669a0d74d23f8598104de48c805032e0e3197' }))));
     }
     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: 'cfe29e9445d922b69f2716643cbcade00fab8204', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '114a7ea84cc2fa760ed5c3cd966896ae1a567f2c', role: "alert" }, this.assistiveText), h("swirl-box", { key: '9472159c74cf552f9de9b33f4e03f3cd7cff5262', 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: '6c8e8bc9c753b20be4ecb3fa87b2bd8fe73cbeb6', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '6036dd9cfe944f9290084d634b45172ae4e9b23f' })))));
+        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' })))));
     }
     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: 'e2a3b8bb9fa4d440682d94058a81c5a198a2582b', role: hostRole }, h("div", { key: 'd056d791a53b15f9cd6cc4c90488b656763ea3f3', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '92843cf17ff32187247e26f758fde864002a1c98', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '0e9ffdfe1bbd4a699a85578a2e19051632af615c', class: "resource-list-file-item__label-container" }, h("span", { key: 'ed70e7578691e7a4274f6a3608f02516405bc99b', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'f824a6a08dbb4051486f0e1c460dbad290bb98be', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'd17b52fc07e94ab3aa44944b9f969bd5c3a47c13', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '251e031e359f914c8dea99d5f4f6b836a56fae2f', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '1b5e82d02a1d8a7052ebf6d1ca7e857dcb872c91', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'e62ad13cff422453a372f0e20fc5cb1246f5d6ee', size: "s" }))), showRemoveButton && (h("span", { key: '0c8ba23a8aa8b26a13a389a560d8bcf70b1fb61a', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'cb03f4e1050562d5068a6982d7a13b2b023b3b27', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        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 }))))));
     }
     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: 'c396afdaa49551b5e5023ea3dc1e638b5aba7873', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
+        const renderLabel = () => (h("span", { key: 'd76b50b18e7e918aedf6f12af04365bb8ebf9eab', 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: 'ec264aca3043fe1569a50a8ecfcf7a7739acef30', role: hostRole }, h("div", { key: '3751bb7e69507e219d8543ca180153d2d21b2941', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: '41f7ddb0de62ed56897f1a43387bf3a6f65d497c', "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: 'e33312af2a4977c7e222daba839bb20a00c60343', class: "resource-list-item__media" }, h("slot", { key: 'a060f2fe141337a4c9bdd032a006556fad0bbfbc', name: "media" }))), h("span", { key: 'ba50de62fc050b9389fe366fa98cc5e38b84e72c', 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: '24f0943d7e15e528e9b882c2bc5c2bd302fc2193', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: 'cfad1f6a4ca7765dae692f2875fc5c54558c4d02', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '9a0680f6c03b61245a8787baecd2a24e4320cc32', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'dabd22f0885cc94139f6657a6f70f28089f70353' }))))), showMeta && (h("span", { key: '19d4338f565d950b2a9abb94c45e8c0dff2b64dc', class: "resource-list-item__meta" }, this.meta && (h("span", { key: 'b355e780629fbb4736b3b26226569630d8437162', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '598a330e15f538376960c18b1ddad5577d693d04', class: "resource-list-item__badges" }, h("slot", { key: 'da5cd4f025c25e364afbf01fcc9b604abea25a71', name: "badges" })))), h("span", { key: 'edec2245d3cb0a92b3095addd5b6648d78a74238', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: '7786f1c6b3ba5dc221879e634a880a93521ee70e', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '9e3eb66dd185f0fa189652dd9768efec3893b360', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '39ed08f301e291147ac2a3d3567a90ef10c9d97c', "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: '370aacd197f9e0f2b79844cae49aca28ca115ea4', "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: '96b04c74a41e95c59f5ebbc7acede90b46788a82', size: this.iconSize })))));
+        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 })))));
     }
     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: '4fd1a4880d259316ab9bace9d856c9302ceffbda' }, this.hasSeparator && (h("swirl-separator", { key: '9dce900acd475b54ad39e391f819f03486272d24', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: '47757afbe004e58cf623682ee7036c2696c945a1', "aria-labelledby": "label", role: role }, h("span", { key: '76c06c7fb5a963e34fa2bd594c1e3fa3308f0be4', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'e8a93f4d167792e150ac06d1a7c34b2f405ff3b4', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: 'a8c2cadbe124f9de4e4f1a7d9e7320a61521b15d' })))));
+        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' })))));
     }
     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: '381e7cebfedbb7457577359d2e313f4f1aa3a5e3' }, h("span", { key: '1e82a83ed7e7198036e94cd967bd9aa85f8afc90', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'b34f04e136625da4e0dedaf355ab7cc10e0f097a', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'fe90612f9c9d81f94cb937439b1b5cfa4c97d33c', "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: 'bd60c7985bc69b589e7427230016a634dc93e6cd', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: 'b69342dc3a4ef43940a9abb038d2f7e1d4e8b508' }))))));
+        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' }))))));
     }
     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: 'be02603a4efc2b9736c631056a7044b4efd6a806', onKeyDown: this.onKeyDown }, h("div", { key: 'a436b53c0d311522dc9a8f350556a91b79a2239f', class: className }, h("swirl-popover-trigger", { key: '6718a223d2d3946b2728f33afe3f638a90d56b4e', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '6a242c7380839307e6029700ad2d6398e920fbc6', class: "select__value-container" }, this.standalone && (h("span", { key: 'f2c577d56dd9cddfee94e4957d8e8f3065fe70da', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: 'a39a1099f88a3c26efc1e239898b0feccd65cfda', "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: '1bba1e385a36fe895b30f1aaabe6655aef28e494', class: "select__multi-select-values" }, this.value
+        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
             ?.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: '8fcf42d8a27b52764739499e12d2dce55b08d6e9', 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: 'bedab7f838eae0704df2921ff3aafd3dc11a331e', 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: '5b72c690885b0db93bc321955150cb219a16b3fb', class: "select__search" }, h("swirl-icon-search", { key: '0a45ee3710cec98d58a202020161d83a947880a5', class: "select__search-icon", size: 20 }), h("input", { key: '40048458945f344176419716c42b8b5c15b124be', "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: '20a7ca6e91f98e001cc12710baf832222d070ef5', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '77253343e069b98fb1d613cded7223579d53e61c', 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: '43db83c880b1fcf882ad840eb33cf6b9cb205121', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'a8a91269842b99b36166777c8fe82920dfe5f193', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'aadc3c5ed6f873614fdd9f941bdcaf2e9230b1d2', onSlotchange: this.onSlotChange }))))));
+            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 }))))));
     }
     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: '5f5458f6460183f2d6a2ce7bdc95ff5d160c0b6a' }, h("div", { key: '92d0471c277bf968adc8a8f4e9afc578288b53f2', class: className }, h("header", { key: 'dc249ffe59a95fbf9b90a79b2ac0e1d3aaf29b40', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: 'f667bd28c24008ee31d66ae3920038099130fff1', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'b2f378e9d99b1e363da281962521163473553b82', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'dc2b3b695738a372f03c79c0731466b085f2ebd8', content: this.navigationCollapsed
+        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
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: 'a02c4615e817b81522ccd440d222ff5b840775c1', 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: 'd9b356e34b82b0acaa2c106350f249b4a2565c90' }, this.navigationCollapsed
+                : 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.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: '6986f46235298e58f35bd5ad31684eb2cfabe86d', class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'f68f92c0821fd6b54b8341745cf558b334edd6f0', size: 20 }), h("swirl-visually-hidden", { key: '22801f633563ba275ebe088d2a4c341dda758544' }, this.browserBackButtonLabel)), h("a", { key: '02e4c396ccb4b076b9e1d5dd565bf3e5178cc7b5', class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: 'e1a884ed5b576ce45c36cd55be3f8301a9c25ab6', size: 20 }), h("swirl-visually-hidden", { key: '43e83f5f482f28003a57c25c27d337c62cd8ee64' }, this.browserForwardButtonLabel)), h("slot", { key: '6aa5a13fcdd924ccce93ed986dfa9cf44ca15441', name: "left-header-tools" })), h("div", { key: '7c98d9434eb3e5398aee3c9890fd3ebd9a97ec6d', class: "shell-layout__logo" }, h("slot", { key: '381b69009d83758713dcbaaef7ddbaf7408f5c3f', name: "logo" })), h("div", { key: '957cf5301164474a28ab07ad4b034ed364404a73', class: "shell-layout__header-right" }, h("slot", { key: '2db7f15807045fd66d9181aa0a382674d9d35ff5', name: "right-header-tools" }), h("slot", { key: 'b472d77a4420c68f93999ceeacf4bf7176c1072c', name: "avatar" }))), h("div", { key: '81e27f03e1c6d76fdd2754a0c8b33b2aa1126bc8', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '308d981df11d92d1cfbe1bd1b421348a7fd0f81a', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: 'facc60dce3cc42bf9ad138f096d00235694f01bc', class: "shell-layout__mobile-header" }, h("slot", { key: '6843ea436a024963dc0f58cd42fe23dee5cbca9e', name: "mobile-logo" }), h("div", { key: '85749821ec1fd9092b646d8f643886aca9f8f393', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '5a30b7dfd62669531443761544477b4baeaf4a84', name: "mobile-header-tools" }), h("button", { key: '5340f5a188c5bcb98c63efa9ef3cda7b62e6b997', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '40db2029f3a81e828db27e890b52ce0d2805173c', size: 20 }), h("swirl-visually-hidden", { key: 'a25e358e0afc4027a0d52cbc1cf62df6a0719cc4' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: 'a8b8a017a40a43f89c50f60c96bbbeb4d6181b3d', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '1200560f555a2e11e7bed30697283ba660e8ea52' }, h("span", { key: 'a2a5c11b456c91b1fe4d006c05803829a633e3d5', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '55c3ec6a88c7e8986a7c94f4e751a4a899ffb457', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '938ce0319668ed1aaee57cf435c5f8c8531d2114', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '8da10296cd7d1857e7b62b89da62984814111022', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'bfec55992924ce4f0bab5ba5b99e7830a925d447', paddingBlockEnd: "16" }, h("swirl-stack", { key: 'e06da8582e4e41ccb8c210292f466233777a97f4', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '1960f4768f22a6d6c8b7ef1aabcaa7b77e01a8be', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+            : 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
                 ? "<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: '2fd6f3c41e1752103a32d59f152fad121e0a7ce1', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'e6fc3da9ac275b06c4dddf3e40b88a2a3e58a23e', 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: '542d6a0dbcb290a175d9d9d4e9eb0f8ec2462687', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '4c2495f9712c2fdb3b4806ed13102210b5146da5', 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: '55a2836a2dbb4b11e2dd49063e45db21941d1490', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: 'afa4d7ab3cadc90ddd89b11dbc84bb28acac4c41', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '6beead6ae681df7cf8cff9734c5529668c975962' })))));
+            } }, 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' })))));
     }
     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: 'aeac0acbbe7cd9c55c0b8d4d2821aa3918d05aa4' }, h("swirl-tooltip", { key: 'fbd93c62eb3fba3d3e49f2a46870a23f7ef09ffa', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right" }, h(Tag, { key: '912601d126642c44f55a82886b0e5d74aa77e0b9', "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: '88ff2c7cf186b1abf8d64a0e7a4df63dc0c559ef', class: "shell-navigation-item__icon" }, h("slot", { key: 'dfcf9b9382b959fac044b3790ecaf1b419e65937', 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: 'adea33c07e645202fc33b7d1463954caa4730e08', class: "shell-navigation-item__badge-wrapper" }, h("swirl-badge", { key: 'f92c9475d2f1060f0f3a2a2c30b9cea6d8e396df', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
+        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", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
-            }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))), showIsNewTag && (h("swirl-tag", { key: '4a3b80ead81bc32dcf84c958ed0ee9ed8f15f9b7', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (h("swirl-badge", { key: 'de9667d2fd1c275b108f1df7875b6df7a39af77c', 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: '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" }))))));
     }
     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: '99e18a4db6a3cd3e8eef7bac349c13e7cd09c9eb', style: {
+        return (h(Host, { key: '3d938b1a794e32b19e5c25f3cd3c67b0e2ac15f0', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: '2ebbb517dc06961590a975e71f832acb9137f2c3', class: className, style: {
+            } }, h("div", { key: 'f6b73aa603a1b65dcf87f4dce52bf94349b98e74', 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: '4313d6252162b76144775f47ef83b8ec7d82fb9d' }, h("div", { key: 'e3c8cf948891276e69ade66f6482ca357af82ed3', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        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 }))))));
     }
     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: '988e510d037a3cb7fc224a282b70b4a1d236f9d6' }, h("span", { key: '94fbc25849003a772a365b25bee6152f403bad56', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '1545c0694f7abacb11b77694940be6c7811f28bc', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: 'eb46464f3694471fd5d3602d4c162279cfe52d57', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: 'e7a9bd038fba4df7cce49c9f94c5008eb7c0a6cd', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: '1a87075a553e03303a411e79f18d8b3d68a87a16' }, h("span", { key: '55f4079b4282de2722bf3bd3b8bb9393ab931e2d', class: "spinner__label" }, this.label))))));
+        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))))));
     }
     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: '5727baff5bcb844acddb356a5ddc3e7d593cb12b' }, h("div", { key: '93eb2f1b95518b036b9742d5c3b05b2bac7ba6fc', class: className }, h("span", { key: '22d6994c994d74e6d22a6b0b9d45f7171712dc91', class: "status-indicator__dot" }), h("span", { key: '9b7fad24d5e1136bf1914334db91ccac3d17d302', class: "status-indicator__label" }, this.label))));
+        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))));
     }
     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: 'd17d487416c1ceec139f4c24f360411942643563' }, h("label", { key: '085d43e71328f9740f63498523d6b6120c03cb58', class: className, htmlFor: this.inputId }, h("span", { key: '1372a74eed42ec8929803f60f542725f931c3d16', class: "switch__control" }, h("swirl-visually-hidden", { key: '78a641429fa0dfe7ca8c20e545416431b609125c' }, h("input", { key: '6297a890a01316d12a7ec5d5c195b4cbdbd54841', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        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
                 ? 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: '28704e6c4e3234644d57741aba34718c2f63559f', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: '3b6324bcaddb258f7d7979415b9874aa2f57f5ff', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: '2f55f60b66be49a2c405771a8dd94f025726b4ea', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: '0112e5a9a2e309615387ffac02a223adaff1287f' }, this.swirlAriaLabel || this.label)), this.description && !this.hideDescription && (h("span", { key: '5aafd9f9daf57b3ab8b443a938b3c8e63e5916c8', class: "switch__description" }, this.description)), this.description && this.hideDescription && (h("swirl-visually-hidden", { key: '42851611a6d3079ec0cb9e0537ee20d06946b5aa' }, 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: '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))))));
     }
     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: '6afd3832b45468f1afb5531306e879092966b2f8' }, h(Tag, { key: '9ee3d7173d3e9c9288dc3009eaac83b778192d45', size: this.size })));
+        return (h(Host, { key: '73775b071e4ffc86362c307cf12c223a6c2c987f' }, h(Tag, { key: 'f291ec8845d8817ad2974d7d713655241b9f00b9', 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: '86cc209570fa35662fe79c4b810a2565415d20e2', 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: '486e68413b59857423becabc49d6e299e7f986ee' }, h("path", { key: '17d3cadc18862c06a5065560b8e10af3c3fdefb7', 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: '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" }))));
     }
     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: '754f60ddbd688a19d099754d7099523072e37371', 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: 'ba677480f811806b0a24e7b74a7d24b120044a7b' }, h("path", { key: '1097020f4d25c381af05def8a8034fc6208d590b', 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: '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" }))));
     }
     static get is() { return "swirl-symbol-account-circle"; }
     static get encapsulation() { return "shadow"; }