@getflip/swirl-components-react 0.211.0 → 0.213.0

package/dist/{swirl-icon-rotate-right.entry.99bcb0fd.js → swirl-icon-rotate-right.entry.55d25401.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as i } from "./index.b48d93c2.js";
+import { r as a, h as C, F as i } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search-strong.entry.5e497b1a.js → swirl-icon-search-strong.entry.b0ade73f.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, F as s } from "./index.b48d93c2.js";
+import { r as a, h as e, F as s } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search.entry.b7f207e1.js → swirl-icon-search.entry.4d63f426.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as s } from "./index.b48d93c2.js";
+import { r as t, h as e, F as s } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-secure.entry.9441e867.js → swirl-icon-secure.entry.761c6501.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.b48d93c2.js";
+import { r as c, h as C, F as s } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-send.entry.9fc96d91.js → swirl-icon-send.entry.496c540a.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as i } from "./index.b48d93c2.js";
+import { r as c, h as e, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-settings.entry.214c5772.js → swirl-icon-settings.entry.70d819fd.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as e } from "./index.b48d93c2.js";
+import { r as t, h as C, F as e } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-short-text.entry.ea7ae776.js → swirl-icon-short-text.entry.5bf6116b.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.b48d93c2.js";
+import { r as o, h as e, F as i } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-simplify.entry.313bf0e3.js → swirl-icon-simplify.entry.6a08cc04.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as i } from "./index.b48d93c2.js";
+import { r as t, h as e, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-spellcheck.entry.d49c86ab.js → swirl-icon-spellcheck.entry.b96a1564.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as s } from "./index.b48d93c2.js";
+import { r as c, h as e, F as s } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-stop.entry.fe83e852.js → swirl-icon-stop.entry.4e26185d.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as i } from "./index.b48d93c2.js";
+import { r as c, h as e, F as i } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-sync.entry.72558968.js → swirl-icon-sync.entry.6e4b50d2.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as s } from "./index.b48d93c2.js";
+import { r as c, h as C, F as s } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-filled.entry.b94f6711.js → swirl-icon-tasks-filled.entry.eb3d2805.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as s } from "./index.b48d93c2.js";
+import { r as a, h as C, F as s } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks.entry.a2203584.js → swirl-icon-tasks.entry.6674675b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b48d93c2.js";
+import { r as t, h as C, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-terminal.entry.1082064b.js → swirl-icon-terminal.entry.6d7004e9.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as i } from "./index.b48d93c2.js";
+import { r as a, h as C, F as i } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-filled.entry.fbbbc9c7.js → swirl-icon-time-filled.entry.135fd08f.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as i } from "./index.b48d93c2.js";
+import { r as o, h as C, F as i } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time.entry.8950813c.js → swirl-icon-time.entry.c7f63b9d.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as i } from "./index.b48d93c2.js";
+import { r as c, h as C, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-today-filled.entry.19d4ef62.js → swirl-icon-today-filled.entry.5a532fa9.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b48d93c2.js";
+import { r as t, h as C, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-translate.entry.abd9c58f.js → swirl-icon-translate.entry.ecc468d0.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.b48d93c2.js";
+import { r as o, h as e, F as i } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tree-structure.entry.6ef82fe4.js → swirl-icon-tree-structure.entry.eff68c63.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as s } from "./index.b48d93c2.js";
+import { r as c, h as e, F as s } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-undo.entry.1ee24b40.js → swirl-icon-undo.entry.9b2c451b.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as i } from "./index.b48d93c2.js";
+import { r as a, h as C, F as i } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-unlock-person.entry.76f7806f.js → swirl-icon-unlock-person.entry.d8f7d628.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, F as i } from "./index.b48d93c2.js";
+import { r as a, h as e, F as i } from "./index.72866a29.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-add.entry.c6a78233.js → swirl-icon-user-add.entry.65c9ec03.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as e } from "./index.b48d93c2.js";
+import { r as c, h as C, F as e } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-assign.entry.a1c305b1.js → swirl-icon-user-assign.entry.4c087f83.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.b48d93c2.js";
+import { r as t, h as C, F as s } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera-off.entry.6bc9fefc.js → swirl-icon-video-camera-off.entry.9f9d13d5.js}

