npm - @getflip/swirl-components - Versions diffs - 0.236.0 → 0.237.0 - Mend

@getflip/swirl-components 0.236.0 → 0.237.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 (1745) hide show

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-3ff36fc3.js');
@@ -105,9 +105,9 @@ const SwirlMenuItem = class {
         const className = index$1.classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: '9b1d5e8d6bb133445335b9b5a9d167ec3ebf5a54' }, index.h("div", { key: '5f73ef8f4f3d9a1a004421e7fc87bad51d13a51f', class: className }, this.parentMenu?.variant === "selection"
+        return (index.h(index.Host, { key: '41a7d3cfa1197bceedadfd55cee2399f05ae4d83' }, index.h("div", { key: '53cc512b856b9ec277e4efbc9b3d94d6945b2498', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), index.h("slot", { key: 'b9ef6f010ca729ac3092192eb12919842ea11e93', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), index.h("slot", { key: '60e0e595d046f962b699106e9a3ba90a73406539', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-3e7933b7.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-3ff36fc3.js');
@@ -278,7 +278,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: '4145b9c3841c68d878e37d65be5302154cd9bab4' }, index.h("div", { key: 'ef3a3ef267d9f208238a27c05fe1554b9af1fce1', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '2ad0c6cbd517a1a0a073f1acd3d511b02879ec87', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'a2caeb49f878066f56ffc5e4136eba0b5f5efe17', 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: '00e24424c658e14d153948cbfb0b4249f3ac73e6', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '209c673b378986f0c7b0f4c010fa00374c1f4dd1', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '86a319ad8eb42ffca49eb89937a8678f144dcd57', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '08d1faa338e1271d50bae4cf1dcf632429498df9', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '0e7f5155d3fdbdb3a9944d8c243c04cd45c1662b', "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: 'b4e552529340f01ecb4bebe4e4173f715df3a27b' }, index.h("div", { key: '0d1707ba19ed7883dbe9d7bd96934c2c309118a3', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '8b3d9cbe0530cef4bae80f13a42083bf17d428a7', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '0117c818faf9c3f3dafa7c35f97d5db53456ecc5', 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: '9740502a05cd1fed79959c41a1582276b87393cd', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '4b59154f73fe9addceaea548be8d11fcdb3e1ab0', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '15b54f36f4be42c879ae4eed7e4262b7cdaeddff', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '1a9adbc4f25fd6fd0c4d40b8b900967513e229ff', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '02decf5ac5997e1cac5a577349ac2e9618965292', "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` : "",
@@ -289,7 +289,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: '8c89371bb23043eb8553e7473ba086bfdeee56bd' })))));
+                    : undefined }, index.h("slot", { key: '8d017e8fe191846a0ce0d4628f62a48786794a3e' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
 const index$1 = require('./index-9f94303c.js');
 const focusTrap_esm = require('./focus-trap.esm-a1e3774c.js');
@@ -169,13 +169,13 @@ const SwirlModal = class {
             "modal--scrolled": this.scrolled,
             "modal--scrolled-down": this.scrolledDown,
         });
-        return (index.h(index.Host, { key: 'f589043f06f84244ba5eeb4757938e2915c5e854' }, index.h("section", { key: '40672a3b9a948221797f204fa4d4b1c5d4e9e97a', "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: 'c8cebd0001b1e1471f316ce93828ac2179e47ca5', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '24403c97a986c3863001062e0fcbdbb19f6530eb', class: "modal__body", style: {
+        return (index.h(index.Host, { key: 'c1f5834e2bd960d78fa05de1afb463cbb6fe0de0' }, index.h("section", { key: '30b92c1dd3433a61f5329891120c1ebbac9f7944', "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: 'e3d83e43953a389b8dab0389faf5a02ab2e7b2ca', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '4aa2300b3b5a203b6ec18a38aa2816ce239a1e29', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 maxWidth: this.maxWidth,
-            } }, index.h("header", { key: '1b5c10eeee6127134f53fc97db3e315f975a082b', class: "modal__custom-header" }, index.h("slot", { key: '79780ee1d9defdaa7d47ca9a1bb87789b539ea22', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'a631c972b657887824facfbac1da775310a60caa', class: "modal__header" }, index.h("div", { key: '002498bbd9afd4bdbf549a3f3a3c578fa5e25af3', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '997a6fa893ff4ae315ff4b5e9ed3254247a38ee9', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, index.h("header", { key: 'a41127f7f387aca86f751a7896e23b16156ee591', class: "modal__custom-header" }, index.h("slot", { key: '8d88d314a0a292c1c6e13f69a4e54bfecb72a949', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '5a10bb3a24e4529a91a135af4b6f24e6257874f5', class: "modal__header" }, index.h("div", { key: '3490ee3497101659d3a1e6860e93f24f9636ca38', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'aee5a54c01098261585e179a86112cb077d5cb64', 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: '18fc047ed0463f9eef8a00a14a71348759248ba0', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '5c15e5b5791c5b4bc7cf786f02b48ef52f8b01b0', class: "modal__content-container" }, index.h("div", { key: '2db9e42c128b3cf8f8e7ed569d90f8312c13d3f9', class: "modal__primary-content" }, index.h("div", { key: '28fdbc02ab3a4d31c261b4239ebe09619da7fea8', class: "modal__header-tools" }, index.h("slot", { key: '638d0945e2fad66df48bd86c011c2e428a1192fb', name: "header-tools" })), index.h("div", { key: '00c25a8f1dce7fe5b05a8d7b51521970fc10585c', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '403fefee642c72d15b6c32277f9946e9af9c1ca4' }))), index.h("div", { key: '7df07994b199d6d18c8837123be6d20faa9813ca', class: "modal__secondary-content" }, index.h("slot", { key: '65473a33fd23bca14377678c0e6404476a9dca3a', name: "secondary-content" }))), index.h("div", { key: '15c91153f783c4e6e9bb4b580c0a961f9a1b3d30', class: "modal__custom-footer" }, index.h("slot", { key: '69ab20db9fa7e4b8f25deaf44d736cc322a9ec0c', name: "custom-footer" })), showControls && (index.h("footer", { key: 'd6651ebe45583177b66d080630399e57e1199ee5', class: "modal__controls" }, index.h("swirl-button-group", { key: '64573292d8fd59afb895072a504bbbb1e314c7a2', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'c734037e68a9a54f9bbba469a147df1c62009755', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '62e85ea6b7703706f9cacae042c513fb5f82f600', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'e451cb60d7a4c6d20591b21cfef602d5849f2480', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '1f9ce0bfdd4c5f70381cfc07993a4e1746b377d2', class: "modal__content-container" }, index.h("div", { key: '2daefa0e2a195d737aa9fee4b146fdd4998653ea', class: "modal__primary-content" }, index.h("div", { key: '7dd0e058b3157ed376d2cd510078d7d1b62f4867', class: "modal__header-tools" }, index.h("slot", { key: '7b724b0c13969499a2ffb9e84c6811fe1eab0278', name: "header-tools" })), index.h("div", { key: 'b6004ba4b7018c31340ddb58fef367652f1dcaac', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'eeab7392d8053b37302548fb39366d2e25c80b61' }))), index.h("div", { key: 'cd4174514f28a2206db6f0aefcf43642de5856d4', class: "modal__secondary-content" }, index.h("slot", { key: '417468eb6d3eb9b67ac1bf3d6a3c054b131c6ec8', name: "secondary-content" }))), index.h("div", { key: '25a4638137fcd6bde5fadaae33a77da14e902678', class: "modal__custom-footer" }, index.h("slot", { key: 'df099032165191986932b28715f4ff7fde7e4be8', name: "custom-footer" })), showControls && (index.h("footer", { key: '654216cd39d77649a1aae119e9df1131a5abe859', class: "modal__controls" }, index.h("swirl-button-group", { key: 'e123649bc7ce4fd365c95f36cf6ee4451920062d', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '5de4ba1855993f82e633826f635a7ca5ce4d1115', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '4065745859b3ceebcd668ea807abe4fa23146f62', 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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const swirlOptionListSectionCss = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlOptionListSectionStyle0 = swirlOptionListSectionCss;
@@ -13,7 +13,7 @@ const SwirlOptionListSection = class {
         this.label = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: '650d13f6462198f7004b41975907d726056a84d7' }, index.h("div", { key: '4b48cae8f72cb7959fe3ff43f0712adcf533a58d', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: 'cd8297f649a424545ee56ff035e5d9464948fc0f', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("div", { key: 'ab6b11ae0e0c20b0bf0175e19ca72cd56c6ee313', class: "option-list-section__items" }, index.h("slot", { key: 'a38318a2fa723e1d6c37c0f3fdac7fcf94da1311' })))));
+        return (index.h(index.Host, { key: 'd43693ee855fb93feee191ad2b3f80df4f780d20' }, index.h("div", { key: '3e9120f32eb7cefc7775faee63ec449646179863', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: 'e075c79389f1a51692006a98ffcc4db9ddd74c79', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("div", { key: '3422336a9659238229360e707fa55e247d36f022', class: "option-list-section__items" }, index.h("slot", { key: 'c4f360f573fc645e1e93de1dd29fc1e6f84ca899' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const utils = require('./utils-3ff36fc3.js');
 const sortable_esm = require('./sortable.esm-73cf219b.js');
 const index$1 = require('./index-9f94303c.js');
@@ -338,7 +338,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (index.h(index.Host, { key: 'a3460dcfab39b3c1f271fb96e7a49876825937cb' }, index.h("swirl-visually-hidden", { key: '35243518fe9ee41b3be75ae4911de448d73ee875', role: "alert" }, this.assistiveText), index.h("div", { key: 'bbfc24a1e082f959aad4c32e518c13e48e1e125c', "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: 'f3cd6c7da141c721890e294caf1103b7451a0e3b' }))));
+        return (index.h(index.Host, { key: '9d78a4b55e1fc88bd8732e11cbb492491b156461' }, index.h("swirl-visually-hidden", { key: 'a47d3d51f9c13f910d8f462e7d5dd33f62783a22', role: "alert" }, this.assistiveText), index.h("div", { key: 'bb3954ef149a397a94a84f6ce3c066037e29c1ff', "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: '62df2e4c0a4ece90aa8927b902346dfc360e4e93' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -387,7 +387,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '4f3801dc7f9872b38bc0340c6a8b859f0f7f545e' }, index.h("span", { key: 'cc5d10bc2b4f1a27584beea293da156920aa248e', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'ddce7d37fc8ab9391c9ac1fb3e3533535f47c022', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'afd46af752a3c62ed8e26c073bcdd32e56fe91c4', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '46c87dd90a1e9f0f288f18b20ee750906aa2c01c', "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: 'a183448bc380d12d1b2ca99d9c9df50175fc627e', size: 16 }))))));
+        return (index.h(index.Host, { key: 'd9b53b131c58858a0922190df599fae2cb170aee' }, index.h("span", { key: '38b8fec15b9df157099cfb41830f2f982067fec4', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'd0885325a096e957caae2c9072cb4fd8041271f8', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '42e5fe554b7cc0eb1f65a712b6e97ef9d743c1b9', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '86c46bec2444aeaacb597bce3caf05c7251429db', "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: 'bfb2d7f4383387bc1ac55bb3d67f3c7197548e4f', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-3ff36fc3.js');
@@ -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: '19ef10f877c70e8ff494e02e2f4aa5517b08d174' }, index.h("nav", { key: '5444d4c520425cec52c306308080494990f80911', "aria-label": this.label, class: className }, index.h("ul", { key: 'def276c2ef95853df1ad271de739d5b0d866ce93', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '03b027b48bdc30ab1749c1d0cf87695f38c009b7', class: "pagination__list-item" }, index.h("label", { key: '9b651fb7a48972ab433f98a6ab2a939654d21637', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '2be473479b617d2ed6f1beb918d2b6cb828b8f14' }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '2eaa59de79fac45847f61c5849fc9fef22e25a95', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'e4db400bf40baa6cafaaf6c5cdfc561fa9358cb1', 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: 'f427d80ecf63e91eeb9b81ac5a431609858265bc', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '0d03e0be976c4aad6cfa859c02f75fff0310d1a7', class: "pagination__list-item" }, index.h("swirl-button", { key: 'a6c57c7adb05b54895db39c351a922abc7031a51', 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: '837c9d21d8f25eb3673a4deadf4c3036454335d4', class: "pagination__list-item" }, index.h("swirl-button", { key: '7f974e2774fb40fcaf35a8ea6a0675f2b9904ce8', 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: 'eeed63aaaecf4e7f245e253aa395c7857dc320a5', class: "pagination__list-item" }, index.h("swirl-button", { key: 'c2ebb6e8d9333833832616d34781dc4c959c1e31', 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: '627ed42cf6d79604ca88d4441fc5ead9386b2bed', class: "pagination__list-item" }, index.h("swirl-button", { key: 'd6c53b82e9445f57a1b3f0629e9a98e8a7a93b6c', 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: 'fd5828daef1aa992e56f7c9a6690a4c40c417386' }, index.h("nav", { key: '85ec8ca7de4dc9ceee91ed3b8a2e9aa13cc651ea', "aria-label": this.label, class: className }, index.h("ul", { key: '758755def1a59f6ab430af2f2a0728c6157b2ec5', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '481f9d3104c68c57727601f3ab2e9a3fa444d7a9', class: "pagination__list-item" }, index.h("label", { key: '32a011f61545842c082c59490d758445febd51d3', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: 'ace70a0f5cccdf3185dd08c39f140276a0f20fdb' }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '692ed8462b9a3068cd21a3d83249f4ecdd370b8e', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'a58bc07cd66bc08ba79708375288609a1b52805a', 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: '1cbe6c829bd9355ffd4c2224cd8f474b47aec160', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '98211374679e0fb31573ab511aebfcbe1e1dfd3e', class: "pagination__list-item" }, index.h("swirl-button", { key: '411e161714c8caf0ce8c161de8613b69a11cd28b', 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: '8eeecff0a21bb018964bc73243dc29d29c100626', class: "pagination__list-item" }, index.h("swirl-button", { key: '9cb773c62981736496db8252c7691146ac49521d', 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: 'f79373b7acd8018d0ed4cba843620fe2c612f732', class: "pagination__list-item" }, index.h("swirl-button", { key: '2209e4f21d72b6c89a50d610217b3e2ca280515a', 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: '1dabc1a5325ff2a285a40c29441e7906c9196f2f', class: "pagination__list-item" }, index.h("swirl-button", { key: 'cb2995ca729334abff0f8757415208a26f0fdc99', 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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const a11yDialog_esm = require('./a11y-dialog.esm-4a3287ed.js');
 const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
 const index$1 = require('./index-9f94303c.js');
@@ -191,15 +191,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: 'ae1660360bb402f6f6581732a541ead1b663b4c0' }, index.h("section", { key: '50542978d614c2398a9b4d318ded073ad3ba566c', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'fb8e6b9832916e9a9fc0d8ce8b8cba317f70a26b', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '919a59e40aca5df52fa4e00a65e44a85c9b64abb', class: "pdf-reader__header" }, index.h("span", { key: '9591729f9b8b1a4043ccee31002403f823202c58', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '2ade9724370bec9b62ebf5509cdae72f2ead3656', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '3b69a19563b59dce19110c932ee1358efd8ea5b4', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '67ec264f562cade7d1e12f7bc517159057e38693', class: "pdf-reader__header-center" }, index.h("span", { key: '2888b435547a82d31753c257030b9d84713c25e9', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'e489d0b1be7d7c39a2aa83fa13301a40ed4c3742', 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: '346027cc074d7a2a0d962ec57a5a5507e99b6f77', 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: '19f56cd1c8b46cbed1d8b6151a55d9c8f34240f7', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'b21532424bd1da7f698f48f4a81ff17957759402', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '37d8f4a0884d0d38d746399bea760e5ee9a5d42b', 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: 'f37cd34f1acbbc124c1393c851c1123d754eca02', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '081a964af50c33bf1e5b817f309ce31cfbe46d3b', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '9d13190b286e3dadc256d9c3eef48303f28adc69', swirlPopover: this.menu }, index.h("swirl-button", { key: 'b15c5edd8129fa55b12385e47f55bea15474e2b9', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '87ec0cb217b14daf461e628055584a34960303fc', class: "pdf-reader__floating-tools" }, index.h("button", { key: 'dca8291086e6dbabbf98e60bf27bdd363c714002', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'ca33c75a09272883d9809402c6ac15cc2b8668cf' })), index.h("button", { key: '3f64190694df2c6538f6cd84e5a643acd2bd16fe', "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: '09c6126ac0aa4a37db69da2319ecd5f3d7d8ed07' })))), index.h("div", { key: '45338ad9e41b88b079f88e69a77ab8c3ee92144a', class: "pdf-reader__content" }, index.h("nav", { key: 'd69aac09f31697cb0daed7a97b0767767e626ed3', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: 'a97e7733456f680b1943e367842dbb800aaf5542' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: '612bd147d17e41355fb0f1b9e4b6064216fe3842' }, index.h("section", { key: '03d8187e74ee8b809d33a9ba897878e157830f80', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '11249ed29b988e8d7d0042c3ead5fc02fb13e522', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'f9c76b57eecbea6212d7d898450e77eaa7fe919d', class: "pdf-reader__header" }, index.h("span", { key: 'f4bbcb98f15fa0c86a872846692a02d88dd3d25c', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'd6ef2850743e9cdbf5368cd8d02f286c5a34bf33', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '52664923e35a4607febd406a2f0f98f210b15a52', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '8a07dc059f06101956b4a015315d0ba3dca3f46a', class: "pdf-reader__header-center" }, index.h("span", { key: '0a13f8e87c5b4c38ee8f982c58d451ef12033b84', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '09b2edf02770f2d2745cc75698c0f682f851c7b0', 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: '085d522497a1c2ea9f7800afc0016a8b6e359e93', 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: '044e6fa8983ade321aa21faeba6b82c2e16b41a3', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '739eb7e8e0b6e6768460dff1966e51599092bb16', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '63956ef1e64b955a4096ff8ff337dd284e500f3e', 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: '2f393ca10723070340d7df6732a3477ee41c2ecd', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '01ed1c81a3c7ab07c6ea7ae01cab77ee6281ccf1', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '238d13e097e205268bf06c668453b77467846732', swirlPopover: this.menu }, index.h("swirl-button", { key: 'c87a9fcd965fcf5289d6649ba84651b7c958384a', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '3622aab6f238006fe98578281375d2547b9b9cb8', class: "pdf-reader__floating-tools" }, index.h("button", { key: '312144b55e43ad811b8ee1937504d8a4dac5b12f', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'f687075870efc08fabdfb50dee1248793c9ac03a' })), index.h("button", { key: '83c7a1294cfd4c076cec3ded93a920d38cea9bd4', "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: 'b95c7e6a73124ce3edd67b317e8b1e65e4ad8ef9' })))), index.h("div", { key: '02f857fceda55cba3e1e92f6cb65831e49624c02', class: "pdf-reader__content" }, index.h("nav", { key: 'a3868ccd3fdb7a5f6ca9b5d67fe83eb31afc2578', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: 'dfb9c63962cf161439c2bfd0798ce5276dab0380' }), !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: '73c3350782be88406ef2de4dac189c033b7fc8d3', 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: '8f2dd9f3dfd72fc9ab2f2cac78b956cda0d36913', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '7d920dbfc7b1b1f3b1a209989fd267680aed911d', "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: '0d8ccd2144cf123dd972133f5ffeba0611124bfc', "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: '2b8542f383b83fe12e701f1534d09365006d005e' })), index.h("button", { key: 'ccccaf53031cbbdaf465b1ff997ac00ce56c9dbd', "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: 'f47d1577b4ac5875b516a6d3f1b0839ba058c282' }))))), index.h("swirl-popover", { key: 'c62fff017a9397dd12bba307ec6b3c3c7b4816d1', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '70cec8a00021a6976e130a4c3f6e0dce1374741b' }, index.h("div", { key: '640b1582b478202298836a7d50e28269f1d7e7c2', class: "pdf-reader__meta" }, index.h("div", { key: '46f94b96bf4dc3ed15e3293cd891ed774baf6bb8', class: "pdf-reader__file-icon" }, index.h("svg", { key: '545c4e3f12be1e61b33981f8a179f56e1baca65f', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '326389b3f0c7906be85754628d45151f5f7ab655', 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: '9c6449994b186b5997af8471210d869a0016124f', 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: '11385a17b217b2c6d4b9ec5f04e5716fd548cf92', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '7fe183c85f5806d16220c781774336045fafcc9a', 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: '523ea2d93710885fed3740eb68e27da6a6eeb9fe', 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: 'f8417a8b604c925fd51b81bf9c85ef2ea5466ea6', 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: 'd18c5e6166afebf90317f0eb12170dc122a25bb3', 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: '841a6a0449026fc47daf0f3a421959e79b3026a3', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: 'ee67ba14bf9002bccf2c1a7ac2b4f50bc9b489bb', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '67818895df436349e9992665a1bb68a4b2f31dcc', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '88735dc56b1809d84f0152023175a02b3ccc2cd6', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '96877a49f9ea72fe9e68dde9d22cadd323800896' }), index.h("swirl-action-list", { key: '32972fc1f89e95bb52d05a57819d63c586a599e6', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '234df2d9cb6a15c53df22f3fa126a3cc0c7a53b7', 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: '03e207dad25f4b0eb41da59f1694e6b1e2991a75', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '93938bdd7b5362cbe52ccc0ea2e7c7b686f314ed', 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: '3133951eb617ba518fbf62513ba42755afe909cf', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '8cdd0eb893bca27a299ddfd375b6127e5e3f79a9', "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: '8f01067b5147de722b03cb94bdb1bc734740cf25', "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: 'ed1aa66b68076cde83ab9eb468845f71b8af44af' })), index.h("button", { key: '8ee530cfd6012d39d9b646c2a382cbadca660757', "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: '095322680cca2d07d6c7b52a1df4695c7502a445' }))))), index.h("swirl-popover", { key: '54dd9e6b1f06140137ee8b0e37d6cabe579d9ddf', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '720836c4a5869036c3025a1a44f5cf93484c3ef9' }, index.h("div", { key: 'a577a5f2743790c2dd8f3b3412b2999573e68038', class: "pdf-reader__meta" }, index.h("div", { key: '31e0ca3f6ec1dc539a893f794e351f15bf445198', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'f75bc29de9f3ddcf713cb50b1bf6b64a2b350bae', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '5a60c67c332cdf15bf85a5c252acd4469216d9ff', 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: 'c83dc30648ba8e1b904b63850c3fe99a81a95951', 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: '308389651c765f4e81a85d90d278ef35facf1343', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '9d2e2ea411ad592958aa358f64a8b6b95c3c344a', 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: '916ba556229efc5c0794bbc020b282dba7e224f9', 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: 'fe78c7e963eba30ad4c4dfed352af2837f83246c', 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: 'b3f856ea3bf55b4ce19328b4a7fc0f05e6129dad', 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: '9c5b9974167a0a54d2627ceeaf867ba3c5a35e5e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '73a5766dfc6a388ec6add12c0da3f2d5820325b2', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '972100f36563f12c161be9719096e05617e05640', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'd6a636b436930fde266b140de6b2a6d73cb90a46', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'ef07981e306086557a13f37e2dbf6989d9a942d0' }), index.h("swirl-action-list", { key: 'f5042d9a69eb11f273913ca596cb3caeebb77600', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '9965826ab88ca866a5dc1e00c17b1ae4119aa3fd', 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: 'e8f29cf01db7c1f4ad8ec6fae7c1f23cb0ccf837', 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: 'd2e611849fa88201879936f9a4154dc8e54971eb', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '2be7796182999cf7d54323b7212a23465eedc711', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-3e7933b7.js');
 const bodyScrollLock_esm = require('./bodyScrollLock.esm-f29f1a77.js');
 const index$1 = require('./index-9f94303c.js');
@@ -260,14 +260,14 @@ const SwirlPopover = class {
             "popover--inactive": !this.active,
             "popover--transparent": this.transparent,
         });
-        return (index.h(index.Host, { key: '692a870e17c4c5c9ce3d6bfb8459d915efd1fe6f' }, index.h("div", { key: 'c031461b075fa806d9976f147de6983206f2c699', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '3627e2e25adb1dd575303faf991d812e5bf546ed', "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: 'dff8b4f3b19fcd5f3c9c439b513199c73314097d' }, index.h("div", { key: '1aaf476cc98d8746b4378a567aae9f5584a72367', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '4147bb4527fd3a4f21742677d59458a920ec3e0d', "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: '5322b500a903544e1bf8978d891a1a1a448b3a6c', class: "popover__handle" }), index.h("div", { key: 'bb996f4c4687d89009d4f9a63f1dffdbdca8e2b8', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '3199060d11b4b37abe74aaaf69c982cad131db5c', class: "popover__handle" }), index.h("div", { key: '97b22d0ac374b8d2871db27b83f5a344be276ddd', 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: '0e822963d0e9d0c34c5374a4f50521cea0fda8a8' }))), this.active && (index.h("div", { key: '4e0d20a700f104a17eb9b708699dd34901e3882c', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: 'b1cea1c112cbdd7b50e658dfefac32d12368cee2' }))), this.active && (index.h("div", { key: 'f7420f0ac6c15bb8be5b65b4a18c78764ed1c7ff', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -436,7 +436,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '2568c348e4df1de7ac1a3b0c0aca7536bb041b26', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '5af7d8ac7d7001eb21e6a65eaf7d3fa4f08de5d8' })));
+        return (index.h(index.Host, { key: '975b9b0de8c82fffc52a1353b5fd54f8fef664d5', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'b6824f472c025bd2a553e743b253b81e2ddb6012' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 const swirlProgressIndicatorCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}";
@@ -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: '6ef5ff981e38effa23656d913eef82b27fecb501', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '79825f82f8c9b509f10bfde2bb72b86fcf81d44e', "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: 'a546934fa62f38df0dca7c8ea5eccedc622cc827', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'dc7dc1a69361694cf7a1abb36da81fac3e22be9b', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '1cd14c46591e24e612a25f90ce8ad0cedde167ba', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '2b217ee432c39f2494bedd1706ef5fd4d2fdfee6', 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: '7897987969e8d8a39f42303e728cd09749dfe7df', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '912083c88e1aed68a9f43b896a63ab49d9524b0b', "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: '73c3aac5a5f90d4e77fe71aea94b5c4c6c00551e', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '26ff5fe7d79265e08bc5b98d277f379e249389c9', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '3e3690c82681d940eb0d75a4b67171c1729c26d0', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '60885e1890680d84a1ae81c6028110ca9043224c', 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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const swirlRadioGroupCss = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}";
 const SwirlRadioGroupStyle0 = swirlRadioGroupCss;
@@ -47,7 +47,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'dc1e907a0d36bfc59afa75e98a82e5ad42ab449d', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '17a3e10dfc896e29411accf163727ed328c60c37', class: "radio-group" }, index.h("slot", { key: 'ae8a2dc5d23463a491281b2a5025e815e877566a' }))));
+        return (index.h(index.Host, { key: '921b999324cb197933c94197c2c9f4cd64dedb35', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'b73e3ccdceb5da61cf92962c185ace4a13185a81', class: "radio-group" }, index.h("slot", { key: '96adb30518202f1c9c3a3d7356665bcb03258551' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 const swirlRadioCss = ".sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.radio--variant-card.sc-swirl-radio:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),\n      0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:\"\";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
@@ -46,7 +46,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: '39a96c5edf97059f8d16fa72cda6763f590f885b', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'e840ab45b938f5c99ad2aea62c21ecd9ae8ad435', class: className, htmlFor: this.inputId }, index.h("span", { key: 'a3b0e36b6828f9884b099f02b76e2f9d4698f4c3', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '65d4ae90ae0bbd80dcf21eb17f390e4a4c9d0dd0' }, index.h("input", { key: 'ddd43d5f4e7767b7a0a9b89a6e72e539cd90a4a7', "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: 'b13ec0c4f182d798a821c1794483b61fe65869c3', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '04b086fb6fe62de104f7be0879b38993f602a795', class: "radio__label-container" }, this.label && index.h("span", { key: 'b7659db35ef1cf82b0633f3abc95fd3cc6d0c958', class: "radio__label" }, this.label), this.description && (index.h("span", { key: 'a6122cac1cfb67d99663b3e509ef19e9caf1094c', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: 'b2d57b435aa3cafdef7a6dd48fbb555353d68edf', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '0a957a4c7df0f4544255e5b1bcc74745908473fd', class: className, htmlFor: this.inputId }, index.h("span", { key: '39a2010caf77fa84a8426d6d039f5f6a01f40a51', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'f1be9a31fc8ab8012ca184c5ed244a75183a726f' }, index.h("input", { key: '1c9969d53609a88ca62cbf026ac98ae0f8b82ff3', "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: 'ae6df7210c788c9be6897b02b69ad5aeacb2a74c', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '2946f6982a4723e8261bf2364bd9e2bb42711a53', class: "radio__label-container" }, this.label && index.h("span", { key: '49944031f7ed6a8a9aa2e3bd9faafac2b8498c55', class: "radio__label" }, this.label), this.description && (index.h("span", { key: 'fda8931ea2e3f1c19740adfd8ddae41f8ce8d7bd', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-3ff36fc3.js');
@@ -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: 'cf85be57209858b704eb2e1fe4368560f45ebb41', role: "row" }, index.h("div", { key: '6ec4117276a400f39ce9b17750e5f6392b2e3a99', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: 'f2f11f9214d5bb0d88b58b5a6f044ec058990421', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '423fb78e263437e9914a0074a5bf8b93daa6884c', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'f97cfba568b5cd8802c00ba28f3e6deb82148e71', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: 'dda7686836817fff24a0c4e1dabb2d65692f38e3', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '88c216afc92c88ce53566f83ede5d45502d3cf07', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: 'f479af99bc507bc1ba37da50e0a4eb727aff03eb', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'cc7c1c9ac6d7525ef2bbb45f69ba10806bb602bd', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'dde1daabac5727244222567a59bc0d8ef353fa75', size: "s" }))), showRemoveButton && (index.h("span", { key: '461f82e47a2e654a1d64ab9d0e906bbc81a88f63', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '8e0985477f7ce6825042050918904c40d35a105a', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: 'e1dc6a1a61f9bcb9800d3a5a542cbb19469c58b2', role: "row" }, index.h("div", { key: '765b02e3c0813f37e22fe2c817b2c12f73e47f7a', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: 'a0e674e1242f8055674033ee24d26faeb74de374', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'c930f80102f0248d0475da0a50a7ec4482e19f22', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'b148c8a80875eb41ef9fe3685a4d4fdf0cb05eba', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '82b964dfc5a2931cff5014184d02fe5f09bf2d08', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '9a1a234fb39e686b916e6914139d0584cce9bac3', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: 'be8b9f976e652ed0d0120feeafe7c9aa30926d18', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'bf77addd275b831610ee80aead5c858c1b179435', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'fe1f031c88ac04a9f35054c4ee494d8960bbd7fd', size: "s" }))), showRemoveButton && (index.h("span", { key: '2b42204ed321cfdd83427f3263dec91462346ced', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '31e665abe14a375324f5ed8e2818052704a972f4', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-3ff36fc3.js');
@@ -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: 'ceae5da523aa816ce7622c9ef37294b6170ffba4' }, index.h("span", { key: '9f1222ded2f5023fe3fac44fcbe39b3d7786bb5c', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '3277b43b597777998051589a6181c4cf132ece92', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: 'f61260a4ddad79d484cd19b4bf1c52b599885fde', "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: 'ec7b6490ebe051c4dfda08aa9527132923553d54', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'e900528f58b0fa8d6d2c52a11ca616635ffe3533' }))))));
+        return (index.h(index.Host, { key: '1981fc9106ce2910162be28fd0425bbe7f2f5962' }, index.h("span", { key: 'cdd96af43b43a42a2e1a2292941c4915fba8ffad', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'ba21b0c852db06c4d430ba6d8d155abad935b427', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '60c8e7b26de802dfa4cfea1280ff23046b02cdd1', "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: '8b22de3c8a54c2a8664bf344ccc039afce3d1c90', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'fec17a0d8acef475ec351a4e2d3b86483fbf806b' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-6aba64ed.js');
+const index = require('./index-2ab5d772.js');
 const index$1 = require('./index-9f94303c.js');
 const utils = require('./utils-3ff36fc3.js');
@@ -130,11 +130,11 @@ const SwirlSelect = class {
             "select--multi": this.multiSelect,
             "select--search-loading": this.searchLoading,
         });
-        return (index.h(index.Host, { key: '1d10a0ddcc86344ac46939e59f9b1ffff21ac1bf', onKeyDown: this.onKeyDown }, index.h("div", { key: '9b0269fbff0db34337c70db2ec3b5207926a7d72', class: className }, index.h("swirl-popover-trigger", { key: '992df10671b0d383f72498bbec7171b1394af0e3', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("input", { key: 'e8aa13cd1187d4f85830d847f2c0821204af49a6', "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: 'cd88e6ac4226cfab559d4a76a2f210d21e92f615', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: 'a7ec747c8e15dc69189594132c3244ae4e75ef60', onKeyDown: this.onKeyDown }, index.h("div", { key: 'f668de698cb823e04e8be756d242fef4962852c4', class: className }, index.h("swirl-popover-trigger", { key: 'f0352053a22efe76db9de5ddc1c5a6941352032e', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("input", { key: '0d6f2c41141730a2b32f7d1d74c082a92352cbe0', "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: '9899f6818248b2a8b4b746d829eeaab9a7634a99', 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 })))), index.h("span", { key: 'ce726838340f0134949858a086dfe0a9df7c90f2', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", null)) : (index.h("swirl-icon-expand-more", null))), index.h("swirl-popover", { key: '8545f9fecb69669d491279e36fe095a9242dd4cc', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: "swirl-form-control" }, this.withSearch && (index.h("div", { key: '63a2390791ab72c86e03ed0c91b7362944d57ab0', class: "select__search" }, index.h("swirl-icon-search", { key: '7f14d873830f700465ea031a38af9a16701c70ab', class: "select__search-icon", size: 20 }), index.h("input", { key: '8c9d1983bec02903ba6b500ad510f8f745c8c998', "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: 'cdee4fbbbe67ad841941cdb8f11a41444b7f6ca8', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '15d164af64da1a3df267b14be0de4a892754dd6b', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '56083d8f90e10069d52d0a798de8c953134a65ff', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '91e537995cc2ef3c99d92640f8c1000896ae36d1', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: 'a72244fb617dbc181570736b2ebb27831c8ebe36', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), index.h("span", { key: 'd72d56af289ac283246e97735c6c86d412c90554', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", null)) : (index.h("swirl-icon-expand-more", null))), index.h("swirl-popover", { key: '3b7805ba5f81bee37c0fc2c2efa3455414ff162c', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: "swirl-form-control" }, this.withSearch && (index.h("div", { key: 'a2e52920556407830f810498cf669f3352491ad7', class: "select__search" }, index.h("swirl-icon-search", { key: 'a75d1aa0cf32eca9ef7435c589e161ea13ad07c2', class: "select__search-icon", size: 20 }), index.h("input", { key: 'a32b332fc8a690b4115df3f5bd272313264f69c0', "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: 'f9b88ec5751accd0cfbaa3eec5458b2230c7ff21', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '68fe45399a590a581773182617be0f3697f12de3', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '7c254a91d6d7e56f89c11c5556e297f08dabab05', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '0a45c57e78becae9af6e94cadbbdd7484b9844ef', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: 'a00c7889025b0ec5815aadc37dc4c5ede166f7db', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
 };