@getflip/swirl-components-react 0.14.0 → 0.15.0

package/dist/{swirl-icon-group-assign.entry.e546a3bc.js → swirl-icon-group-assign.entry.af61e5d4.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fe614c0.js";
+import { r, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as o } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-groups-custom.entry.714c1fde.js → swirl-icon-groups-custom.entry.5dfeb8a9.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as l } from "./index.6fe614c0.js";
+import { r as o, h as C, F as l } from "./index.c9bf89dd.js";
 import { c as i } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-groups-filled.entry.d1324828.js → swirl-icon-groups-filled.entry.d08d5fa6.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as l } from "./index.6fe614c0.js";
+import { r as i, h as C, F as l } from "./index.c9bf89dd.js";
 import { c as o } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-groups-outlined.entry.87201dd1.js → swirl-icon-groups-outlined.entry.681c30d9.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as l } from "./index.6fe614c0.js";
+import { r as i, h as C, F as l } from "./index.c9bf89dd.js";
 import { c as o } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-groups.entry.65eb994a.js → swirl-icon-groups.entry.b24e819e.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fe614c0.js";
+import { r, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as o } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-help.entry.b5a8b568.js → swirl-icon-help.entry.19421434.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fe614c0.js";
+import { r as e, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-image.entry.978e1d21.js → swirl-icon-image.entry.67a30d81.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as i } from "./index.6fe614c0.js";
+import { r as e, h as s, F as i } from "./index.c9bf89dd.js";
 import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-info.entry.e92e4c16.js → swirl-icon-info.entry.3f5f8f38.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.6fe614c0.js";
+import { r, h as s, F as t } from "./index.c9bf89dd.js";
 import { c as o } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-inventory.entry.969153d5.js → swirl-icon-inventory.entry.07e5395d.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.6fe614c0.js";
+import { r as e, h as s, F as t } from "./index.c9bf89dd.js";
 import { c as C } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-like.entry.71c22713.js → swirl-icon-like.entry.c1ed1fd2.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as t } from "./index.6fe614c0.js";
+import { r as l, h as i, F as t } from "./index.c9bf89dd.js";
 import { c as C } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-link.entry.2c60c940.js → swirl-icon-link.entry.a121d46a.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fe614c0.js";
+import { r, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-lock.entry.9e0161e3.js → swirl-icon-lock.entry.fc94e381.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.6fe614c0.js";
+import { r, h as s, F as t } from "./index.c9bf89dd.js";
 import { c as o } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-logout.entry.c5381645.js → swirl-icon-logout.entry.a88671d6.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as i } from "./index.6fe614c0.js";
+import { r as o, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-mail.entry.6c984822.js → swirl-icon-mail.entry.ec0a6f09.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as t } from "./index.6fe614c0.js";
+import { r as l, h as s, F as t } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-manage-accounts.entry.f8fd3559.js → swirl-icon-manage-accounts.entry.26c50de8.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fe614c0.js";
+import { r, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as l } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-mention.entry.93d4f40c.js → swirl-icon-mention.entry.ff2271fc.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fe614c0.js";
+import { r as e, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-menu-filled.entry.0c02b1e2.js → swirl-icon-menu-filled.entry.d72c1cbc.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as r } from "./index.6fe614c0.js";
+import { r as t, h as C, F as r } from "./index.c9bf89dd.js";
 import { c as s } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-menu-outlined.entry.c5da01e4.js → swirl-icon-menu-outlined.entry.a13e5753.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.6fe614c0.js";
+import { r as t, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as s } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-menu.entry.503c141a.js → swirl-icon-menu.entry.a64ec863.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fe614c0.js";
+import { r as e, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-message.entry.6db2caf8.js → swirl-icon-message.entry.c197aa5a.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fe614c0.js";
+import { r as e, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-more-horizontal.entry.b12378ac.js → swirl-icon-more-horizontal.entry.a3096820.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fe614c0.js";
+import { r, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as o } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-news-filled.entry.ad14a8c7.js → swirl-icon-news-filled.entry.0f2e4554.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fe614c0.js";
+import { r as e, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as l } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-news-outlined.entry.d98b0e06.js → swirl-icon-news-outlined.entry.60d07f9c.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as s } from "./index.6fe614c0.js";
+import { r, h as C, F as s } from "./index.c9bf89dd.js";
 import { c as l } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-notifications-active.entry.1bf7fd92.js → swirl-icon-notifications-active.entry.7fd4600a.js}