@@ -1,4 +1,4 @@
-import { r as c, h as C, F as i } from "./index.b48d93c2.js";
+import { r as c, h as C, F as i } from "./index.72866a29.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera.entry.ce79d1c8.js → swirl-icon-video-camera.entry.ea404cd9.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as s } from "./index.b48d93c2.js";
+import { r as c, h as e, F as s } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-library.entry.982c147f.js → swirl-icon-video-library.entry.36503c80.js}

@@ -1,4 +1,4 @@
-import { r as a, h as C, F as e } from "./index.b48d93c2.js";
+import { r as a, h as C, F as e } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-voice.entry.3e1f19a9.js → swirl-icon-voice.entry.abb896aa.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as i } from "./index.b48d93c2.js";
+import { r as o, h as C, F as i } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-web-asset-off.entry.72beb61a.js → swirl-icon-web-asset-off.entry.57f14583.js}

@@ -1,4 +1,4 @@
-import { r as a, h as e, F as s } from "./index.b48d93c2.js";
+import { r as a, h as e, F as s } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-web-asset.entry.3e3502cb.js → swirl-icon-web-asset.entry.3da7a66f.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.b48d93c2.js";
+import { r as o, h as e, F as i } from "./index.72866a29.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-work.entry.9dfd89c0.js → swirl-icon-work.entry.8ea8dc58.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as i } from "./index.b48d93c2.js";
+import { r as o, h as e, F as i } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon.entry.d5389061.js → swirl-icon.entry.4b5b6bd6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as o } from "./index.b48d93c2.js";
+import { r as t, h as s, H as o } from "./index.72866a29.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", r = e, n = class {

package/dist/{swirl-image-grid-item.entry.04322a41.js → swirl-image-grid-item.entry.1d4932cf.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as e, H as d, g as l } from "./index.b48d93c2.js";
+import { r as n, c as r, h as e, H as d, g as l } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-image-grid.entry.00bfbe75.js → swirl-image-grid.entry.9fefed40.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as s, g as a } from "./index.b48d93c2.js";
+import { r as i, h as t, H as s, g as a } from "./index.72866a29.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-notification.entry.829e28dd.js → swirl-inline-notification.entry.38f62724.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.b48d93c2.js";
+import { r as e, h as i, H as t } from "./index.72866a29.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-status.entry.3921b02f.js → swirl-inline-status.entry.e6a461d5.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.b48d93c2.js";
+import { r as e, h as n, H as a } from "./index.72866a29.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import { g as r } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/swirl-lightbox.entry.61b10c2c.js

