npm - @getflip/swirl-components - Versions diffs - 0.327.0 → 0.329.0 - Mend

@getflip/swirl-components 0.327.0 → 0.329.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 (1659) hide show

package/dist/esm/swirl-icon-work.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlIconWork = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '8c5d3c67b853c4868fbee17f14b842cf085f51f1', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '73498590855b15f908c89cd527072f3cca69d0d2' }, h("path", { key: '382cb6bcccdaa21dd818bb74f2f3a754ad5cba3e', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '87732d0fae8af4e9a6e76f0a1945e681ebf29fd0' }, h("path", { key: '41b4a6c625a8d651ad146174b327b8332c7062e4', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'dec6ccede9426320f4577d1ecb225c113ce94afb' }, h("path", { key: '200ecc49b104a618a5ed1d0a91fb8540f65f2ab6', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'f830b3033b6d42695267e10e1f31d3b96a7fc966', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '0d6c6c2bfaa436aba1093d5c3958e983cc591715' }, h("path", { key: 'acdce046fedecd49964f4b793a329a6858e3d6c7', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '3e95738658e2724d8f1d4127dfe80cfa074bf0ab' }, h("path", { key: 'f0bf62b7e100708b078221eadc35c89522509915', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'b12118964e9c436e4645f95038e08ed28af38760' }, h("path", { key: '211abb3936d4a32d63d8a80916b37a83267b562f', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
     }
 };
 SwirlIconWork.style = SwirlIconWorkStyle0;

package/dist/esm/swirl-image-grid-item.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-6124252f.js';
 import { c as classnames } from './index-267776a4.js';
-import { d as debounce } from './utils-877a768f.js';
+import { d as debounce } from './utils-0cdf2a1e.js';
 const swirlImageGridItemCss = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{content:\"\";position:absolute;inset:0;border:0.125rem solid var(--s-focus-default);z-index:3}button.image-grid-item:focus-visible:after{content:\"\";position:absolute;inset:0;border:0.1875rem solid var(--s-background-default);z-index:2}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0;transition:opacity 0.3s ease-in}.image-grid-item--loaded .image-grid-item__image{opacity:1}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__gif-controls{position:absolute;z-index:1;bottom:var(--s-space-8);left:var(--s-space-8)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon{display:flex;padding:var(--s-space-2);justify-content:center;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-icon-on-image);background-color:var(--s-surface-on-image-default)}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--button{border:none;cursor:pointer}.image-grid-item__gif-controls .image-grid-item__gif-controls__icon--label{padding-left:var(--s-space-8);padding-right:var(--s-space-8)}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__skeleton{position:absolute;z-index:3;inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}";
 const SwirlImageGridItemStyle0 = swirlImageGridItemCss;

package/dist/esm/swirl-inline-status.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-6124252f.js';
 import { c as classnames } from './index-267776a4.js';
-import { g as getDesktopMediaQuery } from './utils-877a768f.js';
+import { g as getDesktopMediaQuery } from './utils-0cdf2a1e.js';
 const swirlInlineStatusCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}";
 const SwirlInlineStatusStyle0 = swirlInlineStatusCss;

package/dist/esm/swirl-lightbox.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as Host, g as getElement
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { c as createFocusTrap } from './focus-trap.esm-49c9613c.js';
-import { q as querySelectorAllDeep } from './utils-877a768f.js';
+import { q as querySelectorAllDeep } from './utils-0cdf2a1e.js';
 const swirlLightboxCss = ":host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden=\"true\"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}";
 const SwirlLightboxStyle0 = swirlLightboxCss;
@@ -308,7 +308,7 @@ const SwirlLightbox = class {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: 'd6e7b0ef7dc8ac7d48853a9b38ecdac7af69cb9f', onKeydown: this.onKeyDown }, h("section", { key: '3d255ff4c9ea5409fbafa962f99334a28659908f', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '80423839b955c855e0c809100dba1b057f2b8959', class: "lightbox__body", role: "document" }, h("header", { key: '40212877ba339bf7c2e770a210c3cd45ae4d9d4b', class: "lightbox__header" }, h("button", { key: '5b48cb039a0e0a8fe1243517abb5ada34ee839de', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '9a8a6aa0a93e58a4c62e14b1eed19f1c8a2c1dc5' })), h("div", { key: '5eae4f6bac4e6cbf1704645c2ae2b091d7703150', class: "lightbox__toolbar" }, h("slot", { key: '1979d14f5ed4071a0a9afff7097e371ffbe26bda', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'ba22bf855b5706b3c3bd9548fdadcc34faa28d59', swirlPopover: this.menu }, h("button", { key: '259946ffb09edf6850ff1b93188a331154fe48c3', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'de54e4c0b8745a52bbfde1a0105271b74cca64e1' }))))), h("div", { key: 'ee0d98fb0f079bcf1ef1fedf3de6e4d6f4bb6865', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'b938125af827cc4b041d7acddfdcc1e94d0a73f4', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '11e93f76a65aa119e2a63da226156b248df395cd', onSlotchange: this.registerSlides }))), h("div", { key: 'a3ff7d4f6ccafc5ff91c242fa5eb22d5ffb68059', class: "lightbox__controls" }, h("button", { key: '3c1690088b8eb854a53c1a7027bd0aa9f4198d3c', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: 'f5d9fbfb1794a6b00f723d7ec1f0aee273832496' })), h("button", { key: '6ec05a66a4c3e24a7b6e350c4b2ab3698e8ef744', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '543e3555a3ec52d26d71be68f5c82d6a2adb0626' }))), showPagination && (h("span", { key: 'bc75ad9d67161d7c45b6c80ea07a762d143d5cf5', class: "lightbox__pagination" }, h("span", { key: 'e41bcf1310c19b538bfe7a6e36d07ce8435f31ef', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '2ca9fb72f44afd29f21da0ba5746403841d53a5a', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'cf8b57810266b29ab2b9cc1105a217ec68abbe1e' }, h("div", { key: 'ade7b5e1d0642ea801019f9dde60cee0d75da1d4', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '3be233483e489b3bff328158418f49a9ee6c1d42', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '265d3ba66943dd8510a8817fc20b30d98004bc75', alt: "", src: currentThumbnailUrl }))), h("div", { key: '1b24e9a5f53ad079f11470527071ccf14170c025', class: "lightbox__file-info" }, h("swirl-text", { key: '9d6b0e2f8ec36c7e03b811f17830a14d409a2ef8', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '29fe67fe2f6d32012069b486cf103648b5da0d9b', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '93fe5bf050c43380d54f669692eadf29ec82f04c' }), h("swirl-action-list", { key: '4ce787a0b8d478a3bbb47fcc07820a72f2cc15d3' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '5e09dc758fe5da2ad6f20c1f8ba341e2bd2e9c54', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '45923071322debb16ccecc2faa7d3b54e4e09e77', name: "menu-items" }))))))));
+        return (h(Host, { key: '053365c36a08d68e0e79d17e534ff39d8a776fc6', onKeydown: this.onKeyDown }, h("section", { key: 'c59fb4cc74110189f213c483ca519f8a7c90e1dd', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: 'e6a0f972e8f5ff3e6cdb2030a7da54b3b91e6fe4', class: "lightbox__body", role: "document" }, h("header", { key: '9b11ba4cb3a25d2543f483606df6aa9e8f97947c', class: "lightbox__header" }, h("button", { key: '40ecfd77303b303d313a26faac0e0a387db1e8fc', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'c79b1bd943d4b2b15d59410bf505a4f0cb5e4387' })), h("div", { key: 'da2dea319dbcac4186f110ca25847b0a5020732b', class: "lightbox__toolbar" }, h("slot", { key: 'c90ed9cb6312e1918873a5839267c7ec10214fc1', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '7f1f7be7b0c94534d5d2a4b4dc58e4f95c5bd7d5', swirlPopover: this.menu }, h("button", { key: 'd9e9507f815829c9c1dedd7548c3669e14956a55', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '1d38167873db871bd5d2ece4c352cee6475e1fef' }))))), h("div", { key: '18d58c8e6c246e23088913fa58d5275e31e35401', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '2ce3fedfd52d3647beee3af9f154a3b0b6547be4', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'a4c3bb21ca22fe04803cbb4a931e88f5d8da1eb6', onSlotchange: this.registerSlides }))), h("div", { key: '36de59d35d50b9f3f0447667ea33863ea066aac0', class: "lightbox__controls" }, h("button", { key: 'd41f962d62adcb89a1c9a14cc09afbd59c079581', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '9947eab537d0b051eba153d1c08cacca219f85ee' })), h("button", { key: '7f38068a94c5e14aec61ac5802a51a443d320501', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: 'eb9b2feb52fbe31ce66c56d27d5a1c2e8509e825' }))), showPagination && (h("span", { key: '572eb84481e4fd572a73fd8de753a803d35ad59c', class: "lightbox__pagination" }, h("span", { key: '247ff42482f38302d7c590a1d3d074a69ff10160', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '8181e19a51ffbbfa3940f78e34959b659d92d49b', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '449426f695aa8f65afccd4f71a67cfcd247affab' }, h("div", { key: '6f253a2fba80da7d3475c7c7b8da17c76036fa97', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: 'a9f270bd08bd83b7cc533a1debf810e679752e08', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '1b22228339e1c152031e1334880b2e5223bc5d28', alt: "", src: currentThumbnailUrl }))), h("div", { key: '724b50412da5d540099107e0a4243fa255581580', class: "lightbox__file-info" }, h("swirl-text", { key: 'c88bd4293bfa6b4c9f29ed92d5be2181aa2de529', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '3691ff39f4815b68c70b0cf565bfd324fe7855a1', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '520c0c78efb13f5755ff3794701a74f2ffffc205' }), h("swirl-action-list", { key: '3c9f237ff0cd534560f77765a3a92f98dae9db05' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '845abbe29085d0e8c8ae3ca7bff492893b81c5e5', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '4ff3b7a9062e135c97150949c7447de464288e8e', name: "menu-items" }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -14,7 +14,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (h(Host, { key: 'eab3a8ea00e954022fca689674b5c1091cec3503' }, h("div", { key: 'a72d52aef1a5ae3a2d66f4c4ae5dbcdf8b4c0708', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '58b1652516271de552a57fe894224fbf71f47744' }))));
+        return (h(Host, { key: '735432e171a4b787a55cb39ab81374f8f29d362a' }, h("div", { key: 'e6af1b61701c7b32f696380ee343716fc1066671', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'a5c100c50f41071c6c702bddd389e7dfffa31497' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, a as Host, g as getElement } from './index-6124252f.js';
 import { c as classnames } from './index-267776a4.js';
-import { c as closestPassShadow, p as parentsPassShadow } from './utils-877a768f.js';
+import { k as closestPassShadow, p as parentsPassShadow } from './utils-0cdf2a1e.js';
 const swirlMenuItemCss = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}";
 const SwirlMenuItemStyle0 = swirlMenuItemCss;
@@ -118,9 +118,9 @@ const SwirlMenuItem = class {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '4767e0bd2196dcf84287bea506d6896afbf7f29c' }, h("div", { key: '537fa87dd918753bdca84be438a47503f0251fca', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '88126ef17e8d218449719c211823f82430e0ff37' }, h("div", { key: '6967d97a08bb511dd0efe888998d7627c8de83fd', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '6f25d13559708f5ad959505d25ca7bbab6673682', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '0d82097151f385dbccc0eea9aa02e825c59fd0ea', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-6124252f.js';
 import { c as computePosition, o as offset, s as shift, f as flip, a as autoUpdate } from './floating-ui.dom.esm-bef21834.js';
 import { c as classnames } from './index-267776a4.js';
-import { q as querySelectorAllDeep, c as closestPassShadow, p as parentsPassShadow, i as isMobileViewport, b as getActiveElement } from './utils-877a768f.js';
+import { q as querySelectorAllDeep, k as closestPassShadow, p as parentsPassShadow, i as isMobileViewport, j as getActiveElement } from './utils-0cdf2a1e.js';
 const swirlMenuCss = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1);padding:var(--s-space-4)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{background-color:var(--s-surface-overlay-default)}";
 const SwirlMenuStyle0 = swirlMenuCss;

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

@@ -130,14 +130,12 @@ const SwirlModal = class {
             },
         });
         this.determineScrollStatus();
-        queueMicrotask(() => {
-            this.updateCustomFooterStatus();
-            this.updateCustomHeaderStatus();
-            this.updateHeaderToolsStatus();
-            this.updateSecondaryContentStatus();
-            this.updateSidebarContentStatus();
-            this.updateSidebarFooterStatus();
-        });
+        this.updateCustomFooterStatus();
+        this.updateCustomHeaderStatus();
+        this.updateHeaderToolsStatus();
+        this.updateSecondaryContentStatus();
+        this.updateSidebarContentStatus();
+        this.updateSidebarFooterStatus();
     }
     componentDidRender() {
         this.focusTrap?.updateContainerElements(this.modalEl);
@@ -241,23 +239,23 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: 'a3b33a8bad658b5069ea3218ee680fa22633a05e' }, h("section", { key: 'd6e778a51b8713f77b51c770d62dfe2f1632e2f5', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '587c19638a0e171ff8ad589e21f6621a98c2e6b1', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'f1f3bf5d25be5824dc5387a6755883c1d2172f57', class: "modal__body", style: {
+        return (h(Host, { key: '1a9eb8a9970023ad99eabf1d17eb759eb75afad2' }, h("section", { key: 'deb32d3563c0393fdacd7bbfb9aa07c0ae397159', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '25b29175d141fe4d010c1585ff8154f88d8b4d9f', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '7ad5e8e10b50ab09792c77c1f3b122d2398612f4', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("aside", { key: 'c1a228f13d773047b1386713f65db7671ddfce26', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'efdc6b571119db2de308a180315356107d4d6268', class: classnames("modal__sidebar-header", {
+            } }, h("aside", { key: 'fb5853f488161fbb2df6e0ef1bc911d115999e9a', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '3643530a51c304a2a7c4ac1103f1546a4d090618', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: 'd8530916e86ed108c76951436a706bb5196ccf91', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '14466a82f7791700bb857068800749e82dca8c1c', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'cf1420c2a4f515e074b20ecfac829e74a702e675', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '9d47338b7839e4d2b3f4820258d971871533a789', name: "sidebar-content" })), h("div", { key: '89dd11d57e92f220fdacbe80ffa88af278654f56', class: "modal__sidebar-footer" }, h("slot", { key: 'a5731411d52f97fd32be7ef03bde1fa15192b6ef', name: "sidebar-footer" }))), h("div", { key: '14c93cb9729b10ebe63cf15f66007f7f4dd9e528', class: "modal__main-content" }, h("header", { key: '08f4707e2efdd4dbef18fdf86c3d4ffff6d46577', class: "modal__custom-header" }, h("slot", { key: 'de4cccb054fb97513867fde9032cedbd8b0c7c8e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '54436e75b14618216d2cf8eb7876dc22643194a0', class: "modal__header" }, h("div", { key: '93bd4a05c079c839ec75990d577f963321a620be', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '63292bd349d6d5bb6be4200c424f17918aa02a30', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '29aa13a04ef83133049eb6f49f4578ccd93cfc6b', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'b92e3d38bc6559e9868e5f75e3aaf296e78c9696', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '8bf37fa2dd52477ca828758ace0ef7b18bb945bb', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: 'c1c0873ff28611a5cc5ed9705322e86b75b67c93', name: "sidebar-content" })), h("div", { key: 'fbebaaf26c3152ce16ee5cd8e82cfc7ca5d8b8b8', class: "modal__sidebar-footer" }, h("slot", { key: '83c9f754a9e5c9063a12bd403476a84b746a96bd', name: "sidebar-footer" }))), h("div", { key: '55d511a2c357da9c2f54caa1981e54ae45519409', class: "modal__main-content" }, h("header", { key: 'fa630f032e937e80bae3aaa03f7f20209bd0728e', class: "modal__custom-header" }, h("slot", { key: '0bdb2933cda72a2013058294c5130c01a7de196f', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '6ca45cec4e99f4a43a54b619757749e3841899b0', class: "modal__header" }, h("div", { key: '7628dcff105c33d18a2baa1fe5c9b98f64ec626e', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '536e9768763548232a010e4ff1c9742989af674b', 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 && (h("swirl-heading", { key: '9eee2e0d149ae54e5b681a453b3bb6094ba7bece', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '20a1c5c6632ddbefb2dd51482831f533cbb5f45a', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '518b2561a7c6a50a1e7c689fc19184a42307fc8b', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '0152c4b62ccc9e291d262ccf12d15b9a472d5583', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: '64ac704ad78729837ce6a51e9b57fd49316e2af7', class: "modal__primary-content", style: {
+            } }, h("div", { key: '61838be7fb71b6472ee38d02e56535b98df3fd02', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '6fed1067af3b45a2b26c1247ed160f7f0177cfb3', class: "modal__header-tools" }, h("slot", { key: '59d0242705e0b2ff2e4f7fb3c6eb6c8257629bec', name: "header-tools" })), h("div", { key: '6a2838c93453fcc2fd9d36ce2a8b706601c3e7b9', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '7b68d951fa828b73b5fab6a6da7534d87ae8c867' }))), h("div", { key: '7281a711bc7212dcd2ece30d5032bdbb85d3a971', class: "modal__secondary-content", style: {
+            } }, h("div", { key: 'fdf89c643852c02c9661d72d8926c120bfe8fa78', class: "modal__header-tools" }, h("slot", { key: '722ac833e1c53029732a806d8aea56b2af195740', name: "header-tools" })), h("div", { key: '5d65274b8121e39358dda35dbf6cbf6b780d3933', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '6e22111e1e0436a8e0d11c20f1faedad1e55e4e2' }))), h("div", { key: '20ee5f4f6ac4b9048081967a10338696329f4134', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -275,7 +273,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '88c633d2cf5c456eb78de68d5c19d7fe2f8bca1f', name: "secondary-content" }))), h("div", { key: '1203e8fed5505a3633bec66a75e419985735e2ab', class: "modal__custom-footer" }, h("slot", { key: '9e291b19d9887c5ab2ee25be124bb6a962a96f0f', name: "custom-footer" })), showControls && (h("footer", { key: 'f072f30ef6c4f65057228d00495c77459a5d25a3', class: "modal__controls" }, h("swirl-button-group", { key: '0e0a4b1173b3e34e0ca974a0807e2172ab3a05e9', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'f8eca714bc46f250ac8c1ee34f4e4d8b2ea4eaa6', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'e9dd5999c043eb6145a21296501f8d1952775901', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '52e7ff912e0ae9470737ff2e7e1bdfa5efbbc886', name: "secondary-content" }))), h("div", { key: '9203acddc3938230cc0f969291fb367ca097b048', class: "modal__custom-footer" }, h("slot", { key: '0565cd9f141112c4d89d7254c7fd4d770eebe47f', name: "custom-footer" })), showControls && (h("footer", { key: '85eac43cf12814b865a0ad924631fe65955e329c', class: "modal__controls" }, h("swirl-button-group", { key: 'dc8eb5bd5fbfd3b2663eb9004be754ee14af9976', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'e39f06e8d355ca92ee4eb90b16be67ef632cbc40', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '1ef4dd744b20a90ab6c1e37233aed06d8edebc6f', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'f97a8c64019a5a1c31918a73021db444dcd2c64f' }, this.hasSeparator && (h("swirl-separator", { key: 'aa78d0974d415d3dbd41aeb2b2937be49d2fdd47', spacing: this.separatorSpacing })), h("div", { key: 'e7af55894d7013bf3841ed48e564bf6cd25e6125', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '7a0790f8ff823df1006ab50f2eb414ea8f68877e', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '16de598d7e6ce97a002f0d175c4a8d705896a854', spacing: this.spacing, align: "stretch" }, h("slot", { key: '1c5d1d53315a676d9b6afc70f75342e4d2e7e8e3' })))));
+        return (h(Host, { key: 'f140a544c37cde547ec88972c74b3e0a51fccd5b' }, this.hasSeparator && (h("swirl-separator", { key: 'b44bb904d94663319398e6b1eca2275c7bf46643', spacing: this.separatorSpacing })), h("div", { key: 'bb95d5639692ac55f62f72f470b5c53aa1b79c2e', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '60d922a8084f5b237f761ab4c22e29413a9c4309', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'd6eb638ac579bface9d3d922bd53f23eae365c12', spacing: this.spacing, align: "stretch" }, h("slot", { key: '388d3c7177c39297baeebef637a17fdd0f2742b6' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-6124252f.js';
 import { S as Sortable } from './sortable.esm-0bfddf0c.js';
-import { c as closestPassShadow, q as querySelectorAllDeep } from './utils-877a768f.js';
+import { k as closestPassShadow, q as querySelectorAllDeep } from './utils-0cdf2a1e.js';
 import { c as classnames } from './index-267776a4.js';
 const swirlOptionListCss = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}";
@@ -348,7 +348,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: 'c295e826b7817975f6fcae3fd9624f13b238ffaf' }, h("swirl-visually-hidden", { key: '1d3e7d4bd101e0d57fd17e9212fc8b6f78a08e42', role: "alert" }, this.assistiveText), h("div", { key: '5ae0a2f8f62f9142dd94f3da82605e7ece08c3a8', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: 'e954eaa8bbfa83502371c1869e0269b009b3a82d', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'eac8484f4f74c271245cef16b1547167753dd7e0' }, h("swirl-visually-hidden", { key: '0bdb4e627f405b6b96b658da1d04276358f93c94', role: "alert" }, this.assistiveText), h("div", { key: '0f32f1da494f38ea70b1c4d000f9ec83179d9572', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: 'c94ac4000ba0112ac12ec67ef40f3d356cd97618', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as Host } from './index-6124252f.js';
 import { c as classnames } from './index-267776a4.js';
-import { d as debounce } from './utils-877a768f.js';
+import { d as debounce } from './utils-0cdf2a1e.js';
 const swirlPaginationCss = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlPaginationStyle0 = swirlPaginationCss;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as Host, g as getElement
 import { A as A11yDialog } from './a11y-dialog.esm-d7a94c8c.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
 import { c as classnames } from './index-267776a4.js';
-import { q as querySelectorAllDeep, i as isMobileViewport } from './utils-877a768f.js';
+import { q as querySelectorAllDeep, i as isMobileViewport } from './utils-0cdf2a1e.js';
 const swirlPdfReaderCss = ":host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden=\"true\"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:\"\";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0\n    var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}";
 const SwirlPdfReaderStyle0 = swirlPdfReaderCss;
@@ -188,15 +188,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '0c0eebaf8d1a3a2238ea9f76b4e80b41e105be85' }, h("section", { key: '3f6675a1315e012a27972e162cbb8551eac4a9f7', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'c648a91604b0808cf3e155380febb66eb31c2381', class: "pdf-reader__body", role: "document" }, h("header", { key: '3da485e2362ff0208bf2312f3ad291b50db12088', class: "pdf-reader__header" }, h("span", { key: 'ae467f9b42c596555f4f36e1c64acd24bed26eb6', class: "pdf-reader__header-left" }, h("swirl-button", { key: '119e6e56b9d08b883fcf43f61bf0c79a0753b33b', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'afc697487910b3cec34802703d1d7c9cede9b1b8', class: "pdf-reader__label" }, this.label)), h("span", { key: '6003fb364298d3013a5ce6491f9fc681bc88269d', class: "pdf-reader__header-center" }, h("span", { key: '6cff477dbed1f04b3d8213b53ad0d09d32eb7932', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '2f4d8d9543a2c1802cbcb7bfc7810d193708d9c7', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '82884d1ce66ebceabc4ccb4082b49853cff1fb2f', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '02011c75303a7ea3d763f297abcc508101de0df2', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'dee58b2b8860ea44349181d522177031854d202a', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'b59b3844031ca639e5c69103f5fe6340d5e536ab', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '01c3f3f21035e253459aac94b49aafae7c0a4653', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '73d846433f7c49bec7a636ad00154aa6fa175495', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'b0aa704abd038e09ab52d76b834fb4d6e5f1a954', swirlPopover: this.menu }, h("swirl-button", { key: '86d9bcf21bd0b1a6fb3cfee81f4b774d0c424ff3', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'd86c7cf78088cb69522b93bc4cf9d0d253d6e989', class: "pdf-reader__floating-tools" }, h("button", { key: 'b91ad070a8e54c2f6423feace0e182c133d9ac37', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '9669198041f3e824d3b203bfb34baf80d4dc3fa8' })), h("button", { key: 'ea8eaf90b5de348ce3cb22a8a02bba593c606b09', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '7c153b1d8b79e4cebab5508a1ccd3fd053bd9455' })))), h("div", { key: 'e23e44ff0d7d6b310222c2b68e3ae0466051088f', class: "pdf-reader__content" }, h("nav", { key: '0fc6766ce745a75dc0087da4cc64a591a23b5d2c', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '6b1b8b030024034b90b5e4d938f31ee6c352515f' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'f342c6c583a065db85af758027558eca2505bc31' }, h("section", { key: 'd8c3a747e410c6610d03c10e6ecfe6dcb2cbf22e', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'ea898b43e5c6a6172ed6f2266d20ca2b70961904', class: "pdf-reader__body", role: "document" }, h("header", { key: '54b08cc05e4b657f9217139f0f4149309adf7d5e', class: "pdf-reader__header" }, h("span", { key: 'cc2039baa0afcf0a52a80265fc52542fea06bd65', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'dd747af4d1598497c7e1acc13db6b7a3feda1fd9', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'fd0b41a42bd26aa15c0519e96e125d765aaf8b20', class: "pdf-reader__label" }, this.label)), h("span", { key: 'e8ad2ee57b0bb4df1adf79386f14a53c59de3667', class: "pdf-reader__header-center" }, h("span", { key: 'ddff095ec76257a6c176d506c9e3d5d3cd898ffa', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '583ec19b61f6501581e39cb946963948e4053068', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '30fa9ad92c986b5f27647375e0ca683c5d4f0c88', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '501ad097db7a50cf3a37dc6f9fab93a71802233c', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'dfcec45f7e5f797aa99e277eaad56e02d9ae60ab', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '25001a0d2688a203f6b673cabc925b674436ee55', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'c371314ebc3b6984051cd0330c732fb0e422de47', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '58ae61fa64489b5ec8de27e7a3fb75b313255da7', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '48ae2a50d284b066645e162e34d55c5a1cddbefe', swirlPopover: this.menu }, h("swirl-button", { key: '2765a3cc4aaa9c6f0e1be1ed345a8b273f506394', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '165cbeaa2622ff8c6fdd42671bc143e4bb9b1c4e', class: "pdf-reader__floating-tools" }, h("button", { key: '846981700cc6d6a409b103fe525b39f047996960', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '58684cde03a83ab08df50ee2a2c957e494b737db' })), h("button", { key: '790d2986ece162219ea112dd5d22b3f28b03cb97', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '3ed32486366be32038b90e451019a6827012a76e' })))), h("div", { key: '9e73c89a83a09a7f6abc474b80f2df217f2093e4', class: "pdf-reader__content" }, h("nav", { key: 'a600376e97cd89ce66df47214c9372e2d2bd4615', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '3be7973480a7ff5ef9653a25000c2d3227a0cf72' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: 'c754fd3daa2d76515fcf812631ee8d1d58fe032b', 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, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'b21f6f3264b2ad9db6b653be6c29a8df0ed38f1f', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '01957ebd213b2c29f680815f2e05dbec25188826', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'c0e768912c9c38263d00722aae8c25a94a27ee99', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: 'fd9f947ec17efd4bfd73e1af813a21094095bedc' })), h("button", { key: '2ad7fa629d9bcb58e93d31834563c4e916f098cb', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '5eeed2e1f3c10749c18b52e304e1a9eafaa74931' }))))), h("swirl-popover", { key: '4792fe4029a013e0ab5155ad8edeb2ac5ae70965', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '5975044e6f34082ea5736220bd1594425420fb26' }, h("div", { key: 'fb5c746a099fc4de91091e28f9889699dca84dbf', class: "pdf-reader__meta" }, h("div", { key: '6d2fd21abf55aa54f2394c044c69d0eaa6a8c706', class: "pdf-reader__file-icon" }, h("svg", { key: '548f2cb6823948d640b81714dc6e2cd7ba96853a', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '86705bd3299bf29081dfe86ed95b5d2548e684ce', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '4207d9d146ebc82c9d7dfbea8caba54e6a053de2', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'fcf84b95e512f8fa935fe26cbb5b30ad573f96d5', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '4b5c215d060318a938a0223b37312e4f8703688d', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'e2831a309b5281a4b36d54a3b16d520629808247', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'eecf26d3abfdbede692b7b850241411617ee6266', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'b4718ba86501736556a4507332d3e668288ed7b4', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '83a84fc0a90fa65da613c39fc71e8ddb7319c63d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '969e14b975fb2531068cc9086018b33f92de25d6', class: "pdf-reader__file-info" }, h("swirl-text", { key: '592db35253265f1948246533329a3070c6606a51', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'dcdb5a538be2a3521ccc46508c6e5d75afb95b7a', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '2abbb8d6fbefd537d6a1a2bd39969d9c1199e931' }), h("swirl-action-list", { key: 'c3d1e8ecc1e8fd11a516635f541efdafa7fc1c9d', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'a6c59e60d7ec8208a15db8c528eb94119dcb42dc', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '01ee29d9d334d65773d71000f1922c4376b0f1ab', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'b1e7fa88dd94f369672547702eac363c20003d30', 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, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'ce57de729eae4931b1abbb7c8feca59e109aa86d', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '7917feba38840d5505d0222d17144fb0c5d87b5a', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'be1c700733a5ae5f7378b1af28d83d24e60b3ddb', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: 'a3e657f919512892820beb3dc4189e0ea8b1b831' })), h("button", { key: '88111b09c875c287bc4caf18d3d89de503781355', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '31af28c95925543ec7a53dbaf5241cddca90664d' }))))), h("swirl-popover", { key: '02e825df5e1f89308b268c42573b5c6bcfe104b8', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'ea4cf98acfcd857283db7098976457bf42efcdb4' }, h("div", { key: 'be553a4ad26655f5a900551d89def4135f4831f4', class: "pdf-reader__meta" }, h("div", { key: 'b1da0ae5879ebac6fb3e47ba5c5523dd6c291069', class: "pdf-reader__file-icon" }, h("svg", { key: '5f8a251d5308e012a74a65180a49cf813e9b32c4', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'd9285ea636f64ecdc60902500eae23053773c6f0', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'eca4b71b6396ed1a4b45d264bb99f4dfa812a8fe', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '0304513d87a8a3a2b4ae0db2914f6dfb4436477a', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '76d3e6479d81ab768cf55bbfe36b3b9c917f2887', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'c9cd91afbbb120aff0f25aca7f7f88678881534b', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'ce323f8bca0fdfe2966877981b115a883217308c', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '61622a6e681aa80b02ba8e36c0a0b6043645fa0a', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'dd3530de8245c6d9a8ac79016d103b215ee0c6ca', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '88ee9340d913301ce9d7da8c7f7d2aadeefe9de6', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'e848ccfb71392ac0b36fe2e340f866d148425431', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'e46c1860b5293841d0c493885a13a9f32a415fbe', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '408ac10ea49b30fcfff994a19046ec7ae05f0b19' }), h("swirl-action-list", { key: '33e741ae6ca95142db754f3b02d553341f8006bd', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '7b07663443485737f5bb532bf839c18b720c0c8c', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '62a7b7085ef05d74bcfb12f9ea50166c1d8e9d76', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'aa562d07d31c0a6095cdfe9e2df2872e738b10bc', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '6343b4c2f89e5574f46871c1d8913f11783ba7fa', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as Host, g as getElement
 import { o as offset, s as shift, f as flip, c as computePosition, a as autoUpdate } from './floating-ui.dom.esm-bef21834.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
 import { c as classnames } from './index-267776a4.js';
-import { i as isMobileViewport, q as querySelectorAllDeep, b as getActiveElement } from './utils-877a768f.js';
+import { i as isMobileViewport, q as querySelectorAllDeep, j as getActiveElement } from './utils-0cdf2a1e.js';
 const swirlPopoverCss = ":host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:border-box}:host{--swirl-resource-list-item-background-default:var(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  )}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-base);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:0;padding-bottom:0}}@media (min-width: 768px){.popover--padded .popover__scroll-container{padding:var(--s-space-4)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";
 const SwirlPopoverStyle0 = swirlPopoverCss;
@@ -441,7 +441,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (h(Host, { key: '663042da0e5630fd394382881d660c8bad67aaa8', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'c2c1ac9097729ec97e4116838129831441e83b8e' })));
+        return (h(Host, { key: '9f81aeaa25762cf69fec6ffc41d7c4ca973f3e8a', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '0fe93547b651b96329f8fa9301c43ca8b32da848' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -43,7 +43,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'de2255c3033e9745ae50d87e1a8868d33b25d4af', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '7377eaa82299a7bd299079adc6b8b89c99d57aba', class: "radio-group" }, h("slot", { key: '06e70e2d6230302322ab133e58dc611d719972b6' }))));
+        return (h(Host, { key: 'd74f0a0a298e2f1197b8af59657aca652f9238c3', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '15608af2710feddebe8ad01b71def3a11022c8fe', class: "radio-group" }, h("slot", { key: '7e1287609e7bdba6b5e788c5bd770cca0be99714' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as Host } from './index-6124252f.js';
 import { c as classnames } from './index-267776a4.js';
-import { g as getDesktopMediaQuery } from './utils-877a768f.js';
+import { g as getDesktopMediaQuery } from './utils-0cdf2a1e.js';
 const swirlResourceListFileItemCss = ".sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:\"\"}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}";
 const SwirlResourceListFileItemStyle0 = swirlResourceListFileItemCss;
@@ -43,7 +43,7 @@ const SwirlResourceListFileItem = class {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: 'e3316776d4f535e2e245bb5a253fc511e4db85f3', role: "row" }, h("div", { key: '32b6ce8efd2a54f255e2750cc1a370bb96ddd6b0', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'e2b06088edcf9ceb792cd25832f99ef9fcdbcff8', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '8ae5d0d4a8ae31e9798655cdbcfd8fdf7d2baf42', class: "resource-list-file-item__label-container" }, h("span", { key: 'c41cbf34f5f5d7176d8aefefde21839e8cf45d56', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'b44f73c5c1f465adc620d7a78a5215808eb8bcee', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '36589533a417d9a6cf556b44da852323969bf0cd', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '12bf9a2cbcf5c8b401561a69efbd78fd47e8f37e', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '36a5a22e361124425f04319c18e7530d15b96c62', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '1e5cbbb52f5c31e7e542f6c13f340e422deddb61', size: "s" }))), showRemoveButton && (h("span", { key: '46170b3e8145e5170677927f80b37e93d764fdc0', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'cbf516e685142ebe9b9c30c233bcc13ee00fb90c', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'a77fb6c728aa73b07338bf27be5fe1bcff9cd5ce', role: "row" }, h("div", { key: '4f3e56655138f59ded67feb2a1c56d14d5bdbfab', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'fd87bc5faf44da2adfe0531f14084a3716357ff0', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '591358738d945b39c9b9ffdeb8ff8420662fc2d1', class: "resource-list-file-item__label-container" }, h("span", { key: 'e542836253c3cbd2330d1ac3f8b39e9b4e44ccd4', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'a3fa60138b871755ddb9d6f882af6acd4add6594', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '22f1d243bf021a496f5bb1096a70915099d79e6b', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '76d645965f1c9e33ac2f74f9a5f53428fd76c430', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '0e3e3962afcdd746b1a46e3dd96f56563ae34170', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'cd07ad9b4b3f18f3d6d10dff309ba6451362f2ca', size: "s" }))), showRemoveButton && (h("span", { key: '0001190d82fc5a32420a465ee5bd5eaa917e0f42', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '7a6bc7c626ab5c9060c0bfc2aae771862055fbd8', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -12,7 +12,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '5035c9e22ba2dc828b760b77ff1fc47006b4cbb5' }, this.hasSeparator && (h("swirl-separator", { key: '52dd2ebd9d487acdc2f1313648ba4bab91aa9f80', spacing: this.separatorSpacing })), h("div", { key: '11d0c3d14a9633bc8ef4c5afb61933085e33477d', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'a2b20cbf62fc9c0dc2bc28e280ec2a6cacf2e23f', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '8953b6bcb30e2162007cbb50ba855b8c7f5b7e7d', spacing: this.spacing }, h("slot", { key: '9bd58a0449c94d7c4eff905a28101a101e90f5da' })))));
+        return (h(Host, { key: '9359fa2c57788025883f95b9dd2e09fc2933ceb4' }, this.hasSeparator && (h("swirl-separator", { key: '961287d4c51086777767af9750cff525ca235ca5', spacing: this.separatorSpacing })), h("div", { key: '95b4dc82ee1b72fb2131682dcbec3593a379c090', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'ea0adcc5f0a1f4b332999811d1a5ceefb4930698', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '421678eac1c9a6638625f264b68bffae2ee4f671', spacing: this.spacing }, h("slot", { key: '2b2329221f5d15ed509410431d37a26dea8aa843' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as Host } from './index-6124252f.js';
 import { c as classnames } from './index-267776a4.js';
-import { g as getDesktopMediaQuery } from './utils-877a768f.js';
+import { g as getDesktopMediaQuery } from './utils-0cdf2a1e.js';
 const swirlSearchCss = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}";
 const SwirlSearchStyle0 = swirlSearchCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-6124252f.js';
 import { c as classnames } from './index-267776a4.js';
-import { q as querySelectorAllDeep } from './utils-877a768f.js';
+import { q as querySelectorAllDeep } from './utils-0cdf2a1e.js';
 const swirlSelectCss = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";
 const SwirlSelectStyle0 = swirlSelectCss;
@@ -139,11 +139,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: 'ef341c160cfb1b391b165baa352c3fd0594a1306', onKeyDown: this.onKeyDown }, h("div", { key: 'dfc090f0c13ddad4ee8087057c3247b1a45c7cbf', class: className }, h("swirl-popover-trigger", { key: '162549e5c8015e915b8bddcdd62b58d7246b5fa8', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'b118d3fae756783521339c04049a092e43b04871', class: "select__value-container" }, this.standalone && (h("span", { key: '40d99d7243afe80dcf163ce2cc4ffd12820186f4', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '16ed033f168416f925e99958537aaa22395b2993', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: 'd328d9b8a69ab500b911fc1aa81b1cfb242642e9', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: '947b8abbe280851024395be50ee4be78d9ff5028', onKeyDown: this.onKeyDown }, h("div", { key: '74b67984dcf464941e35fbd5bc2b88ce91a74c4a', class: className }, h("swirl-popover-trigger", { key: '417f265b7458e520a4202febe36ef2ade56a7f8e', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '66f145e0575a57788abd9aa0173d144cf73c74f6', class: "select__value-container" }, this.standalone && (h("span", { key: '0feb430797afe9f5d4e526b97c043c6d85fff617', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '8fc3653477dfbfe22f933765cb8091b24f05cb19', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: '14f2619b962f27a7d7e67b252a0451dfdeed837e', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: 'c423db3503f10263f554dc16331910bbf3acd068', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: 'd330fa51a539750e3fa3b064fc5c183fdc1e2a1a', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '2413ae0bcbf729a10e9ce383bb75406cd78835b9', class: "select__search" }, h("swirl-icon-search", { key: '80d876fe8cfc3caa1f46dd70ceeddbba793895de', class: "select__search-icon", size: 20 }), h("input", { key: 'd58c8bdb77a2b7851f1c9137928d45c5eea9688c', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '8507c43ad1484082fd33dd82da3fb3332d369a36', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '55e7c6ef1b3f5cd6653592f762200c38b892b300', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'dc9b65bdb2436b9d962a4435f58e5ba244c4f6c9', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'aebb9d6e83f9836c8754aaacbe669d174402ee9a', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '0eabf089c3e3fd8c083f41b43cc49a98ac65ec4f', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: '73bb94ea5aa5034560ec400b400e26febe886542', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: 'bf4556abe2525f75507568975ec58bb653ecda79', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: 'abab9d511d132daa820542618d6409e6c00e5db9', class: "select__search" }, h("swirl-icon-search", { key: '3f73b6156fc17813640644cc9b7eb279b2652d01', class: "select__search-icon", size: 20 }), h("input", { key: 'c1041e6ac36132351fe04f33c1fe67daa00c0743', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: 'e450bc76e2746cf19f8a52dc49ce47473fa081b9', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '2a7d06971386499d796cc64bc766ef568f88cc41', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '5ef2b14336a7a0cab9c7948cfc7cdb65aea1259c', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '46c8591fae8871ed825df1ac3f387a59fab7ff69', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'bd5aaabccfa5d42afcec73b833caccb3d75cf8d3', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {