npm - @getflip/swirl-components - Versions diffs - 0.294.0 → 0.296.0 - Mend

@getflip/swirl-components 0.294.0 → 0.296.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 (1720) hide show

package/dist/cjs/swirl-link.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlLink = class {
     }
     render() {
         const className = index$1.classnames("link", `link--color-${this.color}`);
-        return (index.h(index.Host, { key: '4dcc9ee9433ad922ed6fe145e5308f90da057107' }, index.h("a", { key: 'a0562a616017115c457e97f329c323e37c954d70', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: '80d2b3613f4b8bd13b1194d4fe2fbfd0731deedb' }, index.h("a", { key: '2d3b7aed8d1eff31a29fc465273e3bfa62f4f81c', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = SwirlLinkStyle0;

package/dist/cjs/swirl-list.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '81280815afbaa049e1ab911fa3fc911593ea2477' }, index.h("div", { key: '4b9f28828010de5424d61504996ceb57db6cb2fb', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: 'e2861a9ab6488c70e41d49a128cfe7c2ced66efc' }))));
+        return (index.h(index.Host, { key: '5e54cf114526257a4a7910748cb2f96b31aa1c07' }, index.h("div", { key: 'e2022e0a204f6cc4faec082a53e86a263bdc8a97', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: '17e7a5f2c968a7ec34fdedba5389c667d86686f2' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

package/dist/cjs/swirl-menu-item.cjs.entry.js CHANGED Viewed

@@ -122,9 +122,9 @@ const SwirlMenuItem = class {
         const className = index$1.classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: '75532aa818f189808a0c483efe64afb65be7eb09' }, index.h("div", { key: '599aa1a2f9afd8e25f3c7e3c830d98afb5847c9c', class: className }, this.parentMenu?.variant === "selection"
+        return (index.h(index.Host, { key: '7c854dd7a669e9f9efa6b437a1434a276fd1c8af' }, index.h("div", { key: '0619dd31a941ec8515426a7c77a497e0c0f52643', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), index.h("slot", { key: '6b725fd7067d1286e7423653bb7b3a99d7244eae', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), index.h("slot", { key: '169825373ab9061a36ddb5aebee18dd62fd6245b', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-menu.cjs.entry.js CHANGED Viewed

@@ -298,7 +298,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: '09282f9b414e9f9914ba0b94cfa9d014bce3968b' }, index.h("div", { key: '45e1291c46a9d8ac9c89d8d3fb6aea6966276bde', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '78d615d456e938d0bf57f73ba553718cea34f1b7', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '79613c077848b55b9cf04a3a0247f7c3524ddac0', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '5a2da40e27d6389459c0280568638009e6b72bbe', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '471a1a067678f08278cc6a308a3f2c4ec3686e53', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '10a71a472681b98a56043e73e09b65ba606c97da', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '348aa994468ef8cc10e2c3df09c5a2adcf90980d', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'bbbdf79dbdc050d9a1475b2859e8fdeec843a67d', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: '24b9a5a411f90f3343ec603f35e87c55b59255b1' }, index.h("div", { key: '2873fac136c34db022ffb48363cbd0d8aaa1175d', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'a366360ecca533efb243a22b7be2e2e7af03e103', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'dccd68774426953f61df8827d24a62ecf09d93e8', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '42a40d4fc7d116e1da7c507d94afb8506c043bff', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: 'e7bcd311b9f7770d7ace9c7647592e207ac773ea', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'd4963ef497c29a6ead642897b8d154994e501747', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '9481c0b5f3090fb6ff69a573047b2457c81b3138', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '4c5b0690e189053c2c355a1e532417e16de8b6f1', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -309,7 +309,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: 'bb851986c93b5872d027f3873b10c35c201c99c1' })))));
+                    : undefined }, index.h("slot", { key: '6a57a102ed4a4a99c5e07fd19e2ab6cdaca54008' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-modal.cjs.entry.js CHANGED Viewed

@@ -183,21 +183,21 @@ const SwirlModal = class {
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
         });
-        return (index.h(index.Host, { key: 'b1c98a867cefa87defff50b03aa1f0bc786db36a' }, index.h("section", { key: '98cf6b7bda4bc48238d6a3d8ce779c98291a2617', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '0b655547a66905a89ec43a794eea750de905db51', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '1cee84e9c42292bcde9c6d604bdb5f43e7c6246d', class: "modal__body", style: {
+        return (index.h(index.Host, { key: '01f1a99d08bf7d14edbf134f18ff139064a6db14' }, index.h("section", { key: 'e859526369fa2b1f6e9c1514f67309326c797555', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '500de6e4f8ca20e3db551d821663aedc2b6ee761', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'afe33af8ae2b7c51d660d62fd2abe55a23c71bf2', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, index.h("header", { key: '75f7b255977bcffccf10fcb5826ac4706cd1b190', class: "modal__custom-header" }, index.h("slot", { key: '98d04a2e5e33f8ca0270a74347e2d7a0280fd299', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '2bebc9925168116cb94a3c2ff1af2c51f15f205d', class: "modal__header" }, index.h("div", { key: '2b724c519d0892d978cbe10e3ac91b597f889952', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '4083c5a5bd2da81425967525cbc749223f465026', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, index.h("header", { key: 'a88e912716aff9035f1725382e73260e63824468', class: "modal__custom-header" }, index.h("slot", { key: '367c0c5663c61cc38adff9db245cb3c62fb41fed', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '1d8340d9496b6a1827dbfa5afb0cc5297c5b47b0', class: "modal__header" }, index.h("div", { key: 'ac9d727f63be6e7f578e808025aebe81d272d7b9', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'dbf6cc2118184e2082f6dd7f5cd3ac27cb1a70f3', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '8882743cf4abfe0396ade3d1b9368b44dbcd5d95', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'ac500c280e837e4fbb64dda6d33582678ddbbe62', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'd5f8cd4b34fda9ba929ba704abc31e788fb44dcc', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '88f2bacf1af61d802a6f9143022a771496ceda0b', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: 'b57c5138ae1cd324542c035ef4b62e841fc69e85', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: 'aba493484d2375e654965bc7356ae8af40367018', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: '390ab7a0fdb2f0f3d7de8e2c436f73a707840cd3', class: "modal__header-tools" }, index.h("slot", { key: '0609a378b9d3a3ca64e2573ee6d0ef6d5f981d45', name: "header-tools" })), index.h("div", { key: '6de756c11116d256035631fdebf6b46773ab68de', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'c52bb8944f5d732d870d19ab3045fe9689031c7b' }))), index.h("div", { key: '1abc5469aba42427b86a2fa46cb97a6fcf346aa1', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: '3e8bf32fbc258156f0bab8d41e42d8ac264721d7', class: "modal__header-tools" }, index.h("slot", { key: '9a704a1162c6ec60bc0f81722db05e5e079fd4ca', name: "header-tools" })), index.h("div", { key: '78377c91186312054af4c6d9acaaf8bbbe9cb428', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '664d1483dfe2510cb4f539f3f5d0fe7e8b242117' }))), index.h("div", { key: 'a455a0bd1d63ded0cb9b490eb3979e225be01f85', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -215,7 +215,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: '4c9100b9d7ce7086633a0352e8482c34d180b714', name: "secondary-content" }))), index.h("div", { key: '63e8caf499fc6f9d311a45a554cbb9c591b39e47', class: "modal__custom-footer" }, index.h("slot", { key: '36073410f2f79a08268c2d32c771bb69da7b571f', name: "custom-footer" })), showControls && (index.h("footer", { key: '606128994fc32ff81f2915228a5675a00a9af6e5', class: "modal__controls" }, index.h("swirl-button-group", { key: '90e2196bf52d8a78040645bb4823def5e91ffa57', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '0703f8d5f77cd4ccef366410d35721638f5a9732', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '71cfc8418c15bf3c9135362996fb32c2aadbe4b2', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, index.h("slot", { key: '4cdd48db509c1e1ef1d822dcb8c0391e0cb219b8', name: "secondary-content" }))), index.h("div", { key: '7646bf87d24eb5222ea973cfd5c4103313819a42', class: "modal__custom-footer" }, index.h("slot", { key: '47646d2bd32381bcc34c4d74febdb30953026d6b', name: "custom-footer" })), showControls && (index.h("footer", { key: 'b7fca840a0e80d38d021c8f9f52243f125fe3ce8', class: "modal__controls" }, index.h("swirl-button-group", { key: '91ac48ca22540891189abdb0429aa3d1562a0d52', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '9d7739259095b4286b1c58109ce8b49e574e886e', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'bd261ad844e3027dd6c0c1ab651bc4a868ea49c3', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'c42e362c4fc286e3d23af2d2ca05c4d635a0f385' }, this.hasSeparator && (index.h("swirl-separator", { key: '7918b0a63ec7fdc808ae3b672922e7dad2e5f262', spacing: this.separatorSpacing })), index.h("div", { key: '640495ef9be1d45ea875f5fb9e2c0a01dc13060b', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '1e9cb3c67832846734c982d8db1ed3db559113a4', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: 'fc7080b2e2071b195509f6b9279c42e67b8b8522', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '576a1c5b2342aee096771cbc6ea6b39d38605938' })))));
+        return (index.h(index.Host, { key: 'f1b4ebc52d03261c28d2ae6eaae3e493bdb98145' }, this.hasSeparator && (index.h("swirl-separator", { key: '3a962178d21dbd6dae69cf5ec9eb6c3f0e7a88f0', spacing: this.separatorSpacing })), index.h("div", { key: '29f327141605d0d90bd03ced1cd8100cfcd51434', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '7c4652841d114e2b21286ab419e20ad9033f5925', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '26a0881232ec13ec5ad9e8c0d2dc136ff8411745', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '9508539c6dccb3f73c7865b4de6af83b8bdb97a9' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

package/dist/cjs/swirl-option-list_2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1a9a1551.js');
-const sortable_esm = require('./sortable.esm-73cf219b.js');
+const sortable_esm = require('./sortable.esm-81a1c837.js');
 const utils = require('./utils-1a1dd8d3.js');
 const index$1 = require('./index-9f94303c.js');
@@ -352,7 +352,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (index.h(index.Host, { key: '8ef5e24306e9293d11444f7c1da65c2aff6f44e2' }, index.h("swirl-visually-hidden", { key: '3c44169be9ce667ae8124972ff25f0e1e05dd327', role: "alert" }, this.assistiveText), index.h("div", { key: '3848bbcba664be4c95fe0cf6f4051f38fbfa88f8', "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 }, index.h("slot", { key: '0531e6a2b9b9399151c9702542808998eeaab414', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: 'f4b1977f4e4183da9892815b69231520d9483aac' }, index.h("swirl-visually-hidden", { key: 'b67272dd21670e88168b180dc278a2b38af1ab55', role: "alert" }, this.assistiveText), index.h("div", { key: '387a1404ec74bbf4eb66fc10810f4c33566d7264', "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 }, index.h("slot", { key: '7b8c2546ae1c9bc386cb6d05be5d0ff2dbe0e60c', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -405,7 +405,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: 'e4b87239e8182dfec9083991f110143dd546b8d2' }, index.h("span", { key: 'f7249adea2f633a252cf0b261f9943cbe506ecc9', class: className, part: "tag" }, this.icon && (index.h("span", { key: '4588be9d20d846be387d1abb975ce98506d5db19', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '9d24ba7bee531a4d741678105e79b2087299be8f', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: 'd92c9df4fdbb1f359c26fbdad005f7a6fa5d2c72', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: 'e4e8df37568d44dbc02f54892ece51264d76932c', size: 16 }))))));
+        return (index.h(index.Host, { key: '929845576819bd561965c475f3c4aa449096dac5' }, index.h("span", { key: '74c46991a9bbb9ad01409e658f4f6c72b1f15fd1', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'c4a475b16b1d1039c8d6a8b40f94ac3dcd1067b8', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '71083c3fa4dd03769975403498a2ec78f49826d3', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '9fa0c323135e2fcb064a1e30a3636bddcfaa9c96', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '495a501e9cf488855639af27193853b08e74dd30', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-pagination.cjs.entry.js CHANGED Viewed

@@ -92,7 +92,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '2d4d4a20e12bdf5759a01072af8d0a905dd96d95' }, index.h("nav", { key: '2face9ae72dcbd5bf809c986a1729123eec4094a', "aria-label": this.label, class: className }, index.h("ul", { key: '30a59873b9700d96c1f3203a935a3d61ff34e399', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: 'db78195abfa6ec63f8b1be66a7c869c09514e043', class: "pagination__list-item" }, index.h("label", { key: '5b60f889fda62209e3d7984da9cbb3e09397fb93', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '2a0e960fc0581b04ad88dc594d2179c654dcc3c7', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'a82fec8e77c7b508a160ea99cc06a185be666075', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'a0c895a7ca5ff47dcd859af090441496d5194a16', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '6ec4ce1d8010fb4436cb2606fe36a524c5a39444', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: 'efe77415f10a014e72a78ee285ccd87afc21b67d', class: "pagination__list-item" }, index.h("swirl-button", { key: '8fbbc9440038dc0586653ba38eaf18f1a79d002a', 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 })), index.h("li", { key: '286a8656e055194c36387d92c9138c8f94cb674c', class: "pagination__list-item" }, index.h("swirl-button", { key: 'd24e631fbc400b127491107ded0cce68ea23b463', 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 ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.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 }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: 'ac732b2c809b19c6064aa02f4eed15456fcb3f9c', class: "pagination__list-item" }, index.h("swirl-button", { key: '62f6b42488c19dff7232d2b18d22bffdc62823f5', 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 })), index.h("li", { key: '55db6d87e854cfd8d8bfe4074959f5fa8a9ee67e', class: "pagination__list-item" }, index.h("swirl-button", { key: '94b0c91962d01b9786e1aa91544a56452fd194d1', 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 (index.h(index.Host, { key: 'd0c84a71fcc96097b9d64aa2a053cc6cc38524c7' }, index.h("nav", { key: 'c29fa9eff21f157d125f3524e2e309a585f584ab', "aria-label": this.label, class: className }, index.h("ul", { key: '8664c3ac1fe1666430afb73bea59e2414e8e8f3c', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '53f2a95f8667542a88b0cd1d627c6009359e3299', class: "pagination__list-item" }, index.h("label", { key: '991ebe7e7f085623a9090652f65a8f9822a0e841', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '58f593f0f122975c023e02adf748d6b0b44255a1', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '076f44c996cc39acd0ca88d4c1b53c193c169c3c', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'ee481772258639e27f786037d9a6eb55d0e160f5', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: 'a0e92ca8306a152774079a383009e421ae51958d', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '0ada4bdd3bcbc57337493041850dabb3c1c9f14e', class: "pagination__list-item" }, index.h("swirl-button", { key: '1cd735266c5810cda59d4968325855117d8e67b0', 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 })), index.h("li", { key: 'a3658a4d3b2343fee0fcace8c793cd29f46bfa2c', class: "pagination__list-item" }, index.h("swirl-button", { key: '3d9ea8dbd35f80e28d04dc7c011d7286aa92f8df', 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 ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.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 }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '66638a2995d76a7987b8d645a7d1b30fbc013b3a', class: "pagination__list-item" }, index.h("swirl-button", { key: '24828e7028e68db7d74a31d5dd5dbf0da7678751', 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 })), index.h("li", { key: 'dc57ee5d997869f7e0085d82a2f7c75a5ba035a3', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e5d8cdad8a748612b9a088b71308dc8e35b3303b', 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 }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

package/dist/cjs/swirl-pdf-reader.cjs.entry.js CHANGED Viewed

@@ -191,15 +191,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: '2709d76680b67e569227106c98dab24cec6ed251' }, index.h("section", { key: 'c37797b9c99f91d0724c65422b86572fafad3b70', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'f9136fca5cd8eefa94c5bb44d5027ee73f277c54', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'd2dbc467fcfd99bab47d1231bd1a2af715b2ebda', class: "pdf-reader__header" }, index.h("span", { key: '1149f3b0843528535d9e374b3af54f87979a5f2e', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '1c0c2274f9c82e8ac6da10e6be73a7cf5eef41c4', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '5f2096ce2d51277119564eeac3048e7905e26f5f', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '101d19412c5e8dda13ce0285c30ab293f5efb6b7', class: "pdf-reader__header-center" }, index.h("span", { key: 'ac37c1cd9cfc65fa5d5818f632fb52394226fa73', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '6654185fcb05f11c12c761b02a7f663fa5159f48', 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 }), index.h("swirl-button", { key: '997494350e5872b06575066cbfa8696c8383da15', 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 })), index.h("span", { key: '4b11a3d4c671c07f99a71ffe29fb68ae6b4b68a7', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'b821ef7eafaf3cb7425bc458def9c2fecf26a787', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '2d29a6132037f58dd2e4a47270dcb14401c2b894', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '6dc3df7c609d0b48e811ad2aa9cbef48c9695fee', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'c8eef14695da8fb894cfb85d6c5e8db40bdac3cd', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'c678f9b0a1a8cdf765e2d643d797fd10377d254f', swirlPopover: this.menu }, index.h("swirl-button", { key: 'ed8738a96194e0398c718a99e31bb7b3f09f4d5f', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '612306cdd6855bd19fb7fae371e87a393dd5d2db', class: "pdf-reader__floating-tools" }, index.h("button", { key: '4220877978651e6d752f5d92c92771fa5a73e2d1', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '3c2414277cb5a449d2bf78a55ad37d7e4c601c77' })), index.h("button", { key: '64d4fe53112a9aaa130a81585701e14ef9ee4dd4', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '86e458bb99c2db9b353cdd1afe06a0926b896da5' })))), index.h("div", { key: 'e462cfdec58d0b32856e79efe1b1247129240929', class: "pdf-reader__content" }, index.h("nav", { key: '371658f94bf0059e7af46cf368cdade2d9c01a80', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '37c503e159acb346bc9feaa9290d110e1eadc3eb' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: 'e57db2b78cf143f189d2ec8da3ab76e70fe7ce92' }, index.h("section", { key: '08d54d69eb1aabe861653f2842f6c8b85f1ff10c', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'd335ccbbe130d7e0049fd01a9a64d8b8fbff3730', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '4c384fe09a7b4c79ab0c09c6bfedccef40a440a9', class: "pdf-reader__header" }, index.h("span", { key: '8f1406de682d4d69a181c2e5f92b2567b636489b', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '66660c08fa7617a9198cc7d84a03a95e2deb52db', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '9922f785159311e72c19745d73f40eca552d111b', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '749275664cf6747e9f280be8cef3083eb97533bd', class: "pdf-reader__header-center" }, index.h("span", { key: 'c606f1f2ec14a17afbb7496a6cf9f837ce099add', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '5ed7708c80dabf4f12618fab2cb195952964d42d', 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 }), index.h("swirl-button", { key: 'e8602fb782f2aa6db4a94383df27118561770949', 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 })), index.h("span", { key: 'bb845fdfda67c0e1cb6ec21e9328526c9447e9de', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'a7f8779b490b52df8d903709ea2f84871a2a7c7b', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'f646834ffbb956a4fcdd8eab89a96e1d0b4cb885', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '97ee6073652b3f0d55ea1e436e39e8d1e9edd436', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '09bcb0a576a3f87c6a9b0d668301c188c4fee742', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '37bac29cb32709ad4473e669dc17b16c215c88e1', swirlPopover: this.menu }, index.h("swirl-button", { key: '065ba1053a7ec0ae56b139f945f95febadc4dfd0', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: 'ac490d36ee405346388fd0dee2fc6b4f133245fd', class: "pdf-reader__floating-tools" }, index.h("button", { key: '49386e83b6a21906c5b5f43d0dc31c0d6f57ebdd', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'cea801fcd288044a2dd1c6e7b08615c2aa0e0bdd' })), index.h("button", { key: '0beb6eb36ab22abff0d420b7f856502f4105c919', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '3b7eb57759d69895d5c5ef4f3bf3ef7da27b488d' })))), index.h("div", { key: 'd9228e18c0d0fc95e7b01eed482891b595d12d61', class: "pdf-reader__content" }, index.h("nav", { key: '49430474f7e981bd02f1f4bcad3c3f123eb4cf35', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: 'a9be818b17a7b5a678f91ae84d2a59134cb126ab' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: '8571ddded7ce48fc984f17c933bcf9c440ee93eb', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: '49f26cd4609296f602fa7cbf4d9dcf2f95715c5b', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'f766a2adc2238c4167302fe73c449cd077058181', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'c48758b662e94550b3fe8f147e2d302d3fab35cb', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '7da96a529281e7c5ea392bdc1bd5cd5bbc29230d' })), index.h("button", { key: 'ebc8548d6744a33686048d49fb11477e925afb7d', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '4d4e75f967cfc4bfaf6563d93a2bbeb3cc03998e' }))))), index.h("swirl-popover", { key: 'cced1bb53898beda1db50a794c28749df32118fc', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '0cd73bfa57f319f371c92590dc42a155682d553d' }, index.h("div", { key: '08e24f7903c8023226e8dccbbc03929365a2286d', class: "pdf-reader__meta" }, index.h("div", { key: '0610bf15418048603b11f2045f674cb8a13ce4bf', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'ce44ef849a44598fdcc967ede98109332555b66a', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '910f74a2924fe1ce7862b1533b335d38dd44d91e', 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" }), index.h("path", { key: '90d89a5faaac1ae9762f6480b28617e61c10935e', 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" }), index.h("path", { key: 'e123fe588c22589b67566796d1f97c6e2b156ace', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '83301e625625c3e213883add108b593ac085853f', 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" }), index.h("path", { key: '121420ebe0519064fdde731d28f5faf2c05604b8', 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" }), index.h("path", { key: '0136a6a489690563c5f97b467ac67b13c850fde7', 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" }), index.h("path", { key: 'dc5442fe53e3c3a616db8ac734da21331fbaffea', 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" }), index.h("path", { key: 'c45fc76ff9ac254554e35777a905701f18c26740', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '369430c9f3570e6a5aa16429929b2a08987399e3', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '5b9dc266af046c5ce903b2099fb022e5cd9f5638', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '92de5a4d14371b0cd2a0c6b27ece163a9f95f2aa', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '7b2bed961ed38c27c2fd22d8e5b8741b621393a5' }), index.h("swirl-action-list", { key: 'd23b5e06c066123d490079f74ce8b605d7359226', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '455e2d2afa34c160ca161dd87286ed6d532bfb1d', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'c074c2247b9b7c4dc64ef3520a7fe360b58d8439', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '210a26cc1016ba0fb9d2b6680325e61ff19af225', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: 'e08989be87f4aad17df7d93cffe23dd3c4f39ae3', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '02953f9de2a0852bb2a5440f782988e1d52244bf', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'cd18e5348d241f40c944d8e201c62cf7af2f774c', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'c34cfe73bba695f7f22623a6595d4b4e50f0db1b' })), index.h("button", { key: '604973f5b875064ce433947e23d9ba9eddf79554', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: 'd1dc347807e91bc2157488d6036588c4aed2e529' }))))), index.h("swirl-popover", { key: '4f4da84973309b7e60669868461202b45ffcaf04', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '6d7e358d287e99a5b79cae9945c789eb8ee9179a' }, index.h("div", { key: '451019ff0940c4c801fbbd1854ef0ba93e60829a', class: "pdf-reader__meta" }, index.h("div", { key: '33bd0193a1d4734510ed77017241a827384e03f8', class: "pdf-reader__file-icon" }, index.h("svg", { key: '09836b03346a6e0be670639720abd603c508fec6', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '4d4c097aa0e10b50baf9883e2f363b72ec439a23', 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" }), index.h("path", { key: '4a066dc0f75f6f798122cad18f702f7cc1ddde05', 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" }), index.h("path", { key: '9be88600c566f03ba3a89b45814cee9ba401a669', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'dd47d5357a7860c4616b0baa7da123f69b3c3782', 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" }), index.h("path", { key: '947c9f5c228bda2bf53d03ece7838c08fa41f68d', 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" }), index.h("path", { key: '1883cfd60995f6c03bd2accfa97ed5294b1c81fa', 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" }), index.h("path", { key: '44fb190711b60c4cefe475ea139ecc4689b4e00c', 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" }), index.h("path", { key: '0dc4cf0e3bcb6edb8a102d522b51763f973c7a7f', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: 'a7b30176de8991d0c2156c9334efef907b213a58', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: 'cb050d0dde2e8da5fcb2fd8ee5b37a0a56b71aaa', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '2d8922e43829366c139128c0dfeb105c89159b55', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'ce1ef89c3d330e1774ea0e373e305040a9aa82f9' }), index.h("swirl-action-list", { key: 'ed4848d34c40f43fc40b0065aa52b69af0f88695', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '79eb18b8c0e3a5dc36bc1dc0b9abfe7179dabd02', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'ba008035148a7f0d84ee4bdc0eb256a1c63f96a8', 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 })), index.h("slot", { key: '7fa651008bf9150e3fc381c13d7209b14a38f73e', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '5d73fe4c1280d08c9dfba74c3662014ebb53ff2b', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-popover_2.cjs.entry.js CHANGED Viewed

@@ -269,14 +269,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: '29820e96782e4984e18d8fc27557a146d9d6aec4' }, index.h("div", { key: '6e83247a6c2dd0bb349cab26023aea381d4ca920', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '546bc91e603b43ff735f17ee4ded470485b4109d', "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 (index.h(index.Host, { key: 'ca21792904c5f112a6da3ff4606898163b551151' }, index.h("div", { key: '95b8aaf163bf77262059e81e991e15a35fb7de72', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: 'f3d726737678d385d35ae4f631b5a443d69903a2', "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" }, index.h("span", { key: '45994d1d5b40d04f23d5f5662700d32cef35163e', class: "popover__handle" }), index.h("div", { key: '6dc3db9ac953a627712e2ac4ac3935a3109aeb18', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '70830da61188d72e0f83e3c86211ad3c8b4caab3', class: "popover__handle" }), index.h("div", { key: '245a35760f9ae0cafbeb219eb478490315e5c8f1', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: 'f26c5fa70fc449cb0025229efe95b67cb9fef2bc' }))), this.active && (index.h("div", { key: '3a6a627cf2255ce448347d78cb17cb0dddcc1e74', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: 'af125ac1daf978774f331ec90ed1a658a0ad8c5f' }))), this.active && (index.h("div", { key: '389a414986371fd331a10adf4e334dc195600d61', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -445,7 +445,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '8f376b54c2191bee94bd38cc0ce8363c272287db', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'cd7a3cfd0633c16655665c1b976b334dfdb51bee' })));
+        return (index.h(index.Host, { key: '25084b79d0a1bf0dd28477e9c7f1c5df66eab7a5', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '01bd7a5f55da4ef41d8e8238508bd82cbe3ee42a' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-progress-indicator.cjs.entry.js CHANGED Viewed

@@ -22,7 +22,7 @@ const SwirlProgressIndicator = class {
         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 (index.h(index.Host, { key: '0e2a5ad3b930f6666d02bb5378808e53b532d16d', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '12552afa2d688336af401c094974bfd4f8ba7a1b', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '4f8e0ff7c7b260b55e11301498acff1a82c2874b', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'b30905edb90423af3933a41cce18b9b3b76c70d1', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '23cc5fe506d4a9de93730050ded8bc7bf5cb95e2', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'dce59f9b8ec173d0e508a5a0f0c64868f1be6166', 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 (index.h(index.Host, { key: '20e4ff315a971f4d8c6e4ca27c3cf4805034d2e0', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '28ac73c385b494b5e58770a8c8cee8cbcf6bfc56', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '92a63b4edff63710d1d2cdd2cbb2500810375324', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '4c48d346c582df19662a5beb9fc388d3d60cfb06', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '58fa3036c00712fa81097d1becdef612dd609959', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'fbbb5c7ff12e7db2203998bf43768d88a4e402b0', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

package/dist/cjs/swirl-radio-group.cjs.entry.js CHANGED Viewed

@@ -47,7 +47,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f9decd16060992d58f7a520d93cb5211c764ef04', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '7d1f471bbfd7dca64f16154c2c2e7007ec2c215f', class: "radio-group" }, index.h("slot", { key: '7aa25acde5bf861c423520e435b30908c02828f2' }))));
+        return (index.h(index.Host, { key: 'cf020e7e1e77b39dea2588e1a81dbffc6d5cafb3', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '940cb7aadcf20d0ef1b7c35f5904bc41fa6ccf3f', class: "radio-group" }, index.h("slot", { key: '4b09e1feeeebad8354b83611ea1fa81f0a0370fd' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-radio.cjs.entry.js CHANGED Viewed

@@ -47,7 +47,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: '3af48515a7fb9b4c5b506c0ee098051cdccf21bb', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '9fd4a07742359de66316f8932656b10c7361d924', class: className, htmlFor: this.inputId }, index.h("span", { key: '42636ed0cebe323073c98c576e0dfdacd03682aa', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '89069c18f35ba77601770aa6c4faa9ebf606ce6d' }, index.h("input", { key: '20bae4aa3d16010dcdfb6a083e15c16152dc1eb4', "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 })), index.h("span", { key: '830172700b27bf07246dac3e10ace9decac9b48d', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: 'e6044fadc67073c966da84baf2952c4f1b82aea1', class: "radio__label-container" }, this.label && (index.h("span", { key: '542ca114a082b5e3a0061521fe318ddb7eaffbb2', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '46d97fffc4db116fb4b30c9c1d0105dbea8c28a8', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '1df47526c19330774c9068651f6313b6cd6e05d6', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '0f6254ff8cbca2bf94a5f4107bb1b8509919fa9c', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: 'c8ab3f67e10ed0a233edcb9bd36f1ea878e84365', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'd4b0b184de0ae215eae18b15e66f7aa6cf4b2ab8', class: className, htmlFor: this.inputId }, index.h("span", { key: 'd4804931a70409459b7f6bfaeb3a0ca4bb2329c2', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'c9d7256de7328531b8403ea14e0b4c39cfec071d' }, index.h("input", { key: 'c3c379d4d4740d0b054330c8474a398fd5b9b8d8', "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 })), index.h("span", { key: 'da05cc59895164fe756a8ff764a465eea4bbcfa5', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '1fcfc823659a8b5e4c4ff417a3864f8cd70143b3', class: "radio__label-container" }, this.label && (index.h("span", { key: '8e35ee44b7e4a5a10f4e3e5a637e4e8e6c66f3a2', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'ad81f187365371a293c4b15f78ffd1f3e3e4a46e', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'd66838f16f1ec6fbea93a8557fa16d052439399c', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'f48842c39e8e553afc58957fc72a58099d6795d7', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -47,7 +47,7 @@ const SwirlResourceListFileItem = class {
         const className = index$1.classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (index.h(index.Host, { key: '9921b1cc9c4c4ae6521900230461a1f0776ca2fc', role: "row" }, index.h("div", { key: 'e55f7f2bde9a4c409803a1fcc1e637b60d34890a', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: 'bebee1c61be04f6642f9271e2835da238c9fc67e', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '4394e7730152aef6bdafcaf36ac1db1eec1f9920', class: "resource-list-file-item__label-container" }, index.h("span", { key: '7f6468b5b840ae787f7195172085a0e8ad63bd75', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '302764c42586c64ccef5cb26cca5736b19e3076e', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '8558269493ce9540cee34d65e1a8a7d74cb84b75', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '87b63c4d6126f2010804cf5e0ac62815c9ee5162', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'dbf6ed966fdfd063c456ee4d8d331a79a837c376', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '8a3555cb0ad73118c45e4a9fb100c380fb47f042', size: "s" }))), showRemoveButton && (index.h("span", { key: '28deb53bb1e88b39c23ce702064c2627055c94b4', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'fbed03f6d4a0840e38a12e630790a891b3f4898e', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: 'bc1e8c790aa0fc5f101fe66513250eaebdad88bf', role: "row" }, index.h("div", { key: '343a2b6d9b16f1ec321ab09d29022132c2c80f7d', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '4b140a9c5d0b8427ba3e956aa63a9828773ae454', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '4bceba7d3ac187d3ba32faa1129d49960ee159b6', class: "resource-list-file-item__label-container" }, index.h("span", { key: '5d2a0ec6c6f2a28308bc4d8438a23af2b878a36c', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '06448cf19e8986356df8d9bf441b78da85658d1a', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '29d4532ec0c5886bbc91fea0f48236381351852f', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: 'c59a691d83840a56108bdcdc88a4cf89ed60b357', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'f7b35d0ebf1c25a69683d82708cb7b7f1e2497aa', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '3bc4cb1282c5ad5a6541fe83e26ce4378ba3c80c', size: "s" }))), showRemoveButton && (index.h("span", { key: '30d68177d47011711c1df5d57045363eb86797e3', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'be5d7b0c5411e3abc470c8b40e5ed3be50c9b1f9', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -16,7 +16,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '5ca8916ce6b784482723309cae2c0bb233ce240c' }, this.hasSeparator && (index.h("swirl-separator", { key: '9a2cf3392a86e6a4f4f92952f8f1721f19ca9753', spacing: this.separatorSpacing })), index.h("div", { key: 'b1bcacbacaa9806d381546b8e6a23baa874aca3e', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: '231240cacd8c1979747163087ae4f38eb86a5e34', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '3e0ef9533b384272ab28c071233a57185a9b2a26', spacing: this.spacing }, index.h("slot", { key: '70d60de1978f7022b8a86123fe6a3326cc69f2c6' })))));
+        return (index.h(index.Host, { key: '414165c726b5de095d3c32e9231dbff65d383f42' }, this.hasSeparator && (index.h("swirl-separator", { key: 'bde064cd3d4de1d5136685b8a9a42097ec1242e9', spacing: this.separatorSpacing })), index.h("div", { key: '82abe47a7d20481d08d0c7fb419ee2eeaabc2139', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: '58e828bb2a68f2836394b751a446b0aa0e329562', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '3fe90662ca40550d1c45636c2bb2531ee3280ec2', spacing: this.spacing }, index.h("slot", { key: 'a9e675967aaede5966527996abb44c2d841456bc' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

package/dist/cjs/swirl-search.cjs.entry.js CHANGED Viewed

@@ -77,7 +77,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: '54dcbfc6288862ac0a989b5415a03b2e2392e5f2' }, index.h("span", { key: '790a7475e943bce186a43c65ea98ce279cc3c0a1', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'aabb9e62c43b638f316cec7cfc9ebd1fdbff174b', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '9a47eed049fbd48af61bc6f4d5f3a8c071ee6325', "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 && (index.h("button", { key: '1eccdc18fb5794a2cfd2327124ad71265e758e05', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: '6f34a0be9acda42257bf2fd5659c00a9b0b3dc57' }))))));
+        return (index.h(index.Host, { key: 'd9c8dc9d1a269ef91f0196bfc047a1bd18cb4340' }, index.h("span", { key: 'c08f88bf78278ebe3859b1a8448f2745de3be744', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'fdcdb700831713b4ca4d970272250cd20badd838', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '48775e61a7c28f24ceddb1c2fa9b0a39211620b7', "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 && (index.h("button", { key: '3ba4483d3c101e20ce1dcdf94bceae7353fa34b6', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: '4904ed9d9d7d99f1529804598b095057d5e6d711' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

package/dist/cjs/swirl-select.cjs.entry.js CHANGED Viewed

@@ -137,11 +137,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (index.h(index.Host, { key: '557bdbe688aa2c444e87b2d434d9a20c1eb03d4f', onKeyDown: this.onKeyDown }, index.h("div", { key: 'e7cbe495f9a4fcb76c40bd955791a10cc58cddab', class: className }, index.h("swirl-popover-trigger", { key: 'c2a84750ec5f843a96e83d39eb3ee055f8ecec36', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '10da02528f305369f654edfc86ff5f9137e28536', class: "select__value-container" }, this.standalone && (index.h("span", { key: 'd88bc268e26886e3607b8da20dd437820531338b', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '7d5dbfa6eba96d219ebe22ab708845e83829461a', "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 }))), index.h("span", { key: '4a61260c7ca65ab1865a001e2e7350e6daf62134', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: '8069880ce921a0ece302cf5393a9337bb6a2e005', onKeyDown: this.onKeyDown }, index.h("div", { key: 'e34533860e11c742da4bfceb8abedf47e2d5ee7e', class: className }, index.h("swirl-popover-trigger", { key: 'f8c8bb849175c7b802b200dbebb8e5b120802471', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '2f36109df3b9c07ef0ea4bd30826e3a0f669b852', class: "select__value-container" }, this.standalone && (index.h("span", { key: '977d91a905ab448f88fa48bed0297664853e7b68', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: 'b91277a62bdcb154b4cf1bf80c97da9b97828b4b', "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 }))), index.h("span", { key: '9d2a6fbf0d463f95de2704d38842f4c37762bf0d', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (index.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 })))), index.h("span", { key: '0c0213dad797ce71b5feb8e3b47ef33a82416995', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: '3f4b65666c9a86911ae43e80790008401da4f089', 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 && (index.h("div", { key: 'dfe681231df95937fd20c5b5bd9f79906a006643', class: "select__search" }, index.h("swirl-icon-search", { key: 'aa2ebe58c0341602e102342e9897334bf4305623', class: "select__search-icon", size: 20 }), index.h("input", { key: 'f3672579f599d1f7a88c052df31392b80b4d9e24', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: 'd977b7a7f68367f6483ab7ede90d10f0bcad9108', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '37f9d507ec584f7105a429e5bdfba19795fd8b4a', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '10ce6af2b4d3cd2037721934ba272c657f4d36f2', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'd2cb119309dd388c76bdf7c41a0c77bce82322ef', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: 'baa231ae6e9efbcee732087601c76d77a8fea99e', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: 'b5ba9c309c556706941f4e1ac974f3f975874c75', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: 'daa7145625aad8637fcef53531b5b9d65dc04b4b', 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 && (index.h("div", { key: '50c604d472b5fda439de8b2975a9ee3ef383badf', class: "select__search" }, index.h("swirl-icon-search", { key: '64daeeef2747a540b5cde5fdfab5c2df0508a26f', class: "select__search-icon", size: 20 }), index.h("input", { key: '9a43eddb648671676178f185d33191c7a18f152c', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '83f862d5ba77acbdc9109b20ae1e9b924cfc3b88', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'f7871594cf02ff8190e125957afc23f9c800ed7d', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '64d0ed2e92670512f5f2ddfa6998ade958eca148', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '94eed9f78fe7be50e88b76c93a05347e6966fd6d', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '3cb252c67e8849813579e30f12876b4d7e58e24f', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-shell-layout.cjs.entry.js CHANGED Viewed

@@ -211,25 +211,25 @@ const SwirlShellLayout = class {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (index.h(index.Host, { key: '93c65be33fa0eeeee0e90fb623977d4060447728' }, index.h("div", { key: 'e5c29e710ee1c23ba7bce32b825e305ff58f5a38', class: className }, index.h("header", { key: 'd3b7eee04bbba6140f27cdcac1d8291c2fa27afe', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '950b188a263a07235b20441623bd419cc18d38c9', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '67fd67f6a988fea3bafedbc26b63dc1da08d2373', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'fb2dc4658b51eb62cc103e9660a2f779ba6fb496', content: this.navigationCollapsed
+        return (index.h(index.Host, { key: '6caa470070227bf3d064aec0933e5b7992132595' }, index.h("div", { key: 'af9d255c86753f522214fa9218141cecaa46b8de', class: className }, index.h("header", { key: '0a08d273f89848ae963a87beb03f1a17d675acb4', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: 'f4c93d469d411470e3f9e297667c7df4cbcb3d71', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '7ea97faeefff3e939628e55ac7d56955b3b7b21c', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: '3709276be127d985ae0672d44448eb37dd7fb46b', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: 'e7d76192d058e0399dcc16f2860f51e4f1a462cf', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: 'a0d6e8fb38da134f08933dff730c4a135a1c7e67' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: 'e03254178860d6e709b3046351b83fae8e77d3cf', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: 'b29447611e1635d568bad521c9169a4593af4465' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), index.h("a", { key: '8da349e78493437a3d65c3446a2780f8471309aa', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: '08892188b0141990d5d5a0a21d882e87b39407fe', size: 20 }), index.h("swirl-visually-hidden", { key: '48624f4aa8eca11b6b1101ec878ad4a015420cf8' }, this.browserBackButtonLabel)), index.h("a", { key: 'bbd14aafc143574a73be97806f26820b2134fe98', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '6258c139c75892a576d91a80282e0da0e7b1bfbc', size: 20 }), index.h("swirl-visually-hidden", { key: '3b94b51759b2b8b4c0e547717123028df706f551' }, this.browserForwardButtonLabel)), index.h("slot", { key: '2910da81cdf57a01826d19cf507364d9289d61aa', name: "left-header-tools" })), index.h("div", { key: '58d759a2c50be17c9fd72d735e8efd8871e7b608', class: "shell-layout__logo" }, index.h("slot", { key: 'a26340959e3b45e27afc29e1cf3691cbf683efa0', name: "logo" })), index.h("div", { key: '3b869a2cd7e58ebf523663e6cb2a4726d8026e02', class: "shell-layout__header-right" }, index.h("slot", { key: '5501c56221d01d24f0e09a82c18c6621e71de92d', name: "right-header-tools" }), index.h("button", { key: 'fa9441c5818dfa4bec0c6467512881a9fc7a334c', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: '256f7840adc74fb8f7a9a87b3f43140eccfbe685', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '862835d2f6451c1935c4575165d4fc40472d2a33' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '0b0b23c2ee19a283422039db5f530ad00e100db9', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), index.h("a", { key: 'de8111565be5cfed1451b808f752b9005c906af9', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'bbbf42b68e23ddc8be1ebbe9402ba48efdf7cc82', size: 20 }), index.h("swirl-visually-hidden", { key: 'b5231d966c68709c787678c97a9300a55e02bfad' }, this.browserBackButtonLabel)), index.h("a", { key: '039372fbca0084ef64199abf2d2683ff06876e06', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: 'b79f885a6f520a405323e7a1ba6d09c099d74251', size: 20 }), index.h("swirl-visually-hidden", { key: '8cf6a7a2917fa4abffba80de781a2634b3491d8f' }, this.browserForwardButtonLabel)), index.h("slot", { key: 'ed3e9e7550363fa77f7681de571b91bae1a33c38', name: "left-header-tools" })), index.h("div", { key: '6ed939e207074b780a0a728f65721f77f501e1dc', class: "shell-layout__logo" }, index.h("slot", { key: 'c851d2cabcc0e4564d12bf1f4fdb4c20d75688cb', name: "logo" })), index.h("div", { key: 'b19fd3e27a7b35d96b3234c844ff0a62fe922a22', class: "shell-layout__header-right" }, index.h("slot", { key: 'f18043382174a835ac16b6c4cd339f597264209f', name: "right-header-tools" }), index.h("button", { key: '5f520d93502f78ea37605d74585aafa6d17baea3', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: '8e73fd231d2adc6bfa48e36043593aee62f052f9', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '2b232f3a15f32ccbed9c094ddeefc4d129c52cf3' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '2447ea206fd5d65b8360a8a8522cb95e251a2ec0', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: 'e9ad65076dbb23e2d2c30403f04d55952627fb2f', name: "avatar" }))), index.h("div", { key: 'dd5bea50f9ac09e462ccf70cea7fef7e397f3264', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: 'd2d30fe5e8ece76e14930d61ee4e1e0bcdcdc9a8', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: 'a681e6d41f9fe9090b606b515d77fb6f9fb1153d', class: "shell-layout__mobile-header" }, index.h("slot", { key: 'c8acc5aaef392822c9a2f99b7d8a3971fb6a87f3', name: "mobile-logo" }), index.h("div", { key: 'bb03a5334ab2f049673722734c9083393f84a814', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: 'd3dfbc93ccd320f4f95d1bbaaf6b3d97b0e72b00', name: "mobile-header-tools" }), index.h("button", { key: 'fb1dbba3f98649cfb464db8fa4ffc254f71e6762', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: 'bade6e83521198729c53005a8f94fca5a44516eb', size: 20 }), index.h("swirl-visually-hidden", { key: '8be24d322640ad6ad1a0037fec6e538d186c41e6' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '28fb2f306f1f4b8436a7bdfb000e6f2f570018e9', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '6f4e6cd0755efb8ed90b66024b9e0bf10304d9e5' }, index.h("span", { key: '8ac28e75b267987af22fb9323977a5dad2d27497', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: 'e044517870d2c565a3a93fe78fa8e405c3f4a751', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '70ff760a6e55e7a573bab4b1d17d8cdbbcbf7501', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: 'f447391de3e799f48469e4ba0373eff9ce5a6234', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '1f785fe7fc24997a85902997e0467cd0a9b48a01', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '711801a7167635d5593b6d5703085116da73191d', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: '9fcef1593d4a233c0e4888e6381919e2d4f4a7a1', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '3474e25cd97c4fc4988207fc753fc7dd501d992c', name: "avatar" }))), index.h("div", { key: 'a661587c7e9bcd6f2987dc7bf4ebbc83c9d59445', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '1471f2172a6ae4f1bc24517e354a8cf37836dfe6', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '4c747f371c5dfd34df3485e22dc46a7621ff4caf', class: "shell-layout__mobile-header" }, index.h("slot", { key: '17158b3a80966adde937de9cd620e6be96a4cd76', name: "mobile-logo" }), index.h("div", { key: '58d1f266b4f919561ecb625dfaeb24d8631550f8', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '10d63643f45aa35cdc0a7f868c89d25d8b299a2e', name: "mobile-header-tools" }), index.h("button", { key: '3987d6cf0228ddbd3dbb49709172b277a473374c', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: 'a341b6bb4dd757bfa86e77d6841c8d533577b81e', size: 20 }), index.h("swirl-visually-hidden", { key: '1e82b84592a3ceabef6fdbffb421a46f878fb168' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: 'fad4a702f2c237b611f4f13f3d7961a3d6165be9', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '6152d0bac1bb59cd184fc5ef2d4e832bf5db53d4' }, index.h("span", { key: '22fd48f320f73fe42ab71577aec9d222791d48f1', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '3e2b962fc300a8625cbafde87328e554ccfc5b0e', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '41e1e3507e5a8ca7b2afcebad2a6ff9f997df3db', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: 'f81bb1c1517a673d82e1c2bc9f0803de5a9cde30', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '4bbaae032f3fd4bbd7a96cf509e8b114ac37fd3f', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '790ea0e7933dbef68195ebd3e4e836643f1c92a6', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: '265007a9688216a7687c5564ed2591a7ae5fd842', 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 && (index.h("swirl-button", { key: '06fa00f8275a83370306b2e7d2e4c88801752abb', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: 'e0ae6111bcb9e22f01bcad42dbae134b665a77a2', 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" }))))), index.h("div", { key: 'fd04051c55ec67f9aac67419ffb450dd6fc06b88', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: '4249fa75c7dbd875c93a60cf621b8e285ff63569', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, index.h("slot", { key: '4918016e449cd7ebddab53653f2f248f84a1fb63', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: 'f3c587f21c43a76e18120b425e1c6f38ac082bdc', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '13c10e0e233e8ed6f7357de53c016aafbac3e425' })), index.h("aside", { key: 'f471eec140f2a1e396f1b2c6057f2b62417ef122', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '0a1664e9510829a46a4d0408401f256348b7494c', class: "shell-layout__sidebar-body" }, index.h("div", { key: '9d514a3e0e2ea7ecff1d0594daad333ddf8fc783', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: 'a2958b26a73efab5a93b6494952bc8bdee7da938', name: "sidebar-app-bar" })), index.h("div", { key: 'fceab4fb52da4e64a9c7b077928ec0b2fe543ccb', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '29c7e6aacd5d79464a2d11e0d2f9dfca7f8dcc5e', name: "sidebar" })))))));
+            } }, index.h("slot", { key: '3720b917795e70105f9f2866e332d7edd199a281', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '11a33552cbbbe65efd710447fb2589cdf1caedbe', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '455cffd8b94e7bcf102385f99e6719bd23f68d39' })), index.h("aside", { key: 'c3d84b181d224afab6f0297a20da34606fed4247', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '97f86b982e30fb02780cc3a4be39f6dcd363113c', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'e4b3fd63488df85cf53dc78d1ead965208d9c75d', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: 'f361d3aadf18bba2166e891569388079a563da7e', name: "sidebar-app-bar" })), index.h("div", { key: '6d6c35d484398706e016e0681754077f5e28ff68', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '9670258e9fd254cb93668ad7840ba878268e1b11', name: "sidebar" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -37,7 +37,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: 'c16ddc8b000ad97dbcfcddb70e9bf3b5bdc87f1b' }, index.h("swirl-tooltip", { key: '684cdbc0eef4f9e265e4590b448d25c53f0870b4', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: 'cb3ddc1e3d8ebc7afafbd2db61a434d10c66fbcf', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '7142bceff2889a4a16f2dcd6e050c2c4c0278722', class: "shell-navigation-item__icon" }, index.h("slot", { key: '85d7c6a35e2f7dac518234562a8bf43062a944cf', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '2e412bc87973db3c4f6aaafe0f99962e7dfa85b0', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
+        return (index.h(index.Host, { key: '5c4eb11ecb753cfa06fc117a4e5e3e4af690cce8' }, index.h("swirl-tooltip", { key: '029b7a9dd5994766d0c211148d97a132236c28d3', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '5e8d852e0588b27ede698a00d998f3169993bac2', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '6589ff91eac3d1c05844155d5c93f6e4d688053c', class: "shell-navigation-item__icon" }, index.h("slot", { key: '5774e94d0e252ff7590f607ef1bd1c76be352be4', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: 'd8b4fae735c0b3e56c5b1cfbb8d243c227e30a5c', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }

package/dist/cjs/swirl-skeleton-box.cjs.entry.js CHANGED Viewed

@@ -19,11 +19,11 @@ const SwirlSkeletonBox = class {
     }
     render() {
         const className = index$1.classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (index.h(index.Host, { key: 'b9a49a4e913403f4d41b986af4a55fb5c68e0936', style: {
+        return (index.h(index.Host, { key: '8cfb6e45e47dbbce9598ed306134b26e497ac7a3', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, index.h("div", { key: 'fb9bb2460b77a00ee56fee7ed091a99f036a9ebf', class: className, style: {
+            } }, index.h("div", { key: '711f9496793f89e8f4ddd1120d85d10a6a3a0446', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/cjs/swirl-skeleton-text.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlSkeletonText = class {
     render() {
         const className = index$1.classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = index$1.classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (index.h(index.Host, { key: 'e887e74840e5cb843cb772f20b83d3a0317ab005' }, index.h("div", { key: '822f5be5318a2c4e68091b83caec67c7bcd610b9', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
+        return (index.h(index.Host, { key: 'be9aee070445854588402ed3e1bd4c37b5fce912' }, index.h("div", { key: '20f3fd21d38b751e5c41dabac729caae29f1538a', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
     }
 };
 SwirlSkeletonText.style = SwirlSkeletonTextStyle0;

package/dist/cjs/swirl-status-indicator.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlStatusIndicator = class {
     }
     render() {
         const className = index$1.classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '6e54b03a766c75d12630f82d60f3ee9bb091c302' }, index.h("div", { key: 'a52ef71cd6f144363dbe121d0ed83767586843fc', class: className }, index.h("span", { key: 'b0b8388bf037cfb31f9bb1d7619cc5aef38a5ec2', class: "status-indicator__dot" }), index.h("span", { key: '0c4fe45fa7974380dc74b9dfe3663b42d30d3704', class: "status-indicator__label" }, this.label))));
+        return (index.h(index.Host, { key: '2882d26e02c33f0914546e39a5509d326945fa89' }, index.h("div", { key: '369818671038628ca4383a6941f77ba0d3071576', class: className }, index.h("span", { key: 'ddfda73105b526c644f5afc5986717a2f3f103f2', class: "status-indicator__dot" }), index.h("span", { key: '5fcfa57f6edffefadc278521f99e8d21f30a7669', class: "status-indicator__label" }, this.label))));
     }
 };
 SwirlStatusIndicator.style = SwirlStatusIndicatorStyle0;

package/dist/cjs/swirl-switch.cjs.entry.js CHANGED Viewed

@@ -41,9 +41,9 @@ const SwirlSwitch = class {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: '1a804f6383ab4aa62feaaa9f0419d2ad9c8db8c0' }, index.h("label", { key: '3e9fa21851806539f3c8a6a247a14327d3d10a61', class: className, htmlFor: this.inputId }, index.h("span", { key: '416c7d1dc3dca6c7905cfc5c797993c42de1242e', class: "switch__control" }, index.h("swirl-visually-hidden", { key: '4768c80fbe3cc7198750582af26d62746b0ef3ae' }, index.h("input", { key: '3798d8aca64bb8ee0db5a84826e88c417c40464c', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (index.h(index.Host, { key: 'a165943bfbea6cfe62c90d427437f5d2fbaf2df4' }, index.h("label", { key: 'ecdbdc308e0f7660d5b3bd57f626f719c2f38fe6', class: className, htmlFor: this.inputId }, index.h("span", { key: '5deb7d93f98b66d6dba409eccd360e4e483fe6c1', class: "switch__control" }, index.h("swirl-visually-hidden", { key: '09b7c68405a84eabd534a26d63a4ea257f96315c' }, index.h("input", { key: 'a4acf14adf15183c431663b30fcc933201d066b1', "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 })), index.h("span", { key: 'a593e7f5e6383372dee1b79b0cf52afe34b8445d', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (index.h("span", { key: 'e96384de76112ea02162bc9ea5aadfbfb9123eff', class: "switch__label" }, this.label)), this.hideLabel && (index.h("swirl-visually-hidden", { key: '3c6ffcb4b2f0801872ef091bcd4027e99aff05ec' }, this.swirlAriaLabel || this.label)))));
+                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), index.h("span", { key: '2d808bdf9da29e012a10912415bc5c5d99e632f6', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (index.h("span", { key: '333dace85139ab6f3ebfdb61c8cdc96c1f4e7f35', class: "switch__label" }, this.label)), this.hideLabel && (index.h("swirl-visually-hidden", { key: '3864d616ab0172f9b5e1d0a030ebdfa2a067f6f5' }, this.swirlAriaLabel || this.label)))));
     }
     get el() { return index.getElement(this); }
 };