@@ -0,0 +1,147 @@
+import { r as h, h as i, H as b, g as u } from "./index.72866a29.js";
+import { d as f, e as g } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as m } from "./index-267776a4.6beb4f4b.js";
+import { c as p } from "./focus-trap.esm-49c9613c.db20abcc.js";
+import { q as x } from "./utils-9b747dd7.4c4c7dc0.js";
+import "react";
+import "react-dom";
+const y = ':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}}', v = y, _ = class {
+  constructor(t) {
+    h(this, t), this.dragging = !1, this.onKeyDown = (e) => {
+      !this.isOpen || (e.code === "Escape" ? (e.stopImmediatePropagation(), this.close()) : e.code === "ArrowLeft" ? this.onPreviousSlideClick() : e.code === "ArrowRight" && this.onNextSlideClick());
+    }, this.onCloseButtonClick = () => {
+      this.close();
+    }, this.onDownloadButtonClick = () => {
+      var e;
+      (e = this.slides[this.activeSlideIndex]) == null || e.download(), this.menu.close();
+    }, this.onNextSlideClick = () => {
+      this.activateSlide(Math.min(this.slides.length - 1, this.activeSlideIndex + 1));
+    }, this.onPreviousSlideClick = () => {
+      this.activateSlide(Math.max(0, this.activeSlideIndex - 1));
+    }, this.registerSlides = () => {
+      this.slides = Array.from(this.el.children).filter((e) => e.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes();
+    }, this.onPointerDown = (e) => {
+      this.dragging = !0, this.dragStartPosition = e instanceof MouseEvent ? e.clientX : e.touches[0].clientX, this.slides.forEach((a) => {
+        a.style.transition = "none";
+      });
+    }, this.onPointerMove = async (e) => {
+      var n, d;
+      const a = !(e instanceof MouseEvent) && e.touches.length > 1, o = (d = (n = this.slides[this.activeSlideIndex]) == null ? void 0 : n.shadowRoot) == null ? void 0 : d.querySelector("swirl-file-viewer-image"), s = Boolean(o) ? await o.getZoom() > 1 : !1;
+      if (!(a || s) && this.dragging) {
+        e.preventDefault();
+        const l = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
+        this.slides.forEach((r) => {
+          const c = this.activeSlideIndex * r.getBoundingClientRect().width;
+          this.dragDelta = l, r.style.transform = `translate3d(${(-c + this.dragDelta) / 16}rem, 0, 0)`;
+        });
+      }
+    }, this.onPointerUp = () => {
+      this.dragging = !1, this.dragStartPosition = void 0;
+      const e = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
+      this.dragDelta = 0;
+      const a = e > 0.2, o = e < -0.2;
+      this.slides.forEach((s) => {
+        s.style.transition = "";
+      }), a ? this.onPreviousSlideClick() : o ? this.onNextSlideClick() : this.resetSlidePositions();
+    }, this.onBackdropClick = (e) => {
+      e.target === this.slidesContainer && this.close();
+    }, this.onContextMenu = (e) => {
+      this.downloadButtonEnabled || e.preventDefault();
+    }, this.closeButtonLabel = "Close modal", this.downloadButtonEnabled = !0, this.downloadButtonLabel = "Download", this.hideMenu = void 0, this.label = void 0, this.menuLabel = "Slide options", this.menuTriggerLabel = "Open slide menu", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.isOpen = !1, this.slides = void 0;
+  }
+  componentWillLoad() {
+    this.registerSlides();
+  }
+  componentDidLoad() {
+    this.activateSlide(0);
+  }
+  componentDidRender() {
+    var t;
+    (t = this.focusTrap) == null || t.updateContainerElements(this.modalEl);
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.focusTrap) == null || t.deactivate(), this.unlockBodyScroll();
+  }
+  async open() {
+    this.isOpen = !0, this.lockBodyScroll(), this.activateSlide(this.activeSlideIndex || 0), setTimeout(() => {
+      this.focusTrap = p(this.modalEl, {
+        allowOutsideClick: !0,
+        tabbableOptions: {
+          getShadowRoot: (t) => t.shadowRoot
+        }
+      }), this.focusTrap.activate();
+    });
+  }
+  async close() {
+    this.closing || (this.closing = !0, this.focusTrap.deactivate(), this.unlockBodyScroll(), setTimeout(() => {
+      this.isOpen = !1, this.resetImageZoom(), this.stopAllMediaPlayers(), this.closing = !1;
+    }, 150));
+  }
+  async activateSlide(t) {
+    var e, a;
+    (a = (e = this.menu) == null ? void 0 : e.close) == null || a.call(e), this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((o, s) => {
+      s === this.activeSlideIndex ? (o.removeAttribute("aria-hidden"), o.setAttribute("active", "true")) : s === this.activeSlideIndex - 1 || s === this.activeSlideIndex + 1 ? (o.setAttribute("aria-hidden", "true"), o.setAttribute("active", "true")) : o.setAttribute("aria-hidden", "true"), o.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    }), setTimeout(() => {
+      this.slides.forEach((o, s) => {
+        s !== this.activeSlideIndex && s !== this.activeSlideIndex - 1 && s !== this.activeSlideIndex + 1 && o.setAttribute("active", "false");
+      });
+    }, 300), this.stopAllMediaPlayers(), this.resetImageZoom();
+  }
+  setSlideAttributes() {
+    this.slides.forEach((t) => {
+      t.setAttribute("active", "false"), t.setAttribute("aria-label", t.file), t.setAttribute("aria-roledescription", "slide"), t.setAttribute("role", "group"), t.addEventListener("dragstart", (e) => e.preventDefault());
+    });
+  }
+  resetSlidePositions() {
+    this.slides.forEach((t) => {
+      t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    });
+  }
+  getCurrentFileName() {
+    var t, e;
+    return (e = (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.file) == null ? void 0 : e.split("/").pop();
+  }
+  getCurrentFileType() {
+    var t;
+    return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.type;
+  }
+  getCurrentThumbnailUrl() {
+    var t;
+    return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.thumbnailUrl;
+  }
+  lockBodyScroll() {
+    f(this.el);
+  }
+  unlockBodyScroll() {
+    g(this.el);
+  }
+  getMediaPlayers() {
+    return x(this.el, "video");
+  }
+  stopAllMediaPlayers() {
+    this.getMediaPlayers().forEach((t) => t.pause());
+  }
+  resetImageZoom() {
+    this.slides.forEach((t) => {
+      var a;
+      const e = (a = t == null ? void 0 : t.shadowRoot) == null ? void 0 : a.querySelector("swirl-file-viewer-image");
+      Boolean(e) && e.resetZoom();
+    });
+  }
+  render() {
+    const t = this.slides.length > 1, e = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, n = Boolean(this.el.querySelector("[slot='toolbar']")), d = m("lightbox", {
+      "lightbox--closing": this.closing,
+      "lightbox--hide-menu": !s,
+      "lightbox--hide-toolbar": !n
+    });
+    return i(b, { key: "012891b0db835105a7580bad43bccce2b389769d", onKeydown: this.onKeyDown }, i("section", { key: "b293082c033d560d15dc78118f95b4bca5bca954", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: d, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (l) => this.modalEl = l, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "5fe1877d3e6c56db2277b1d4de02f5471a81435e", class: "lightbox__body", role: "document" }, i("header", { key: "53ee69774f4525b937758d1614991a8e508a41b2", class: "lightbox__header" }, i("button", { key: "6bc6027025c29da201e60326f60b0287a5ed25f6", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "1e1c5a418da66c5aab172142c660365631c80db8" })), i("div", { key: "b4a31f60db6fe4bc738527a25f1dcfc239619748", class: "lightbox__toolbar" }, i("slot", { key: "3d7d99d8f63701dbc8c7f091d388eacbf30288da", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "d7a17fcf78810181ae21e979f652152f8842afae", swirlPopover: this.menu }, i("button", { key: "9836e1a84fda8ab4419486051a402eb928ea8914", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "ddf16aee28f502ec5eb960833533f1bec6e667e3" })))), i("div", { key: "b7448e6187d1b97439fcbbd70c03f2a01ebeca18", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "c65b7f37ef28a0cf7f2744cb0f5d64b8872a1990", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (l) => this.slidesContainer = l }, i("slot", { key: "df683e35aa1750cb69424d4b83ce70d3946faf84", onSlotchange: this.registerSlides }))), i("div", { key: "9ff646ddac7774be9ed4f668470f54cf0d0113cc", class: "lightbox__controls" }, i("button", { key: "b07e6b6c8708394d826791f216f7bc7b0f307839", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "af25abff2e4ca1cf6d5b16b43a77ea028b90e571" })), i("button", { key: "3a22bfdfa042251d74ecdbc4d87516ea300c5ced", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "248a0b730aacf7381b20134253c41984a9b91a24" }))), t && i("span", { key: "1807b6f0d21fb2410772a682373678458329ac38", class: "lightbox__pagination" }, i("span", { key: "23376bbf8611300e5d4d158975d23796191b02ea", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "519bf63ab4ee728ba357637db647e8e7abeb9fbf", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (l) => this.menu = l }, i("swirl-stack", { key: "023c442075b900f00d50523213dfc466f813de23" }, i("div", { key: "0dc758f7b9eb51c23e95c6338dfe31327e190be0", class: "lightbox__meta" }, o && i("div", { key: "e703f937124d3698d3404d0da19adbaceba4cf58", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "f97ae890ec3497533f7272eb0b973e3e04a79b3a", alt: "", src: o })), i("div", { key: "4a53904b0f1b9760b5fe796e9fa7ad141c87fae0", class: "lightbox__file-info" }, i("swirl-text", { key: "f98d773d89087ac30d6b74db1d65fb86ce8e880e", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "8df08e6b94f940fb13029bd31b19a9af7b22eea8", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "44dd5efecd57e94cab79ef012929f208c46b1158" }), i("swirl-action-list", { key: "77fd5492f4e037cb8ea2a2d840967b520baed782" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "1c7650890e90b283eed2746eaa22e2e72d951418", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "7955b578c31f23970abe13f46b25b53d5ae5cf50", name: "menu-items" }))))));
+  }
+  get el() {
+    return u(this);
+  }
+};
+_.style = v;
+export {
+  _ as swirl_lightbox
+};