@@ -1,4 +1,4 @@
-import { r as o, h as C, F as s } from "./index.6fe614c0.js";
+import { r as o, h as C, F as s } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-notifications-off.entry.58c97e94.js → swirl-icon-notifications-off.entry.c2d261ed.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.6fe614c0.js";
+import { r, h as s, F as t } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-notifications.entry.d2565cf0.js → swirl-icon-notifications.entry.1e139db2.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.6fe614c0.js";
+import { r, h as s, F as t } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-open-in-new.entry.086d5e74.js → swirl-icon-open-in-new.entry.544dbf24.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fe614c0.js";
+import { r as e, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-people-alt.entry.265732c1.js → swirl-icon-people-alt.entry.5e82e462.js}

@@ -1,4 +1,4 @@
-import { r as o, h as l, F as r } from "./index.6fe614c0.js";
+import { r as o, h as l, F as r } from "./index.c9bf89dd.js";
 import { c as C } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-person-off.entry.9a6117a5.js → swirl-icon-person-off.entry.b3fb591d.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.6fe614c0.js";
+import { r, h as s, F as t } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-person.entry.d44bd845.js → swirl-icon-person.entry.893598d6.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.6fe614c0.js";
+import { r as e, h as s, F as t } from "./index.c9bf89dd.js";
 import { c as o } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-phone.entry.0e51e77d.js → swirl-icon-phone.entry.35db1dc0.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.6fe614c0.js";
+import { r, h as s, F as t } from "./index.c9bf89dd.js";
 import { c as o } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-poll.entry.645ec904.js → swirl-icon-poll.entry.a75adb0d.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.6fe614c0.js";
+import { r as l, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-print.entry.57381444.js → swirl-icon-print.entry.87891008.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.6fe614c0.js";
+import { r as t, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as V } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-recieved.entry.a54a0cca.js → swirl-icon-recieved.entry.82850a1a.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as t } from "./index.6fe614c0.js";
+import { r as e, h as i, F as t } from "./index.c9bf89dd.js";
 import { c as l } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search-strong.entry.13523840.js → swirl-icon-search-strong.entry.84b9ba61.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fe614c0.js";
