@getflip/swirl-components-react 0.2.1 → 0.4.0

package/dist/{flip-icon-group-assign.entry.2116431e.js → flip-icon-group-assign.entry.8131eb64.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.b70d4c92.js";
+import { r as t, h as C, F as s } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-groups-custom.entry.415539b5.js → flip-icon-groups-custom.entry.f0086123.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as l } from "./index.b70d4c92.js";
+import { r as t, h as C, F as l } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const o = ":host{display:inline-flex}", i = class {

package/dist/{flip-icon-groups.entry.25ce8212.js → flip-icon-groups.entry.2e076144.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.b70d4c92.js";
+import { r as t, h as C, F as s } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-image.entry.ce484f72.js → flip-icon-image.entry.d0482319.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-info.entry.3f6c72bb.js → flip-icon-info.entry.d16cf109.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", n = class {

package/dist/{flip-icon-inventory.entry.fc8b1c79.js → flip-icon-inventory.entry.a209dd1e.js}

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as s } from "./index.b70d4c92.js";
+import { r as C, h as i, F as s } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", n = class {

package/dist/{flip-icon-like.entry.34ea69dc.js → flip-icon-like.entry.631333f8.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as t } from "./index.b70d4c92.js";
+import { r as l, h as i, F as t } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-link.entry.94b7dd90.js → flip-icon-link.entry.b67ce56a.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const L = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-lock.entry.3e9c3e72.js → flip-icon-lock.entry.13f8fa54.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-logout.entry.57363229.js → flip-icon-logout.entry.79b91644.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-mail.entry.b37d0b32.js → flip-icon-mail.entry.62265dc6.js}

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as s } from "./index.b70d4c92.js";
+import { r as C, h as i, F as s } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-manage-accounts.entry.fb4e9a6b.js → flip-icon-manage-accounts.entry.e821e9df.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as t } from "./index.b70d4c92.js";
+import { r as l, h as C, F as t } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const i = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-mention.entry.2bfbfa63.js → flip-icon-mention.entry.09ac190a.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", n = class {

package/dist/{flip-icon-message.entry.2df9486d.js → flip-icon-message.entry.06934900.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.b70d4c92.js";
+import { r as t, h as C, F as s } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-more-horizontal.entry.7f45f170.js → flip-icon-more-horizontal.entry.d1d97d3d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-more-vertikal.entry.8045a647.js → flip-icon-more-vertikal.entry.d40ca8b0.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-notifications-active.entry.f03b2fc4.js → flip-icon-notifications-active.entry.c38ee4bb.js}

@@ -1,4 +1,4 @@
-import { r as s, h as C, F as i } from "./index.b70d4c92.js";
+import { r as s, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-notifications-off.entry.dd8c68fd.js → flip-icon-notifications-off.entry.02743a47.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, F as s } from "./index.b70d4c92.js";
+import { r as o, h as i, F as s } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", C = class {

package/dist/{flip-icon-notifications.entry.edc9821c.js → flip-icon-notifications.entry.4f873bc3.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as s } from "./index.b70d4c92.js";
+import { r as l, h as i, F as s } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const o = ":host{display:inline-flex}", C = class {

package/dist/{flip-icon-open-in-new.entry.ff63ea33.js → flip-icon-open-in-new.entry.cb673e42.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", n = class {

package/dist/{flip-icon-people-alt.entry.aad60933.js → flip-icon-people-alt.entry.648a37d3.js}

@@ -1,4 +1,4 @@
-import { r as i, h as l, F as e } from "./index.b70d4c92.js";
+import { r as i, h as l, F as e } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const C = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-person-off.entry.59a3c96c.js → flip-icon-person-off.entry.3bc3e587.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as i } from "./index.b70d4c92.js";
+import { r as t, h as s, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-person.entry.e69d335c.js → flip-icon-person.entry.b269287a.js}

@@ -1,4 +1,4 @@
-import { r as l, h as s, F as i } from "./index.b70d4c92.js";
+import { r as l, h as s, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", C = class {

package/dist/{flip-icon-phone.entry.d3656af0.js → flip-icon-phone.entry.89c67938.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as s } from "./index.b70d4c92.js";
+import { r as l, h as i, F as s } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const C = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-poll.entry.16e1615e.js → flip-icon-poll.entry.51bd2d6b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-print.entry.16e54d5b.js → flip-icon-print.entry.fcdc08c4.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as H } from "./index.b70d4c92.js";
+import { r as i, h as C, F as H } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-flex}", t = class {