package/dist/{swirl-link.entry.03ecf649.js → swirl-link.entry.26161ef4.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.b48d93c2.js";
+import { r, h as i, H as t } from "./index.72866a29.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-list.entry.030eed84.js → swirl-list.entry.e31af572.js}

@@ -1,15 +1,15 @@
-import { r as l, h as e, H as r } from "./index.b48d93c2.js";
+import { r as l, h as i, H as r } from "./index.72866a29.js";
 import "react";
 import "react-dom";
 const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = s, o = class {
-  constructor(i) {
-    l(this, i);
+  constructor(e) {
+    l(this, e);
   }
   componentDidRender() {
     Array.from(this.containerEl.children).some((t) => !["UL", "OL"].includes(t.tagName)) && console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.");
   }
   render() {
-    return e(r, { key: "ff1cf2a91ad89cff753a68d916bd9b2620d4ff3d" }, e("div", { key: "4bb11189f483c22116387ac871acac2e7bce3c50", class: "swirl-list", ref: (i) => this.containerEl = i }, e("slot", { key: "dac1a3ed775bcc433fcb1b4508a84a2cd0fad8f4" })));
+    return i(r, { key: "e5d3a2ba80e4c099e89ba6c6bee7a328e94ba2f4" }, i("div", { key: "d7b30d222519d12c0837d4bc72e11a494f96eaa5", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "65461a385ba0e4a83134a1732538cc9e3db03700" })));
   }
 };
 o.style = n;

package/dist/{swirl-menu-item.entry.c03f7374.js → swirl-menu-item.entry.b7e43168.js}

@@ -1,11 +1,11 @@
-import { r as a, h as i, H as d, g as u } from "./index.b48d93c2.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
+import { r, h as i, H as u, g as l } from "./index.72866a29.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { c as h, p as c } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";
 const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}", m = p, f = class {
   constructor(t) {
-    a(this, t), this.onSlotChange = () => {
+    r(this, t), this.onSlotChange = () => {
       this.subMenu = this.el.querySelector("swirl-menu"), this.updateActionListItemProps();
     }, this.onActionListItemClick = () => {
       this.actionListItem.disabled || this.rootMenu.activateMenuItem(this.el);
@@ -45,8 +45,8 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
   renderActionListItem() {
     var e, n, o;
     const t = Boolean((e = this.subMenu) == null ? void 0 : e.value) ? (o = Array.from(((n = this.subMenu) == null ? void 0 : n.querySelectorAll("swirl-menu-item")) || []).find((s) => {
-      var r;
-      return s.value === ((r = this.subMenu) == null ? void 0 : r.value);
+      var a;
+      return s.value === ((a = this.subMenu) == null ? void 0 : a.value);
     })) == null ? void 0 : o.label : void 0;
     return i("swirl-action-list-item", { badge: t, description: this.description, disabled: this.disabled, icon: this.icon, intent: this.intent, label: this.label, onClick: this.onActionListItemClick, ref: (s) => this.actionListItem = s, suffix: this.suffix });
   }
@@ -56,13 +56,13 @@ const p = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
   }
   render() {
     var e;
-    const t = l("menu-item", {
+    const t = d("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(d, { key: "70c7f0734f27775f10bf37f22ca8c757e427f4cf" }, i("div", { key: "9e63ceee23a2eaf0090d5f2244d87d5f65dbfed0", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "d7ed5789147ca8260f87991b946fd5fffa11673b", onSlotchange: this.onSlotChange })));
+    return i(u, { key: "5de07cfe580284f7fce593c90ee04a48181032fe" }, i("div", { key: "f710ef157e8ef4ca6fd8670cb27051c0874ea473", class: t }, ((e = this.parentMenu) == null ? void 0 : e.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "57e5ba984a853f51da3cee24178a0208cc8cfbd8", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return u(this);
+    return l(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-menu.entry.b336fb79.js → swirl-menu.entry.1f9a3141.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as n, H as b, g as f } from "./index.b48d93c2.js";
+import { r as d, c, h as n, H as b, g as f } from "./index.72866a29.js";
 import { c as p, a as v, o as w, f as g } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import { q as a, c as l, p as h, i as M, b as x } from "./utils-9b747dd7.4c4c7dc0.js";

package/dist/{swirl-modal.entry.a5ea4a92.js → swirl-modal.entry.51a3a53b.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as a, H as f, g as p } from "./index.b48d93c2.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.72866a29.js";
 import { d as u, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";

package/dist/{swirl-option-list-section.entry.78abca05.js → swirl-option-list-section.entry.e97c9708.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.b48d93c2.js";
+import { r as i, h as e, H as s } from "./index.72866a29.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", a = o, l = class {
@@ -6,7 +6,7 @@ const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-sectio
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "2fba2afd34389cbf925e30633826175effe6f852" }, e("div", { key: "42e0b9fb8dd0f621405ca37f0ac667b9834cdffa", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "1b67e6e2601438eee7081d6db0fa9e8b298cfb37", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "a46cbf4bd727e1138b9019c8ef425287116a7506", class: "option-list-section__items" }, e("slot", { key: "2dfa6e14f28da2972d2f59b95162b8fc566f660e" }))));
+    return e(s, { key: "ac1ad310804c245c56b3f4126d0b4674ba766e29" }, e("div", { key: "00318c48e23fdfd5f17177176fad7a2e9998c38e", "aria-labelledby": "label", class: "option-list-section", role: "group" }, e("span", { key: "fa6a7e0400897791d28f3adccb222ce949435f27", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), e("div", { key: "2d2df0f738e5ba8305fc0344e00cd8a4234f18f5", class: "option-list-section__items" }, e("slot", { key: "218091d4b8edb96b678094841844832c5f9d4058" }))));
   }
 };
 l.style = a;

package/dist/{swirl-option-list_2.entry.d233eeb9.js → swirl-option-list_2.entry.32893345.js}

@@ -1,4 +1,4 @@
-import { r as d, c as o, h as a, H as c, g as h } from "./index.b48d93c2.js";
+import { r as d, c as o, h as a, H as c, g as h } from "./index.72866a29.js";
 import { c as l, q as n } from "./utils-9b747dd7.4c4c7dc0.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
@@ -173,7 +173,7 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   render() {
     const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0;
-    return a(c, { key: "c46be328a39cf47fa3037da35e14c0b2c73ebe40" }, a("swirl-visually-hidden", { key: "cdae7ede745e66347b16378088066edc6e1c8cc1", role: "alert" }, this.assistiveText), a("div", { key: "e4d3407c33c8397ad6142ef33074466ee01ecc10", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (s) => this.listboxEl = s, role: "listbox", tabIndex: t }, a("slot", { key: "7652bf16b8631d4168718ff3d052bbb936470285" })));
+    return a(c, { key: "975a0073c64c9c4015f33532092754504f91ba21" }, a("swirl-visually-hidden", { key: "5eff9853abf947c07dbbd7c0d8c227cc3dd87fe7", role: "alert" }, this.assistiveText), a("div", { key: "1588d6194198922f4597cf7b8e633c12f92e207f", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (s) => this.listboxEl = s, role: "listbox", tabIndex: t }, a("slot", { key: "46b366091264ac65397bdc46eaaeba85771de918" })));
   }
   get el() {
     return h(this);

package/dist/{swirl-pagination.entry.9c957584.js → swirl-pagination.entry.f2621de2.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.b48d93c2.js";
+import { r as l, c as s, h as e, H as r } from "./index.72866a29.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as c } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";