@getflip/swirl-components 0.363.6 → 0.364.0

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

@@ -1,7 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { S as Sortable } from './sortable.esm.js';
 import { l as closestPassShadow, q as querySelectorAllDeep } from './utils.js';
+import { d as defineCustomElement$5 } from './swirl-icon-check-small2.js';
+import { d as defineCustomElement$4 } from './swirl-icon-check-strong2.js';
+import { d as defineCustomElement$3 } from './swirl-icon-drag-handle2.js';
+import { d as defineCustomElement$2 } from './swirl-option-list-item2.js';
 import { d as defineCustomElement$1 } from './swirl-visually-hidden2.js';
+import { v as v4 } from './v4.js';
 
 const swirlOptionListCss = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}";
 
@@ -15,7 +20,10 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
         this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.";
         this.assistiveTextItemMoving = "Current position:";
         this.assistiveTextItemMoved = "Item moved. New position:";
+        this.selectAllLabel = "Select all";
         this.value = [];
+        this.selectAllState = false;
+        this.selectAllValue = v4();
         this.onClick = (event) => {
             event.preventDefault();
             const target = event.target;
@@ -26,7 +34,12 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
                 event.preventDefault();
                 return;
             }
-            this.selectItem(this.items.findIndex((i) => i.value === item.value));
+            if (item.value === this.selectAllValue) {
+                this.selectAllChanged();
+            }
+            else {
+                this.selectItem(this.items.findIndex((i) => i.value === item.value));
+            }
         };
         this.onKeyDown = (event) => {
             if (event.code === "ArrowDown") {
@@ -56,20 +69,30 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
                 }
                 const target = event.composedPath()[0];
                 const optionFocused = Boolean(closestPassShadow(target, '[role="option"]'));
-                if (!optionFocused) {
+                const selectAllFocused = target?.closest("swirl-option-list-item")?.value ===
+                    this.selectAllValue;
+                if (!optionFocused && !selectAllFocused) {
                     return;
                 }
                 event.preventDefault();
                 if (Boolean(this.dragging)) {
                     this.stopDrag(this.dragging);
                 }
+                else if (selectAllFocused) {
+                    this.selectAllChanged();
+                }
                 else {
                     this.selectFocusedItem();
                 }
             }
             else if (event.code === "Home") {
                 event.preventDefault();
-                this.focusItem(0);
+                if (this.showSelectAll) {
+                    this.focusSelectAll();
+                }
+                else {
+                    this.focusItem(0);
+                }
             }
             else if (event.code === "End") {
                 event.preventDefault();
@@ -87,6 +110,26 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
                 }
             }
         };
+        this.resetTabIndex = () => {
+            this.removeItemsTabIndex();
+            this.focusedItem = undefined;
+            const item = this.items[0]?.querySelector('[role="option"]');
+            const selectAllItem = this.selectAllEl?.querySelector('[role="option"]');
+            (selectAllItem || item)?.setAttribute("tabIndex", "0");
+        };
+        this.selectAllChanged = () => {
+            if (this.disabled) {
+                return;
+            }
+            const total = this.items?.length || 0;
+            const selectedCount = this.value?.length || 0;
+            if (selectedCount === total) {
+                this.updateValue([]);
+            }
+            else {
+                this.updateValue(this.items.map((item) => item.value));
+            }
+        };
         this.toggleDrag = (event) => {
             const item = event.detail;
             if (Boolean(this.dragging)) {
@@ -123,11 +166,14 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
         this.syncItemsWithValue();
         this.setupDragDrop();
         this.setSectionSeparator();
+        this.setSelectAllState();
+        this.subscribeToSwirlPopover();
     }
     componentDidRender() {
         this.setupDragDrop();
     }
     disconnectedCallback() {
+        this.unsubscribeFromSwirlPopover();
         this.observer?.disconnect();
         this.sortable?.destroy();
     }
@@ -143,6 +189,7 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
     }
     watchValue() {
         this.syncItemsWithValue();
+        this.setSelectAllState();
     }
     observeSlotChanges() {
         this.observer = new MutationObserver(() => {
@@ -151,17 +198,34 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
             this.setItemDisabledState();
             this.setItemContext();
             this.syncItemsWithValue();
+            this.setSelectAllState();
         });
         this.observer.observe(this.listboxEl, { childList: true, subtree: true });
     }