package/dist/{flip-icon-recieved.entry.7a850323.js → flip-icon-recieved.entry.e52d5907.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, F as t } from "./index.b70d4c92.js";
+import { r as s, h as i, F as t } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-search-strong.entry.fd001082.js → flip-icon-search-strong.entry.f9f740dc.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.b70d4c92.js";
+import { r as t, h as C, F as s } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-search.entry.2efaf023.js → flip-icon-search.entry.530eb22a.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-send.entry.6a4cd99f.js → flip-icon-send.entry.1a1f6a9f.js}

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as s } from "./index.b70d4c92.js";
+import { r as C, h as i, F as s } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-settings.entry.44aec164.js → flip-icon-settings.entry.05357f2b.js}

@@ -1,4 +1,4 @@
-import { r as s, h as C, F as L } from "./index.b70d4c92.js";
+import { r as s, h as C, F as L } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const t = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-time-filled.entry.bced668e.js → flip-icon-time-filled.entry.7dfefe00.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-time-outlined.entry.36bb857d.js → flip-icon-time-outlined.entry.b309035e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-user-assign.entry.f55379f5.js → flip-icon-user-assign.entry.b595047d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.b70d4c92.js";
+import { r as t, h as C, F as s } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-video-camera.entry.23798820.js → flip-icon-video-camera.entry.08411542.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-warning.entry.ac7a7e4c.js → flip-icon-warning.entry.5d5e3ce9.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import { r as t, h as C, F as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", n = class {

package/dist/flip-lightbox.entry.d7a5b33f.js

@@ -0,0 +1,110 @@
+import { r as n, h as e, H as a, g as r } from "./index.b66ff9f0.js";
+import { A as d } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
+import { d as h, e as c } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as g } from "./index-6d2e18c6.289636d4.js";
+import { q as b } from "./utils-39b2afe8.37b54ba4.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const u = ':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__download-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__download-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}}@-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}}', p = class {
+  constructor(i) {
+    n(this, i), this.closeButtonLabel = "Close modal", this.downloadButtonLabel = "Download active slide content", this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.activeSlideIndex = 0, this.closing = !1, this.dragging = !1, this.mediaPlayers = [], this.onCloseButtonClick = () => {
+      this.close();
+    }, this.onDownloadButtonClick = () => {
+      var t;
+      (t = this.slides[this.activeSlideIndex]) === null || t === void 0 || t.download();
+    }, this.onKeyDown = (t) => {
+      t.code === "Escape" ? this.close() : t.code === "ArrowLeft" ? this.onPreviousSlideClick() : t.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), this.setSlideAttributes(), this.updateMediaPlayers();
+    }, this.onPointerDown = (t) => {
+      t.preventDefault(), this.dragging = !0, this.dragStartPosition = t instanceof MouseEvent ? t.clientX : t.touches[0].clientX, this.slides.forEach((o) => {
+        o.style.transition = "none";
+      });
+    }, this.onPointerMove = (t) => {
+      if (this.dragging) {
+        t.preventDefault();
+        const o = t instanceof MouseEvent ? t.clientX - this.dragStartPosition : t.touches[0].clientX - this.dragStartPosition;
+        this.slides.forEach((s) => {
+          const l = this.activeSlideIndex * s.getBoundingClientRect().width;
+          this.dragDelta = o, s.style.transform = `translate3d(${(-l + this.dragDelta) / 16}rem, 0, 0)`;
+        });
+      }
+    }, this.onPointerUp = () => {
+      this.dragging = !1, this.dragStartPosition = void 0;
+      const t = this.dragDelta / this.slides[this.activeSlideIndex].getBoundingClientRect().width;
+      this.dragDelta = 0;
+      const o = t > 0.2, s = t < -0.2;
+      this.slides.forEach((l) => {
+        l.style.transition = "";
+      }), o ? this.onPreviousSlideClick() : s ? this.onNextSlideClick() : this.resetSlidePositions();
+    };
+  }
+  componentWillLoad() {
+    this.registerSlides();
+  }
+  componentDidLoad() {
+    this.modal = new d(this.modalEl), this.activateSlide(0);
+  }
+  disconnectedCallback() {
+    var i;
+    (i = this.modal) === null || i === void 0 || i.destroy(), this.unlockBodyScroll();
+  }
+  async open() {
+    this.modal.show(), this.lockBodyScroll();
+  }
+  async close() {
+    this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+      this.modal.hide(), this.closing = !1;
+    }, 150));
+  }
+  async activateSlide(i) {
+    this.dragging = !1, this.activeSlideIndex = i, this.slides.forEach((t, o) => {
+      o === this.activeSlideIndex ? (t.removeAttribute("aria-hidden"), t.setAttribute("active", "true")) : o === this.activeSlideIndex - 1 || o === this.activeSlideIndex + 1 ? (t.setAttribute("aria-hidden", "true"), t.setAttribute("active", "true")) : t.setAttribute("aria-hidden", "true"), t.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    }), setTimeout(() => {
+      this.slides.forEach((t, o) => {
+        o !== this.activeSlideIndex && o !== this.activeSlideIndex - 1 && o !== this.activeSlideIndex + 1 && t.setAttribute("active", "false");
+      });
+    }, 300), this.stopAllMediaPlayers(), this.updateMediaPlayers();
+  }
+  setSlideAttributes() {
+    this.slides.forEach((i) => {
+      i.setAttribute("active", "false"), i.setAttribute("aria-label", i.file), i.setAttribute("aria-roledescription", "slide"), i.setAttribute("role", "group");
+    });
+  }
+  resetSlidePositions() {
+    this.slides.forEach((i) => {
+      i.style.transform = `translate3d(-${100 * this.activeSlideIndex}%, 0, 0)`;
+    });
+  }
+  lockBodyScroll() {
+    h(this.el);
+  }
+  unlockBodyScroll() {
+    c(this.el);
+  }
+  updateMediaPlayers() {
+    const i = b(this.el, "video");
+    this.mediaPlayers = i;
+  }
+  stopAllMediaPlayers() {
+    this.mediaPlayers.forEach((i) => i.pause());
+  }
+  render() {
+    const i = this.slides.length > 1, t = g("lightbox", {
+      "lightbox--closing": this.closing
+    });
+    return e(a, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: t, 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: (o) => this.modalEl = o }, 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("flip-icon-close", null)), e("button", { "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick }, e("flip-icon-download", 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("flip-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("flip-icon-arrow-right", null))), i && e("span", { class: "lightbox__pagination" }, e("span", { "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))));
+  }
+  get el() {
+    return r(this);
+  }
+};
+p.style = u;
+export {
+  p as flip_lightbox
+};

package/dist/{flip-link.entry.31692150.js → flip-link.entry.5415c5a4.js}

@@ -1,4 +1,4 @@
-import { r as i, h as r, H as t } from "./index.b70d4c92.js";
+import { r as i, h as r, H as t } from "./index.b66ff9f0.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)}", a = class {

package/dist/{flip-list.entry.1eac3a62.js → flip-list.entry.5ffbd0ef.js}

@@ -1,4 +1,4 @@
-import { r as e, h as l, H as n } from "./index.b70d4c92.js";
+import { r as e, h as l, H as n } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const r = ':host{display:block}:host *{box-sizing:border-box}.flip-list{line-height:var(--s-line-height-base)}.flip-list ul,.flip-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.flip-list ul li{padding-left:1.5rem}.flip-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.flip-list ol{counter-reset:item}.flip-list ol ol{counter-reset:letter}.flip-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.flip-list ol li{padding-left:1.5rem}.flip-list ol li:before{display:inline-block;min-width:1.5rem;font-variant-numeric:tabular-nums;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item}', s = class {

package/dist/flip-modal.entry.8f99c357.js

@@ -0,0 +1,63 @@
+import { r as h, c as l, h as a, H as p } from "./index.b66ff9f0.js";
+import { A as f } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
+import { d as b, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as u } from "./index-6d2e18c6.289636d4.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const g = ':host{--flip-ghost-button-background-default:var(--s-surface-overlay-default);--flip-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--flip-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;width:100vw;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:33.75rem;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:none}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16);flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}@media (min-width: 768px){.modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}', y = class {
+  constructor(e) {
+    h(this, e), this.modalClose = l(this, "modalClose", 7), this.modalOpen = l(this, "modalOpen", 7), this.primaryAction = l(this, "primaryAction", 7), this.secondaryAction = l(this, "secondaryAction", 7), this.closeButtonLabel = "Close modal", this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.onKeyDown = (o) => {
+      o.code === "Escape" && this.close();
+    }, this.onBackdropClick = () => {
+      this.close();
+    }, this.onCloseButtonClick = () => {
+      this.close();
+    }, this.onPrimaryAction = (o) => {
+      this.primaryAction.emit(o);
+    }, this.onSecondaryAction = (o) => {
+      this.secondaryAction.emit(o);
+    }, this.determineScrollStatus = () => {
+      var o, i, t, s, d, r;
+      const n = ((o = this.scrollContainer) === null || o === void 0 ? void 0 : o.scrollTop) > 0, c = Math.ceil(((i = this.scrollContainer) === null || i === void 0 ? void 0 : i.scrollTop) + ((t = this.scrollContainer) === null || t === void 0 ? void 0 : t.offsetHeight)) >= ((s = this.scrollContainer) === null || s === void 0 ? void 0 : s.scrollHeight), m = ((d = this.scrollContainer) === null || d === void 0 ? void 0 : d.scrollHeight) > ((r = this.scrollContainer) === null || r === void 0 ? void 0 : r.offsetHeight);
+      n !== this.scrolled && (this.scrolled = n), c !== this.scrolledDown && (this.scrolledDown = c), m !== this.scrollable && (this.scrollable = m);
+    };
+  }
+  componentDidLoad() {
+    this.modal = new f(this.modalEl), this.determineScrollStatus();
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this.modal) === null || e === void 0 || e.destroy(), this.unlockBodyScroll();
+  }
+  onWindowResize() {
+    this.determineScrollStatus();
+  }
+  async open() {
+    this.modal.show(), this.modalOpen.emit(), this.lockBodyScroll(), this.determineScrollStatus();
+  }
+  async close() {
+    this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+      this.modal.hide(), this.modalClose.emit(), this.closing = !1;
+    }, 150));
+  }
+  lockBodyScroll() {
+    b(this.scrollContainer);
+  }
+  unlockBodyScroll() {
+    v(this.scrollContainer);
+  }
+  render() {
+    const e = u("modal", {
+      "modal--closing": this.closing,
+      "modal--scrollable": this.scrollable,
+      "modal--scrolled": this.scrolled,
+      "modal--scrolled-down": this.scrolledDown
+    });
+    return a(p, null, a("section", { "aria-hidden": "true", "aria-label": this.label, class: e, id: "modal", onKeyDown: this.onKeyDown, ref: (o) => this.modalEl = o }, a("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { class: "modal__body", role: "document" }, a("flip-button", { class: "modal__close-button", hideLabel: !0, icon: "<flip-icon-close></flip-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), a("header", { class: "modal__header" }, a("flip-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label })), a("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (o) => this.scrollContainer = o }, a("slot", null)), a("footer", { class: "modal__controls" }, a("flip-button-group", { wrap: !0 }, this.secondaryActionLabel && a("flip-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("flip-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+  }
+};
+y.style = g;
+export {
+  y as flip_modal
+};

package/dist/{flip-option-list-section.entry.0f67d7d7.js → flip-option-list-section.entry.1c46b667.js}

@@ -1,4 +1,4 @@
-import { r as o, h as t, H as i } from "./index.b70d4c92.js";
+import { r as o, h as t, H as i } from "./index.b66ff9f0.js";
 import "react";
 import "react-dom";
 const e = ":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}", l = class {

package/dist/{flip-pagination.entry.278034c1.js → flip-pagination.entry.44ba4122.js}

@@ -1,4 +1,4 @@
-import { r as p, c as r, h as a, H as c } from "./index.b70d4c92.js";
+import { r as p, c as r, h as a, H as c } from "./index.b66ff9f0.js";
 import { c as g } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";

package/dist/flip-pdf-reader.entry.4fba8eda.js

@@ -0,0 +1,79 @@
+import { r, h as e, H as s, g as n } from "./index.b66ff9f0.js";
+import { A as l } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
+import { d, e as c } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as p } from "./index-6d2e18c6.289636d4.js";
+import { i as a } from "./utils-39b2afe8.37b54ba4.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const f = ':host{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{-webkit-animation:0.15s pdf-reader-fade-in;animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{-webkit-animation:none;animation:none}}.pdf-reader--closing{-webkit-animation:0.15s pdf-reader-fade-out;animation:0.15s pdf-reader-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{-webkit-animation:none;animation: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;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{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{width:100%;height:calc(100% - 4rem)}.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}@-webkit-keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}', h = class {
+  constructor(t) {
+    r(this, t), this.autoZoomLabel = "Full width", this.closeButtonLabel = "Close PDF viewer", this.downloadButtonLabel = "Download PDF", this.printButtonLabel = "Print PDF", this.zoomInButtonLabel = "Zoom in", this.zoomOutButtonLabel = "Zoom out", this.zoomSelectLabel = "Select zoom", this.active = !1, this.closing = !1, this.downloading = !1, this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4], this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5], this.onKeyDown = (o) => {
+      o.code === "Escape" && this.close();
+    }, this.onActivate = (o) => {
+      this.pdfViewer = o.detail, this.lockBodyScroll();
+    }, this.onCloseButtonClick = () => {
+      this.close();
+    }, this.onPrintButtonClick = () => {
+      this.pdfViewer.print();
+    }, this.onDownloadButtonClick = async () => {
+      this.downloading = !0, await this.viewer.download(), this.downloading = !1;
+    }, this.onZoomInButtonClick = () => {
+      const o = this.zoomSteps.indexOf(+this.zoom);
+      this.zoom = o === -1 ? 1 : this.zoomSteps[Math.min(this.zoomSteps.length - 1, o + 1)];
+    }, this.onZoomOutButtonClick = () => {
+      const o = this.zoomSteps.indexOf(+this.zoom);
+      this.zoom = o === -1 ? 1 : this.zoomSteps[Math.max(0, o - 1)];
+    }, this.onZoomAutoButtonClick = () => {
+      this.zoom = this.zoom === "auto" ? 1 : "auto";
+    }, this.onZoomChange = (o) => {
+      const i = o.target.value;
+      this.zoom = i === "auto" ? i : +i;
+    };
+  }
+  componentWillLoad() {
+    this.updateZoomSteps(), this.zoom = a() ? "auto" : 1;
+  }
+  componentDidLoad() {
+    this.modal = new l(this.modalEl);
+  }
+  disconnectedCallback() {
+    var t;
+    this.unlockBodyScroll(), (t = this.modal) === null || t === void 0 || t.destroy();
+  }
+  onWindowResize() {
+    !Boolean(this.pdfViewer) || (this.updateZoomSteps(), this.zoom = a() ? "auto" : 1);
+  }
+  async open() {
+    this.modal.show(), this.active = !0;
+  }
+  async close() {
+    this.closing || (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+      this.modal.hide(), this.closing = !1, this.active = !1;
+    }, 150));
+  }
+  lockBodyScroll() {
+    const t = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    Boolean(t) && d(t);
+  }
+  unlockBodyScroll() {
+    const t = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    Boolean(t) && c(t);
+  }
+  updateZoomSteps() {
+    this.zoomSteps = a() ? this.mobileZoomSteps : this.desktopZoomSteps;
+  }
+  render() {
+    const t = p("pdf-reader", {
+      "pdf-reader--closing": this.closing
+    });
+    return e(s, null, e("section", { "aria-hidden": "true", "aria-label": this.label, class: t, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (o) => this.modalEl = o }, e("div", { class: "pdf-reader__body", role: "document" }, e("header", { class: "pdf-reader__header" }, e("span", { class: "pdf-reader__header-left" }, e("flip-button", { class: "pdf-reader__close-button", hideLabel: !0, icon: "<flip-icon-close></flip-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { class: "pdf-reader__label" }, this.label)), e("span", { class: "pdf-reader__header-center" }, e("span", { class: "pdf-reader__zoom-button-container" }, e("flip-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: !0, icon: "<flip-icon-remove></flip-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), e("flip-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: !0, icon: "<flip-icon-add></flip-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), e("span", { class: "pdf-reader__zoom-select-container" }, e("select", { "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((o) => e("option", { key: o, selected: this.zoom === o, value: o }, o * 100, "%"))), e("flip-icon-expand-more", { class: "pdf-reader__zoom-select-icon" }))), e("span", { class: "pdf-reader__header-right" }, e("flip-button", { class: "pdf-reader__print-button", hideLabel: !0, icon: "<flip-icon-print></flip-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), e("flip-button", { class: "pdf-reader__download-button", disabled: this.downloading, hideLabel: !0, icon: this.downloading ? '<flip-spinner size="s"></flip-spinner>' : "<flip-icon-download></flip-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }))), e("div", { class: "pdf-reader__content" }, e("flip-file-viewer", { active: this.active, file: this.file, onActivate: this.onActivate, ref: (o) => this.viewer = o, type: "application/pdf", zoom: this.zoom }), e("div", { class: "pdf-reader__mobile-zoom-controls" }, e("button", { "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("flip-icon-fullscreen-exit", null) : e("flip-icon-fullscreen", null)), e("button", { "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("flip-icon-add", null)), e("button", { "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("flip-icon-remove", null)))))));
+  }
+  get el() {
+    return n(this);
+  }
+};
+h.style = f;
+export {
+  h as flip_pdf_reader
+};