+import { r, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search.entry.cd0e2efa.js → swirl-icon-search.entry.ca7a707c.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fe614c0.js";
+import { r, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-send.entry.92965ef4.js → swirl-icon-send.entry.4daedc21.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.6fe614c0.js";
+import { r, h as s, F as t } from "./index.c9bf89dd.js";
 import { c as C } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-settings.entry.647b9b9a.js → swirl-icon-settings.entry.0a9bb45b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.6fe614c0.js";
+import { r as t, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-sync.entry.d8686f6d.js → swirl-icon-sync.entry.a2f1cf88.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fe614c0.js";
+import { r, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-filled.entry.a0078629.js → swirl-icon-tasks-filled.entry.a392ead1.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.6fe614c0.js";
+import { r as t, h as s, F as e } from "./index.c9bf89dd.js";
 import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-outlined.entry.4d4692cd.js → swirl-icon-tasks-outlined.entry.1d450a22.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as l } from "./index.6fe614c0.js";
+import { r, h as i, F as l } from "./index.c9bf89dd.js";
 import { c as t } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-filled.entry.9a53309f.js → swirl-icon-time-filled.entry.70c24dc4.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fe614c0.js";
+import { r as e, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as l } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-outlined.entry.3ee9922f.js → swirl-icon-time-outlined.entry.b37c4708.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fe614c0.js";
+import { r as e, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-assign.entry.25374fd6.js → swirl-icon-user-assign.entry.c1726778.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fe614c0.js";
+import { r, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera.entry.87e4d0f1.js → swirl-icon-video-camera.entry.9ce3f206.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as C } from "./index.6fe614c0.js";
+import { r as e, h as s, F as C } from "./index.c9bf89dd.js";
 import { c as r } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-warning.entry.84b2b545.js → swirl-icon-warning.entry.c133c1cd.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fe614c0.js";
+import { r, h as C, F as i } from "./index.c9bf89dd.js";
 import { c as e } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";

package/dist/swirl-lightbox.entry.6179ebac.js

@@ -0,0 +1,132 @@
+import { r as c, h as e, H as u, g } from "./index.c9bf89dd.js";
+import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
+import { d as m, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as x } from "./index-47862d62.75c2fcf1.js";
+import { q as v } from "./utils-61f188cc.4a43deab.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const f = ':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.6)}}.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:0.15s lightbox-fade-in;animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{-webkit-animation:none;animation:none}}.lightbox--closing{-webkit-animation:0.15s lightbox-fade-out;animation:0.15s lightbox-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{-webkit-animation:none;animation: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__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}@-webkit-keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}', _ = class {
+  constructor(t) {
+    c(this, t), this.dragging = !1, this.mediaPlayers = [], this.onCloseButtonClick = () => {
+      this.close();
+    }, this.onDownloadButtonClick = () => {
+      var i;
+      (i = this.slides[this.activeSlideIndex]) === null || i === void 0 || i.download(), this.menu.close();
+    }, this.onKeyDown = (i) => {
+      i.code === "Escape" ? this.close() : i.code === "ArrowLeft" ? this.onPreviousSlideClick() : i.code === "ArrowRight" && this.onNextSlideClick();
+    }, 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((i) => i.tagName === "SWIRL-FILE-VIEWER"), this.setSlideAttributes(), this.updateMediaPlayers();
+    }, this.onPointerDown = (i) => {
+      this.dragging = !0, this.dragStartPosition = i instanceof MouseEvent ? i.clientX : i.touches[0].clientX, this.slides.forEach((s) => {
+        s.style.transition = "none";
+      });
+    }, this.onPointerMove = async (i) => {
+      var s, o;
+      const l = !(i instanceof MouseEvent) && i.touches.length > 1, n = (o = (s = this.slides[this.activeSlideIndex]) === null || s === void 0 ? void 0 : s.shadowRoot) === null || o === void 0 ? void 0 : o.querySelector("swirl-file-viewer-image"), r = Boolean(n) ? await n.getZoom() > 1 : !1;
+      if (!(l || r) && this.dragging) {
+        i.preventDefault();
+        const d = i instanceof MouseEvent ? i.clientX - this.dragStartPosition : i.touches[0].clientX - this.dragStartPosition;
+        this.slides.forEach((a) => {
+          const h = this.activeSlideIndex * a.getBoundingClientRect().width;
+          this.dragDelta = d, a.style.transform = `translate3d(${(-h + this.dragDelta) / 16}rem, 0, 0)`;
+        });
+      }
+    }, this.onPointerUp = () => {
+      this.dragging = !1, this.dragStartPosition = void 0;
+      const i = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
+      this.dragDelta = 0;
+      const s = i > 0.2, o = i < -0.2;
+      this.slides.forEach((l) => {
+        l.style.transition = "";
+      }), s ? this.onPreviousSlideClick() : o ? this.onNextSlideClick() : this.resetSlidePositions();
+    }, this.closeButtonLabel = "Close modal", this.downloadButtonLabel = "Download", 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.slides = void 0;
+  }
+  componentWillLoad() {
+    this.registerSlides();
+  }
+  componentDidLoad() {
+    this.modal = new b(this.modalEl), this.activateSlide(0);
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.modal) === null || t === void 0 || t.destroy(), this.unlockBodyScroll();
+  }
+  async open() {
+    this.modal.show(), this.lockBodyScroll();
+  }
+  async close() {
+    this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+      this.modal.hide(), this.resetImageZoom(), this.closing = !1;
+    }, 150));
+  }
+  async activateSlide(t) {
+    var i, s;
+    (s = (i = this.menu) === null || i === void 0 ? void 0 : i.close) === null || s === void 0 || s.call(i), this.dragging = !1, this.activeSlideIndex = t, this.slides.forEach((o, l) => {
+      l === this.activeSlideIndex ? (o.removeAttribute("aria-hidden"), o.setAttribute("active", "true")) : l === this.activeSlideIndex - 1 || l === 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, l) => {
+        l !== this.activeSlideIndex && l !== this.activeSlideIndex - 1 && l !== this.activeSlideIndex + 1 && o.setAttribute("active", "false");
+      });
+    }, 300), this.stopAllMediaPlayers(), this.updateMediaPlayers(), 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");
+    });
+  }
+  resetSlidePositions() {
+    this.slides.forEach((t) => {
+      t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    });
+  }
+  getCurrentFileName() {
+    var t, i;
+    return (i = (t = this.slides[this.activeSlideIndex]) === null || t === void 0 ? void 0 : t.file) === null || i === void 0 ? void 0 : i.split("/").pop();
+  }
+  getCurrentFileType() {
+    var t;
+    return (t = this.slides[this.activeSlideIndex]) === null || t === void 0 ? void 0 : t.type;
+  }
+  getCurrentThumbnailUrl() {
+    var t;
+    return (t = this.slides[this.activeSlideIndex]) === null || t === void 0 ? void 0 : t.thumbnailUrl;
+  }
+  lockBodyScroll() {
+    m(this.el);
+  }
+  unlockBodyScroll() {
+    p(this.el);
+  }
+  updateMediaPlayers() {
+    const t = v(this.el, "video");
+    this.mediaPlayers = t;
+  }
+  stopAllMediaPlayers() {
+    this.mediaPlayers.forEach((t) => t.pause());
+  }
+  resetImageZoom() {
+    this.slides.forEach((t) => {
+      var i;
+      const s = (i = t == null ? void 0 : t.shadowRoot) === null || i === void 0 ? void 0 : i.querySelector("swirl-file-viewer-image");
+      Boolean(s) && s.resetZoom();
+    });
+  }
+  render() {
+    const t = this.slides.length > 1, i = this.getCurrentFileName(), s = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), l = x("lightbox", {
+      "lightbox--closing": this.closing
+    });
+    return e(u, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: l, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onKeyDown: this.onKeyDown, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n }, e("div", { class: "lightbox__body", role: "document" }, e("header", { class: "lightbox__header" }, e("button", { "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, e("swirl-icon-close", null)), e("button", { "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button", id: "slide-menu-trigger" }, e("swirl-icon-more-vertikal", null))), e("div", { "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, e("div", { "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides" }, e("slot", { onSlotchange: this.registerSlides }))), e("div", { class: "lightbox__controls" }, e("button", { "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, e("swirl-icon-arrow-left", null)), e("button", { "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, e("swirl-icon-arrow-right", null))), t && e("span", { class: "lightbox__pagination" }, e("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), e("swirl-popover", { animation: "scale-in-y", disableScrollLock: !0, label: this.menuLabel, placement: "bottom-end", popoverId: "slide-menu", ref: (n) => this.menu = n, trigger: "slide-menu-trigger" }, e("swirl-stack", null, e("div", { class: "lightbox__meta" }, o && e("div", { class: "lightbox__thumbnail" }, e("swirl-thumbnail", { alt: "", src: o })), e("div", { class: "lightbox__file-info" }, e("swirl-text", { truncate: !0, weight: "semibold" }, i), e("swirl-text", { color: "subdued", size: "sm", truncate: !0 }, s))), e("swirl-separator", null), e("swirl-action-list", null, e("swirl-action-list-item", { icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), e("slot", { name: "menu-items" }))))));
+  }
+  get el() {
+    return g(this);
+  }
+};
+_.style = f;
+export {
+  _ as swirl_lightbox
+};

package/dist/{swirl-link.entry.68a6d594.js → swirl-link.entry.1d7bf939.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.6fe614c0.js";
+import { r, h as i, H as t } from "./index.c9bf89dd.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", n = class {

package/dist/{swirl-list.entry.5fbb2b14.js → swirl-list.entry.a4e59122.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.6fe614c0.js";
+import { r as l, h as t, H as r } from "./index.c9bf89dd.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 = class {

package/dist/{swirl-modal.entry.7206d1a3.js → swirl-modal.entry.955f3fb6.js}

@@ -1,4 +1,4 @@
-import { r as h, c as i, h as a, H as p } from "./index.6fe614c0.js";
+import { r as h, c as i, h as a, H as p } from "./index.c9bf89dd.js";
 import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as f, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as u } from "./index-47862d62.75c2fcf1.js";

package/dist/{swirl-option-list-section.entry.18baecf3.js → swirl-option-list-section.entry.a9dd046a.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.6fe614c0.js";
+import { r as s, h as t, H as e } from "./index.c9bf89dd.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)}}", l = class {

package/dist/{swirl-pagination.entry.c7542c36.js → swirl-pagination.entry.cc3bf30d.js}

@@ -1,4 +1,4 @@
-import { r, c as p, h as a, H as c } from "./index.6fe614c0.js";
+import { r, c as p, h as a, H as c } from "./index.c9bf89dd.js";
 import { c as g } from "./index-47862d62.75c2fcf1.js";
 import "react";
 import "react-dom";