+    setSelectAllState() {
+        const total = this.items?.length || 0;
+        const selectedCount = this.value?.length || 0;
+        this.selectAllState =
+            total === 0 || selectedCount === 0
+                ? false
+                : selectedCount === total
+                    ? true
+                    : "indeterminate";
+    }
     updateItems() {
-        this.items = querySelectorAllDeep(this.el, "swirl-option-list-item");
-        this.items.forEach((item) => item.querySelector('[role="option"]')?.removeAttribute("tabIndex"));
-        const item = this.items[0]?.querySelector('[role="option"]');
-        if (!Boolean(item)) {
+        this.items = querySelectorAllDeep(this.el, "swirl-option-list-item").filter((item) => item.value !== this.selectAllValue);
+        const hasTabIndexElement = this.selectAllEl?.querySelector('[tabindex="0"]') ||
+            this.items.some((item) => item.querySelector('[tabindex="0"]'));
+        if (hasTabIndexElement) {
             return;
         }
-        item.setAttribute("tabIndex", "0");
+        this.resetTabIndex();
+    }
+    removeItemsTabIndex() {
+        this.selectAllEl
+            ?.querySelector('[role="option"]')
+            ?.removeAttribute("tabIndex");
+        this.items.forEach((item) => item.querySelector('[role="option"]')?.removeAttribute("tabIndex"));
     }
     setItemDisabledState() {
         if (this.disabled) {
@@ -188,7 +252,7 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
         }
         this.sortable = Sortable.create(this.listboxEl, {
             animation: 150,
-            draggable: "swirl-option-list-item",
+            draggable: 'swirl-option-list-item[allow-drag="true"]',
             handle: ".option-list-item__drag-handle",
             onEnd: (event) => {
                 this.itemDrop.emit({
@@ -274,7 +338,7 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
         if (this.disabled) {
             return;
         }
-        this.items.forEach((item) => item.querySelector('[role="option"]').removeAttribute("tabIndex"));
+        this.removeItemsTabIndex();
         const item = this.items[index]?.querySelector('[role="option"]');
         if (!Boolean(item)) {
             return;
@@ -293,15 +357,32 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
     }
     focusPreviousItem() {
         const activeItemIndex = this.getActiveItemIndex();
-        const newIndex = Math.max(activeItemIndex - 1, 0);
-        this.focusItem(newIndex);
+        if (activeItemIndex <= 0 && this.showSelectAll) {
+            this.focusSelectAll();
+        }
+        else {
+            const newIndex = Math.max(activeItemIndex - 1, 0);
+            this.focusItem(newIndex);
+        }
+    }
+    focusSelectAll() {
+        const selectAllItem = this.selectAllEl?.querySelector('[role="option"]');
+        if (!selectAllItem) {
+            return;
+        }
+        this.removeItemsTabIndex();
+        selectAllItem.setAttribute("tabIndex", "0");
+        selectAllItem.focus();
+        this.focusedItem = undefined;
     }
     getActiveItemIndex() {
         return Boolean(this.focusedItem)
             ? this.items
                 .map((item) => item.querySelector('[role="option"]'))
                 .findIndex((item) => item === this.focusedItem)
-            : 0;
+            : Boolean(this.selectAllEl)
+                ? -1
+                : 0;
     }
     getItemIndex(item) {
         return this.items.map((i) => i).findIndex((i) => i === item);
@@ -318,7 +399,7 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
     }
     moveDraggedItemUp() {
         const prevSibling = this.dragging.previousElementSibling;
-        if (!Boolean(prevSibling)) {
+        if (!Boolean(prevSibling) || prevSibling === this.selectAllEl) {
             return;
         }
         prevSibling.before(this.dragging);
@@ -339,10 +420,18 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
             }
         });
     }
+    subscribeToSwirlPopover() {
+        this.swirlPopover = closestPassShadow(this.el, "swirl-popover");
+        this.swirlPopover?.addEventListener("popoverClose", this.resetTabIndex);
+    }
+    unsubscribeFromSwirlPopover() {
+        this.swirlPopover?.removeEventListener("popoverClose", this.resetTabIndex);
+    }
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: '7eab0e132c99c86955fb1b761f617a17ae1da6ee' }, h("swirl-visually-hidden", { key: '694674872ea99abb4bb5e33e36fb13a00094737b', role: "alert" }, this.assistiveText), h("div", { key: '6e6823ed6383a1582cada32c8cdbbc82cd5a0e7e', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: '1df33bb4a0c6d910e9103b9e94cc7cf29057fdeb', onSlotchange: this.setSectionSeparator }))));
+        const showSelectAll = this.multiSelect && this.showSelectAll;
+        return (h(Host, { key: '81e4328b85a61fa6287fae5229dcc9b03aa22384' }, h("swirl-visually-hidden", { key: '46443bbe440e32294fa0695cb21e11636d1bb585', role: "alert" }, this.assistiveText), h("div", { key: '49e218580d2c7d3ffbe28ef4841a525e658eea2a', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: '8ec07cb33514dcb997ed90e7e8e611ed3cf37eee', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '14d73c971056601a5e20c2a461cbc1d7f3611da3', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -362,8 +451,11 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
         "label": [1],
         "optionListId": [1, "option-list-id"],
         "multiSelect": [4, "multi-select"],
+        "showSelectAll": [4, "show-select-all"],
+        "selectAllLabel": [1, "select-all-label"],
         "value": [1040],
-        "assistiveText": [32]
+        "assistiveText": [32],
+        "selectAllState": [32]
     }, undefined, {
         "allowDrag": ["watchAllowDrag"],
         "disabled": ["watchDisabled"],
@@ -374,13 +466,33 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["swirl-option-list", "swirl-visually-hidden"];
+    const components = ["swirl-option-list", "swirl-icon-check-small", "swirl-icon-check-strong", "swirl-icon-drag-handle", "swirl-option-list-item", "swirl-visually-hidden"];
     components.forEach(tagName => { switch (tagName) {
         case "swirl-option-list":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, SwirlOptionList);
             }
             break;
+        case "swirl-icon-check-small":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "swirl-icon-check-strong":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "swirl-icon-drag-handle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "swirl-option-list-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
         case "swirl-visually-hidden":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();

package/dist/components/swirl-pagination.js

@@ -90,7 +90,7 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPagination
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classNames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '20382f45fe6041f7a8d4d93ebce9f2cebeb4f041' }, h("nav", { key: '26b6d22fc4bc9fc2ffe5ae6ebf30c6ce5e9b6c59', "aria-label": this.label, class: className }, h("ul", { key: '47d749d57262eb5b277193d3b1fbb1e6a1194db0', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'e4d2bd569b832060cccc9ba569ac313a651037c5', class: "pagination__list-item" }, h("label", { key: '92384d3dfdc9e7ca611dbb2a954482e1873d00ab', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'a0dc7bfdb41296cb754b97810e7ab906ee4ab892', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'a67eedd2ec7b81a8e3a9e4ea476a4dfa33429c51', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '9286a300f6e37e68cb848a7098402298443204c0', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '63de1a3653e7d3ec598db18a33336f48ab7c28fb', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '11c71a54bdbd566dec5222f89886fabe476dfe9c', class: "pagination__list-item" }, h("swirl-button", { key: '708f9488dc91520ab2b07849cc04f95aa59335d2', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '0e8c718593af2b3af7c2983daec8097741463645', class: "pagination__list-item" }, h("swirl-button", { key: '24bba36488d9e99de8073624d8fcef9e04c3f29b', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '9591e1c1a1ac1d7af9beb171605fadcac5620259', class: "pagination__list-item" }, h("swirl-button", { key: '9af551b80cbcefdd1c7e392f1191954e44aa0db6', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '6a397b8f7ce772e315d9c194dd35dd70cf371d64', class: "pagination__list-item" }, h("swirl-button", { key: '778016987fccd52955ff6abf3f7baa66a3028f77', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (h(Host, { key: 'b704ed67ac28dce5806c06cb25a07dd084c5548c' }, h("nav", { key: '2f28d2cd07d9f6bdc754391645e416bcb7c70a57', "aria-label": this.label, class: className }, h("ul", { key: '7ed5dce860b61314e2162e0cf0ad59ca70e3bacd', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'd89fdb1d02f3fb1545006185b8333fc46e5e5086', class: "pagination__list-item" }, h("label", { key: 'e346431a8a3c3fc4fe4ade7ae80840ab2562f7cb', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'dea7818337eea41ee40b9c0aa971020556b2734b', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'c672c813cd313fe0d44a83e964e40ccf2e0b1b38', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '645590e84b94957f3f8e24ada246836ad930ca54', 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: '6e9d135be6206cf2aaaac8825394e33f6573ff3c', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '80f4f41c6d945f81887e04f47564c583e6f683d2', class: "pagination__list-item" }, h("swirl-button", { key: '9955da23dea56f6e7ed30cd7f95739454ec7b89f', 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: 'a1d3e6b188c72ae40aa6b84d2d7d1a06ba22726c', class: "pagination__list-item" }, h("swirl-button", { key: '9c0e5c0b0f8f8ef871bd223ed8b624d59752fe12', 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: '12502f89d5407005dbe5943ae55207c8651c0e46', class: "pagination__list-item" }, h("swirl-button", { key: 'acc9845b16a0ff100fd92958987ea6951c3b467d', 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: 'cd5f32bed27caac1acd8794fddc2afb755cd6011', class: "pagination__list-item" }, h("swirl-button", { key: 'e20a1e9c05f70a5a85380951611b13d661eeda87', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
     static get style() { return swirlPaginationCss; }
 }, [1, "swirl-pagination", {

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

@@ -210,15 +210,15 @@ const SwirlPdfReader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPdfReader e
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'f87b2b3a17aaf552e6f0dbc835b088eb536039ea' }, h("section", { key: '25b0731720226bed4184a5af5c71cf1e788ce48c', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'e92243994384e1f64b4d2428cac74b2530e758d7', class: "pdf-reader__body", role: "document" }, h("header", { key: 'ee43973e95458e858327f6aff41604960ef62b55', class: "pdf-reader__header" }, h("span", { key: 'd99b29226ab193058a2e0fff1c040ccf659afea2', class: "pdf-reader__header-left" }, h("swirl-button", { key: '8b8e4d8f98389f941ceac90cac49776411856ea2', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '5e7997697d19d70423b2f165f91de9b16cb35caf', class: "pdf-reader__label" }, this.label)), h("span", { key: '9bcfde5a3c1a6b97cb43cc1ab927429684641a55', class: "pdf-reader__header-center" }, h("span", { key: '6c0132c6acc1e70364e821c1f739113b1cf522d3', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'd9ea9812f4733a4e3277c82116f68edfc53738a3', 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: '11be2b56eee7d28c084f4e037cf2145a1faa9a51', 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: 'bc9c90a84d42e856e12bbb0b8d3cb548779d8e86', class: "pdf-reader__zoom-select-container" }, h("select", { key: '181fcc00c792b3f3555eade3b54ef90d60c35857', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '3e98415364654611fd51e09ab695116bbc7f35ef', 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: 'b423b9a5539bbb92ee274a71c58bf52b4f0301e6', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '77b0e060f06432b6e6bbb5772e5639e14ea49e9a', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '5a19c37fd2a0ad433dc3d4afe6a5ac42986b09b2', swirlPopover: this.menu }, h("swirl-button", { key: 'ae1142188d599d6356af3d0b4e95b83c5caa7c45', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '7acbbf877cd39623ec955d327e261b701f1d8ab4', class: "pdf-reader__floating-tools" }, h("button", { key: '70d0d3747756f09f3e11ea6ddf65c4babede31ec', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'e27fffb208d9833dc8e24bd3e04bd0fe0f8c0589' })), h("button", { key: 'e17bd59764ff227e1b8ff134246290cda9cfba7f', "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: 'c58d3a80e58a10ce7632ce7ac28bcea58eccc224' })))), h("div", { key: '74d8c2e1ee69ad32af9b73ac2a496a764fadf477', class: "pdf-reader__content" }, h("nav", { key: '737e42464d5d2c6ba1efff03b3d03bdfff038f59', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '63b14085da166d9564ca9d6ccbf46d6561e90623' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '515960803523dea86f7446fd18eba521c6ca02f0' }, h("section", { key: 'bfcfea211e11f4c2e565887aacc18367c220c421', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '801c07423b601e4f60fdf280d7d933489525164c', class: "pdf-reader__body", role: "document" }, h("header", { key: '896d7837356c61d927f88b66b0741aa622d811a0', class: "pdf-reader__header" }, h("span", { key: 'ca1fe5f7be071c74b0f4c2bbcfb7909b4cbb072e', class: "pdf-reader__header-left" }, h("swirl-button", { key: '4a3676ea694b32348e8acff117b2bb26d0a10671', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '49272d13604584518ce0ad2dd25cb31699ed9634', class: "pdf-reader__label" }, this.label)), h("span", { key: 'a482c669f1ee416f8ca355c5186e5a646cc5b11f', class: "pdf-reader__header-center" }, h("span", { key: 'ac2ef58e250a4abee7a7c0cffdca057f0d52d07c', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '54a6f772eabbad5547ee7c3d3a113e2b4b5d6078', 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: 'bd432310642717b5235f206a3e558fd475980a7a', 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: '9f3fc62f591ad873da69ecffa2e5e4a6cb7978f1', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'c00e81319387361d09d138e5d33f8c034841894e', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '5bbc342df0e97d2b70a4f5394c8e0ecc5b33dfd9', 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: '67ce2ae2a12f1b17c3e063521fa43b0f530cdf96', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '465ad127a3fc759ad93fc38dbd6cf68893785575', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'f13cd9ed6e32f68e2a7575d5fee58ad4b8b0a149', swirlPopover: this.menu }, h("swirl-button", { key: 'f67a577d18843f1da912465834eccbe090560969', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'a44795c891c3566f783d63b522ec19b11e3f973c', class: "pdf-reader__floating-tools" }, h("button", { key: 'e45255f56801ba041734b80d371c2210dd2fcd4a', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '6d1508cd90b8552c0cd5084d6926cbf49910a853' })), h("button", { key: '7ebdb7fb9e2d430bd0e4cfaeb262a8cf6b209663', "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: 'f4726e2550e376284ec53a5200f37ce257c98c71' })))), h("div", { key: '90a9ce63695bdbe9d0ef74f74998724ebe3cb1ea', class: "pdf-reader__content" }, h("nav", { key: '554a7934e6d0a42d6090b216b0aff566dabd457c', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'db58c0237ae232f155d10220983cb4e2421f4c13' }), !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: '3858c868032472c3a59d514e91f58a5e460c0266', 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: '4242e07f8f5c8af6c93212aedb33af817914b65b', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '3b08e227ea2cc3ea9aae3d380f90f861f55184bb', "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: 'ae351989ba28399ca41152f20cfaa3e1438b5600', "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: 'c2b553e026fd580505dbd37c97f96a1a937db5db' })), h("button", { key: '0ee23b8b2ded7e117a7493ccb6c9dd2a90269bc2', "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: 'c6c9373b8fef486199d6c6f0c40c30103d08dabc' }))))), h("swirl-popover", { key: '7c0b07d01e9e7fdc5df8f782b4c1f221ebd6b0dd', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'c735b038b60fd8a425057bbc745ba19600a28c68' }, h("div", { key: 'de929823da14fe898ca4f5f015677ec086432a58', class: "pdf-reader__meta" }, h("div", { key: '9c8d9abd3df26e0035521aa54199684c5e9b2865', class: "pdf-reader__file-icon" }, h("svg", { key: '2e01364248ea1b4f8baf4cb2f138927ee69e2406', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'b63ff107183509cea5c72ad8cdac419a61ac7492', 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: '993a8ebba103b08a1b3cb328516fb4a76da87d9b', 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: '70757211830be3d8ecb71b2729245238c22e6504', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'e17060418e5b6e4a9f55a7a071a0c5fdff893e33', 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: '1c91b39fe992a45c49af2c1a3df633e19dd6ace1', 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: 'a7d1b7d3ab97344a73a3ebef3c8e181d6e0099ac', 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: '5973e0b9ce3693c651f54716ba7e52f7bedda0d4', 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: 'e3996205518df8bd5383db2c405f07fa45b80d30', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '33adf23b10eb44545baf003aeabd35b1ef53cc82', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'c62b9ed3fc735956c07bf51554e85c2c3569d311', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '3f70a4750bf19d4a673f08f076ce95dae77228eb', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'a02b99f40ab20f2a6e90eacf4640e752ed595033' }), h("swirl-action-list", { key: '7b5e86ff8b0fbd6c80646141e88b59c904651878', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'db5d97aa1d4840357e18ecd20147c6e86d5a64f1', 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: '4ded273871f452184b41d9bd37b5292a8df6dcde', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'c84c8ff50a2853c66f5cefa3d15d036476567d70', 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: '6a2a16abefd7345cabe50fffbf560b308a1646b7', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'b7746e87c3ec7f92018834626af35f7f17da32af', "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: '7e9b21d73558237b28fab6428f46b50dcb4d2167', "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: '0f0aa91182ad029370ace261907ffca0bde49134' })), h("button", { key: 'f31f84e32cd31d37e8af2f3952883aa330a2da74', "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: 'bf624cb0c92d4733a71baa9f2a23e8e983f61738' }))))), h("swirl-popover", { key: '18dd33fe5d315ff21b30e3e88358e22278f5a5b3', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '258a49b88b597f65c97838af96351bade870357f' }, h("div", { key: 'c2c01eb57651e5cd8c2f0d8e393b16f88b718890', class: "pdf-reader__meta" }, h("div", { key: '928c5b3f17758532b6b65d113fe561d873ccd52d', class: "pdf-reader__file-icon" }, h("svg", { key: '88fa5638d77ac207ec74a3340d2cf41605cb6ee6', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '1cc10e32894cc61c3363593a6edbea668d923073', 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: 'ad6810f792d9acc4f6dfc4af11bf98f897dfcc9f', 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: '2150afede08315b292342f1bc85e445ab3028c70', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '97202239494ad50b674af45741bfcc051ea119e1', 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: 'b7bd8bdc65e1e1d49ee756a30ebf18cbe612e5f0', 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: '93a069d975f8ec5f3fadbc0342862cc5fb72e11f', 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: 'f4460876179eb5c1645c1b8871b7d9164dfe480b', 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: '151f35595f07f77ec2c11163366b6360929e1cc7', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '5d80b3f3596537797ace6ad59b76fa0c4ed730f1', class: "pdf-reader__file-info" }, h("swirl-text", { key: '2fddf758f97c7f76ba0c142ef35fac9edd439433', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'c84f89631e0d6b29cff51600078c0b76a9ef6e12', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '008e2c0d7b29a6ff290c790009c7f880fd25ef98' }), h("swirl-action-list", { key: 'bc53ce2850548cabb65e61a6ff0edaf5962d1a43', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '1985f7c3c8787a238b26b538c6c440a913ff93e2', 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: '1d27a3d176a43986b39b86f76f7f27e00be7111e', 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: '186ede09cf84da2c4065d5aa3d554b617a3ee68b', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'a67a0215e1c46f876d10cdda879cd6198d746266', name: "menu-items" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -158,7 +158,7 @@ const SwirlPopoverTrigger = /*@__PURE__*/ proxyCustomElement(class SwirlPopoverT
         return isActive;
     }
     render() {
-        return (h(Host, { key: '9aabcce517605e081025e58b2797b1a27a84433c', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '7076bd7d3eafa1f59dd37401e96896df5bd71fee' })));
+        return (h(Host, { key: '8f0c3968b321fa26668a4774bd472565e0267f04', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'b8358422ee6ec259be0a701a51cd33604ba0d5ee' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-popover2.js

@@ -220,7 +220,7 @@ const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends
         nativeTriggerEl.setAttribute("aria-haspopup", "dialog");
     }
     getFocusableChildren() {
-        return querySelectorAllDeep(this.el, '[role="menuitem"], [role="listbox"]');
+        return querySelectorAllDeep(this.el, '[role="menuitem"], [role="menuitemradio"], [role="option"]');
     }
     adjustWidth() {
         let useContainerWidth = this.useContainerWidth;
@@ -268,14 +268,14 @@ const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '68bc83b94b0462201b4127c79fc46b09ab5327ec', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '18bfb33ed5a6e60c5c3daa98926426288cce75ef', class: className, onKeyDown: this.onKeydown }, h("div", { key: '522daa591c585de236c2f25bda36aaa2ccb45868', "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: '4f10755f8ea2194df1216be108c62a5eadee177f', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '7a5a934c7d426e066ba49a41ac892bd972c0f1a1', class: className, onKeyDown: this.onKeydown }, h("div", { key: '50d4e3db731597dd3fc86a8279b38fd13f17f05e', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: '604ba06813c37f73323c7c78c75adc516171d560', class: "popover__handle" }), h("div", { key: '81d5cd5e55823d1d16ca40d40167032b4d05ce0d', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: 'f2e6dbe404dc87f9b6721e9a0641f8174bb7d831', class: "popover__handle" }), h("div", { key: 'a44861728b4b9753e9402d0e4bcdf2eed2e56420', 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: 'a7f2433336c81d3c441fe1eb55c50f6cc7aa7fc2' }))), this.active && (h("div", { key: '61b01b9186b58797ab69de1b8e738c60be3ea290', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'ce60bd11d96dd11f5b4609c2aeb61ba171a0e2dd' }))), this.active && (h("div", { key: '11bd10f7371dced09a822651d4e40031990f057a', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return this; }
     static get style() { return swirlPopoverCss; }

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

@@ -18,7 +18,7 @@ const SwirlProgressIndicator = /*@__PURE__*/ proxyCustomElement(class SwirlProgr
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (h(Host, { key: '4b951c237a61d2c86ecfa89680ed3086309d63ed', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'e0d157a486ee4364ba97bd1f146729de85e592b7', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: 'b24e27191714cea85967b05f599e1d2fc2854a06', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'e177fd321e9434d46375b5be42e248ad04701a44', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '0699a289a7ee2b3aff75f4b8f6b4a0b952b0b115', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'e3c067cd45df50fd3da512c0288650b7f70f3c30', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (h(Host, { key: 'bb5d8f72c0508859efe7b5aa1f70a04b744ec9ac', class: this.variant }, this.variant === "bar" && (h("progress", { key: '52f125abfb13007839e19a629d0ecb6c4383d505', "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: '8d75ce1d8e8b81f8cb67837193372d8f4cb4a52b', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '3d130ee42fcd66ee2c2414919619b89234f7acdf', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '7af0104695a52fbb23e98946ed0a19289e1e7f15', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'dabaabd787f1a908cf5bce6314035557972eb701', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
     static get style() { return swirlProgressIndicatorCss; }
 }, [1, "swirl-progress-indicator", {

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

@@ -41,7 +41,7 @@ const SwirlRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadioGroup
         }
     }
     render() {
-        return (h(Host, { key: 'c15c2762c3d3138caf091f71e39e04584527519f', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'f595b467c4fa50b0e05251958bd8253703a857a1', class: "radio-group" }, h("slot", { key: 'd214642d099ce57ac2c16344c13b71749f7e84e1' }))));
+        return (h(Host, { key: '16032f1a353fb5f44d013ccb305c404c6a4ab08b', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '535fff1871b3583b138e1f38146380a30ac1ae11', class: "radio-group" }, h("slot", { key: '4f4f58b03ea577c97247b0db6e7367955df8172c' }))));
     }
     get el() { return this; }
     static get style() { return swirlRadioGroupCss; }

package/dist/components/swirl-radio.js

@@ -39,7 +39,7 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadio extends H
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'b9e64b24cee436738b154cfcbd2cf01cbeb6a728', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '60eeca9a2146478f9ede706d56fc51b728eda97f', class: className, htmlFor: this.inputId }, h("span", { key: '934171e05fca6b1f936deb73e4ad490b17791a8d', class: "radio__control" }, h("swirl-visually-hidden", { key: '6617f95f516cb4b9c18e6a0636a6c440cb0dba82' }, h("input", { key: '68ecf60b1873b5c56c1a862876840d5b74de8899', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '0fc478b4cee70968250beabef24895b1ac457247', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'c6a282ffdb707275f3c51603107a61ddc59a0114', class: "radio__label-container" }, this.label && (h("span", { key: 'fe8df563b595badc02fa36c3becbe58925a75c4d', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '2e619d4527c2908959f35e241c7e703c699d43c3', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '7c2d8e70450d7fdac7a1520dbd990a2879befa36', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'c57f52cdf180822ddfdf096a92607e4a9236f65b', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'a9453e2673f7f820a382879084aea75b281c8c78', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'f9026726399fc93ee93f79cbeb04cc05b7f7da78', class: className, htmlFor: this.inputId }, h("span", { key: '02336f11b0fdeb506165d6c5ed442ef86231d297', class: "radio__control" }, h("swirl-visually-hidden", { key: '253822aa3238f2367a34242249af7a025e6ea25a' }, h("input", { key: 'fa05812fb02634ef5c9240a5afa266f8b5119f12', "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: '1163d4078c7b7bb1c32c916b44b4f06357e41bbd', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '5b3f18e8460b8fb1e6728c44807a6405b0a8a0d3', class: "radio__label-container" }, this.label && (h("span", { key: '42d4e1135074ad6f731ac4d2c9cc6fad8b9475c7', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '9f7b87dc34d068c1989c727cb9a799c2aabffb28', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'bda4ef9af1de44e62c71f53c159fbc10fc83860f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '1aa7de58db71627c34beab9f31f213e4bdeae2fd', class: "radio__description", innerHTML: this.description }))))));
     }
     static get style() { return swirlRadioCss; }
 }, [2, "swirl-radio", {

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

@@ -43,7 +43,7 @@ const SwirlResourceListFileItem$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
         const className = classNames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '8d7df714caf96ae412d4e0b49853f72d249aad4d', role: hostRole }, h("div", { key: '81ea67fb3c7773f0aae662a98c55f9f0c27a939b', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: 'bd4d4162d022394e4961b5770735c5314a4f14b1', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '3c7783464d3cdbae123f79842c41ac7193d17477', class: "resource-list-file-item__label-container" }, h("span", { key: '10b520ec9e47b3574122b5b5b99b0cb29ef07f5e', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'aabe9b9a894441922ee4ba37cb82b5c58dc0a3c4', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '7a7bb49fda62d453c698714cacaba79a7b73b0e6', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'd2f1a7c1e52313fd8f3772a807063524a71a6174', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '77a9633e4f48f45f59caad171da24ca63e144f8e', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '57afad00549fd06bf211a3b0c508d7498212d59e', size: "s" }))), showRemoveButton && (h("span", { key: '195ea94ca1753dda4d55e4804fac125be61bfdc4', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '176110b698c37080932fe6813db04bea3fef40e9', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '241b4e86d4a20f284bafcc96e03a3c543a93ad3d', role: hostRole }, h("div", { key: '74862368947a729c7ed38b5d914a639699d91802', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '59addd3dd9cfb7ca2ba9107ca1f3a562b0a1931e', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '5d66d1e6952e7346d4b2149c47014de6d2bc7d56', class: "resource-list-file-item__label-container" }, h("span", { key: '2edfee6d8a62dd8da7dad40395a36410c58c5ecf', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '3d759c0052701624f68bb182f650e9f61e942469', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'a4b3a8737b2901a946253366c583b161ffe1e5c5', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '05fba7657d71124145244f3a2dbf335b37ff1b89', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '58dbd752ee2dafe084435f5effe88535ba8866ae', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '4766163c7adf93abc6c3f7b6da5448690471b436', size: "s" }))), showRemoveButton && (h("span", { key: 'd4a23830b0d9192dc60f6c69ee72cb15a1b5af8d', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '3b192f5a3c21fd1431ea95eb2fe896131d04e2cd', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     get el() { return this; }
     static get style() { return swirlResourceListFileItemCss; }

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

@@ -144,7 +144,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '6c76f75792d6dc74bd6f5b8344f73b71a15a578b', role: hostRole }, h("div", { key: '7a0f9adcc65b2e078cf1e92a824e7b3b32ca8171', class: className, role: containerRole }, h(Tag, { key: '64293b307dae26d1bd82ac527542ae97875d38af', "aria-checked": ariaChecked, "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, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '2fce8f7495ab34f3cb7b1ea111b5724ebdbc928c', class: "resource-list-item__media" }, h("slot", { key: '6d9931d51a481119e6987169d2f524978047e171', name: "media" }))), h("span", { key: 'dcccc9fa94a5455345d8922427ab5ba53c6d5f1e', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '412c03a02bef3fa75a331829f8af7ae69fba82c6', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '67f45dd519ad32d53b1e85b68679795a4ba44dc8', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '9f5ab5eeed07720b961522a1ef1af3cadeda86dd', class: "resource-list-item__meta" }, h("span", { key: '61e080794fec67e333baebe4c0260bcaf0a2ba6e', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'f696df19b5525800aac6bd38e04772294c1dfc00', class: "resource-list-item__badges" }, h("slot", { key: 'e52d5675e77b9d9dd4733471b18e79114cc7d579', name: "badges" }))))), this.selectable && (h("span", { key: '328bf9f77fb257ce7babfb6e2c2bdf00eb79a09f', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '89b630fa4ef44df45ae92c1b8d8e59c46fb508e6', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'a739f4cd3d40556246756e9aa7191e1cae75308c' }))))), h("span", { key: '7016fecfdb6f9d773ab341b9d659480fa8dda230', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '9e6b697833a71e8878f7aca8bf466f8be91426bb', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'f876ed787b3771ccf3ea25a919a57d57bfd85c07', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '194c091ff2a129be9061f2908092d48327ebc8e7', "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: '928ccc6af654fe763af660b030071f65f28275e1', "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: '34e494f339aea261ec37330f315c20336324f29e', size: this.iconSize })))));
+        return (h(Host, { key: '99d705af69a7d7457da693a1c5c67706f6635845', role: hostRole }, h("div", { key: 'a59c5927cae5448c3917a2af8387b50dcd2d3ef4', class: className, role: containerRole }, h(Tag, { key: 'b3e5fac4c8925d3a06a26b7d0b79aa58e3def37f', "aria-checked": ariaChecked, "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, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'ec4113d40664af96c8c8dbeec32501b1f57c0f21', class: "resource-list-item__media" }, h("slot", { key: 'c4d9601f58a3f128cf88254a2d5bde98c36d1628', name: "media" }))), h("span", { key: '6ae242f557e807b2ef95c2b6d775151eae4b4d47', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'd7489459160e4dfebc38d3f1ab637ff7ec0a2096', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'ae91a04a4916ca91e50984da265e4a94d08ef4c3', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '4188d689a7330f8ab41534becf9059258eb571d9', class: "resource-list-item__meta" }, h("span", { key: '5a63a90a5478728f57611efed228919b856e0ecf', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '04fb7f9e250e2772cbf78567d74a5496fd96897b', class: "resource-list-item__badges" }, h("slot", { key: '950c710d8150ba65f67becb2a072aa241fc0109f', name: "badges" }))))), this.selectable && (h("span", { key: '1d5e33c7003f06937bd11c3d1e3a2e8b2751b43e', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '0518fad3b25324d5f4b4b32bcc5ed84bbdef7542', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '5578df09145bd0c8a66a7a3f97fbdbaf15edee11' }))))), h("span", { key: '35605bfc79aa8f8653d9f109af0741247ef7d555', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'c3771a13badc88d14e856c3f5391ff904420c2c4', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '351458c498c327220f1b55c8b5a3b27038c5bfeb', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '8ad88ba909010c7ab1fc300cbd52d533bf8eae19', "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: 'e26acb5a079ec58706794f89d742e6aad3448203', "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: '128042b80216937f197dd36ca5f055fcacf23150', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return swirlResourceListItemCss; }

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

@@ -16,7 +16,7 @@ const SwirlResourceListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlR
     render() {
         const role = !!this.el.closest('[role="grid"]') ? "rowgroup" : "listitem";
         const childrenListRole = role === "listitem" ? "list" : undefined;
-        return (h(Host, { key: '80eef2ca1f3c6b37d765ef249956983560fb6807' }, this.hasSeparator && (h("swirl-separator", { key: 'b1f584624e50ecae8b1ff5a889e255461d76fe91', spacing: this.separatorSpacing })), h("div", { key: '530c5d069deb267c007667e3c4bdc83e805861fb', "aria-labelledby": "label", role: role }, h("span", { key: 'a2a9a0c227807f56e94c4e55c08a1791c3719bc3', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'c158a8b2c947fc1cd31f586b60f17484936aafdf', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: 'f479bc0f5603d6592df55053afd86e0a1ba22d03' })))));
+        return (h(Host, { key: '0cf3272f8cf58ff4dac9bfd5b5544180114c15f1' }, this.hasSeparator && (h("swirl-separator", { key: 'e293f95feb89ecc7f52d80664392f1847b485b34', spacing: this.separatorSpacing })), h("div", { key: 'c344d6f4d27abeddce0e13f5cf4b7306c5fd002b', "aria-labelledby": "label", role: role }, h("span", { key: '0eca2c289afe7a2ba9ea20acfc7f8c23874ba420', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'afdb8b0e8e4d8a39e55e5433bebad89a67434f0d', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: 'dd3af4639c03645d85d58eac6ef466441ade1276' })))));
     }
     get el() { return this; }
     static get style() { return swirlResourceListSectionCss; }

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

@@ -259,7 +259,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
         });
     }
     render() {
-        return (h(Host, { key: 'c75f0ba1985a00ac6dbc67289a6b4810c37be961', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '90494b940f1e6c1293d60c04458822c99c0fb2ba', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'f33276012374609326842e3d638c21d0f556a0d9', 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: '46a26973aaa57dff81309f36c62bdaf457f0c1e2', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '5270fb4d8807d1818369b3afde14ea0cb5ccf20b' })))));
+        return (h(Host, { key: 'cebcef9bd2b4f9c9bdb07eb60b1455fe961506fe', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '3ec608204ed57e938706be802f55e69a1de4e042', role: "alert" }, this.assistiveText), h("swirl-box", { key: '1264ea92a2dc6dad647e917dd90267e52b175345', 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: 'e1ce6259ade426672a4bbcf873e8072eda93a167', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: 'd8c26a1e3dbaaa405caaafb74d4de11632a26bbe' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-search.js

@@ -67,7 +67,7 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSearch extends
         const className = classNames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '38f640d87bdec796c7e07309668e1e0e7a0284d0' }, h("span", { key: 'dadfb055ba7e289407f09f7aec2ffb7d0bffe770', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'c849117de80f5b6de58059752b06a9272d5af833', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '53e71fed70dfd8d692ca874262de9e42d0fc72fd', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '5ec7acaa39055afd1430f96be7b981e37d50edb9', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '4b29a113365e5e54de9532d530ec8cbaa6dd33ff' }))))));
+        return (h(Host, { key: '384b347d93bb98e975996d7bf4b688761a245dbc' }, h("span", { key: '62324ece6125259b67522e29e370b5b2e03d0d5c', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '72d7d1b9765730dc2505fef124b3ff2e665ef1d5', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'a4f9d3b8acac13b64f7557b3b0fbf51dc28e76c2', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '1f76c00145cd188ecbf3ee167dc9a5d059aa457d', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '126c31d2be95fe6b02d8e141300fc741dc614dad' }))))));
     }
     static get style() { return swirlSearchCss; }
 }, [2, "swirl-search", {