@expressivecss/expressive 0.9.1 → 0.10.1

package/dist/js/chunks/chunk-JNPIWFJT.mjs

@@ -0,0 +1,365 @@
+import {
+  Utils
+} from "./chunk-MISGHDUU.mjs";
+import {
+  Component
+} from "./chunk-QSQ24FYT.mjs";
+
+// src/ts/components/lightbox.ts
+var _defaults = {
+  inDuration: 275,
+  outDuration: 200,
+  onOpenStart: null,
+  onOpenEnd: null,
+  onCloseStart: null,
+  onCloseEnd: null
+};
+var _Lightbox = class _Lightbox extends Component {
+  constructor(el, options) {
+    super(el, options, _Lightbox);
+    /** Ancestors forced to `overflow: visible`, with the inline value to put back. */
+    this._changedAncestorList = [];
+    this._timers = /* @__PURE__ */ new Map();
+    this._motion = window.matchMedia("(prefers-reduced-motion: reduce)");
+    this._isOpen = false;
+    this._destroyed = false;
+    this._revision = 0;
+    this._handleMotionChange = () => {
+      if (!this._motion.matches) return;
+      const callbacks = [...this._timers.values()];
+      const revision = this._cancel();
+      for (const callback of callbacks) {
+        if (revision !== this._revision) break;
+        callback();
+      }
+      if (this.overlayActive) {
+        for (const el of [this.el, this._overlay, this._photoCaption]) if (el) el.style.transition = "none";
+      }
+    };
+    this._handleLightboxClick = () => {
+      this._handleLightboxToggle();
+    };
+    this._handleLightboxKeypress = (e) => {
+      if (this._trigger === this.el && (e.key === Utils.keys.ENTER || e.key === " ")) {
+        e.preventDefault();
+        this._handleLightboxToggle();
+      }
+    };
+    this._handleLightboxToggle = () => {
+      if (this._isOpen) this.close();
+      else this.open();
+    };
+    this._handleWindowScroll = () => {
+      if (this.overlayActive) this.close();
+    };
+    this._handleWindowResize = () => {
+      if (this.overlayActive) this.close();
+    };
+    this._handleWindowEscape = (e) => {
+      if (e.key === Utils.keys.ESC) this.close();
+    };
+    /**
+     * Open lightbox.
+     */
+    this.open = () => {
+      if (this._destroyed || this._isOpen) return;
+      const revision = this._cancel();
+      if (this.overlayActive) this._reset();
+      this._isOpen = true;
+      this._updateVars();
+      const originRect = this.el.getBoundingClientRect();
+      const placeholderRect = this.placeholder.getBoundingClientRect();
+      this.originalWidth = originRect.width;
+      this.originalHeight = originRect.height;
+      this.doneAnimating = false;
+      this.el.classList.add("active");
+      this.overlayActive = true;
+      if (typeof this.options.onOpenStart === "function")
+        this.options.onOpenStart.call(this, this.el);
+      if (revision !== this._revision) return;
+      this.placeholder.style.width = placeholderRect.width + "px";
+      this.placeholder.style.height = placeholderRect.height + "px";
+      this.placeholder.style.position = "relative";
+      this.placeholder.style.top = "0";
+      this.placeholder.style.left = "0";
+      this._makeAncestorsOverflowVisible();
+      this.el.style.position = "absolute";
+      this.el.style.zIndex = "1000";
+      this.el.style.willChange = "left, top, width, height";
+      this.attrWidth = this.el.getAttribute("width");
+      this.attrHeight = this.el.getAttribute("height");
+      if (this.attrWidth) {
+        this.el.style.width = this.attrWidth + "px";
+        this.el.removeAttribute("width");
+      }
+      if (this.attrHeight) {
+        this.el.style.height = this.attrHeight + "px";
+        this.el.removeAttribute("height");
+      }
+      this._addOverlay();
+      if (this.caption !== "") this._addCaption();
+      const widthPercent = this.originalWidth / this.windowWidth;
+      const heightPercent = this.originalHeight / this.windowHeight;
+      this.newWidth = 0;
+      this.newHeight = 0;
+      if (widthPercent > heightPercent) {
+        const ratio = this.originalHeight / this.originalWidth;
+        this.newWidth = this.windowWidth * 0.9;
+        this.newHeight = this.windowWidth * 0.9 * ratio;
+      } else {
+        const ratio = this.originalWidth / this.originalHeight;
+        this.newWidth = this.windowHeight * 0.9 * ratio;
+        this.newHeight = this.windowHeight * 0.9;
+      }
+      window.addEventListener("scroll", this._handleWindowScroll, { passive: true });
+      window.addEventListener("resize", this._handleWindowResize, { passive: true });
+      window.addEventListener("keyup", this._handleWindowEscape);
+      this._animateImageIn();
+    };
+    /**
+     * Close lightbox.
+     */
+    this.close = () => {
+      if (this._destroyed || !this._isOpen) return;
+      const revision = this._cancel();
+      this._isOpen = false;
+      this.doneAnimating = false;
+      if (typeof this.options.onCloseStart === "function")
+        this.options.onCloseStart.call(this, this.el);
+      if (revision !== this._revision) return;
+      window.removeEventListener("scroll", this._handleWindowScroll);
+      window.removeEventListener("resize", this._handleWindowResize);
+      window.removeEventListener("keyup", this._handleWindowEscape);
+      if (this._overlay) this._removeOverlay();
+      if (this._photoCaption) this._removeCaption();
+      this._animateImageOut();
+    };
+    this.el["Expressive_Lightbox"] = this;
+    this.options = {
+      ..._Lightbox.defaults,
+      ...options
+    };
+    this.overlayActive = false;
+    this.doneAnimating = true;
+    this.placeholder = document.createElement("div");
+    this.placeholder.classList.add("material-placeholder");
+    this.originalWidth = 0;
+    this.originalHeight = 0;
+    this.originInlineStyles = this.el.getAttribute("style");
+    this.caption = this.el.getAttribute("data-caption") || "";
+    this._tabindex = this.el.getAttribute("tabindex");
+    this._trigger = this.el.closest("button") ?? this.el;
+    this.el.tabIndex = this._trigger === this.el ? 0 : -1;
+    this.el.before(this.placeholder);
+    this.placeholder.append(this.el);
+    this._setupEventHandlers();
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /**
+   * Initializes instances of Lightbox.
+   * @param els HTML elements.
+   * @param options Component options.
+   */
+  static init(els, options = {}) {
+    return super.init(els, options, _Lightbox);
+  }
+  static getInstance(el) {
+    return el["Expressive_Lightbox"];
+  }
+  destroy() {
+    if (this._destroyed) return;
+    this._destroyed = true;
+    const root = this.el.getRootNode();
+    const focused = root.activeElement === this.el;
+    this._removeEventHandlers();
+    this._cancel();
+    this._reset();
+    this.placeholder.replaceWith(this.el);
+    let active = document.activeElement;
+    while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;
+    if (focused && (active === document.body || active === root.host)) this._trigger.focus();
+    if (this._tabindex === null) this.el.removeAttribute("tabindex");
+    else this.el.setAttribute("tabindex", this._tabindex);
+    this.el["Expressive_Lightbox"] = void 0;
+  }
+  _reset() {
+    window.removeEventListener("scroll", this._handleWindowScroll);
+    window.removeEventListener("resize", this._handleWindowResize);
+    window.removeEventListener("keyup", this._handleWindowEscape);
+    this._overlay?.remove();
+    this._photoCaption?.remove();
+    for (const ancestor of this._changedAncestorList) {
+      const saved = _Lightbox._overflow.get(ancestor);
+      if (--saved.count === 0) {
+        ancestor.style.setProperty("overflow", saved.value, saved.priority);
+        _Lightbox._overflow.delete(ancestor);
+      }
+    }
+    this._changedAncestorList = [];
+    if (this.attrWidth !== null && this.attrWidth !== void 0) this.el.setAttribute("width", this.attrWidth);
+    if (this.attrHeight !== null && this.attrHeight !== void 0) this.el.setAttribute("height", this.attrHeight);
+    this.el.classList.remove("active");
+    this.placeholder.removeAttribute("style");
+    if (this.originInlineStyles === null) this.el.removeAttribute("style");
+    else this.el.setAttribute("style", this.originInlineStyles);
+    this.overlayActive = false;
+    this._isOpen = false;
+    this.doneAnimating = true;
+  }
+  _cancel() {
+    for (const timer of this._timers.keys()) clearTimeout(timer);
+    this._timers.clear();
+    return ++this._revision;
+  }
+  _schedule(callback, delay) {
+    if (this._motion.matches) {
+      callback();
+      return;
+    }
+    const timer = setTimeout(() => {
+      this._timers.delete(timer);
+      callback();
+    }, delay);
+    this._timers.set(timer, callback);
+  }
+  _setupEventHandlers() {
+    this._motion.addEventListener("change", this._handleMotionChange);
+    this._trigger.addEventListener("click", this._handleLightboxClick);
+    this.el.addEventListener("keydown", this._handleLightboxKeypress);
+  }
+  _removeEventHandlers() {
+    this._motion.removeEventListener("change", this._handleMotionChange);
+    this._trigger.removeEventListener("click", this._handleLightboxClick);
+    this.el.removeEventListener("keydown", this._handleLightboxKeypress);
+  }
+  _makeAncestorsOverflowVisible() {
+    this._changedAncestorList = [];
+    let ancestor = this.placeholder.parentNode;
+    while (ancestor !== null && ancestor !== void 0 && ancestor !== document) {
+      const curr = ancestor;
+      if (curr.style && (curr.style.overflow !== "visible" || _Lightbox._overflow.has(curr))) {
+        const saved = _Lightbox._overflow.get(curr) ?? { count: 0, value: curr.style.overflow, priority: curr.style.getPropertyPriority("overflow") };
+        saved.count++;
+        _Lightbox._overflow.set(curr, saved);
+        this._changedAncestorList.push(curr);
+        curr.style.overflow = "visible";
+      }
+      ancestor = ancestor.parentNode ?? ancestor.host;
+    }
+  }
+  _offset(el) {
+    const box = el.getBoundingClientRect();
+    const docElem = document.documentElement;
+    return {
+      top: box.top + window.scrollY - docElem.clientTop,
+      left: box.left + window.scrollX - docElem.clientLeft
+    };
+  }
+  _updateVars() {
+    this.windowWidth = window.innerWidth;
+    this.windowHeight = window.innerHeight;
+    this.caption = this.el.getAttribute("data-caption") || "";
+  }
+  // Image
+  _animateImageIn() {
+    this.el.style.maxHeight = this.newHeight.toString() + "px";
+    this.el.style.maxWidth = this.newWidth.toString() + "px";
+    const duration = this._motion.matches ? 0 : this.options.inDuration;
+    this.el.style.transition = "none";
+    this.el.style.height = this.originalHeight + "px";
+    this.el.style.width = this.originalWidth + "px";
+    this._schedule(() => {
+      const placeholderOffset = this._offset(this.placeholder);
+      this.el.style.transition = `height ${duration}ms ease,
+        width ${duration}ms ease,
+        left ${duration}ms ease,
+        top ${duration}ms ease
+      `;
+      this.el.style.height = this.newHeight + "px";
+      this.el.style.width = this.newWidth + "px";
+      this.el.style.left = Utils.getDocumentScrollLeft() + this.windowWidth / 2 - placeholderOffset.left - this.newWidth / 2 + "px";
+      this.el.style.top = Utils.getDocumentScrollTop() + this.windowHeight / 2 - placeholderOffset.top - this.newHeight / 2 + "px";
+    }, 1);
+    this._schedule(() => {
+      this.doneAnimating = true;
+      if (typeof this.options.onOpenEnd === "function") this.options.onOpenEnd.call(this, this.el);
+    }, duration);
+  }
+  _animateImageOut() {
+    const duration = this._motion.matches ? 0 : this.options.outDuration;
+    this.el.style.transition = `height ${duration}ms ease,
+      width ${duration}ms ease,
+      left ${duration}ms ease,
+      top ${duration}ms ease
+    `;
+    this.el.style.height = this.originalHeight + "px";
+    this.el.style.width = this.originalWidth + "px";
+    this.el.style.left = "0";
+    this.el.style.top = "0";
+    this._schedule(() => {
+      this._reset();
+      if (typeof this.options.onCloseEnd === "function")
+        this.options.onCloseEnd.call(this, this.el);
+    }, duration);
+  }
+  // Caption
+  _addCaption() {
+    this._photoCaption = document.createElement("div");
+    this._photoCaption.classList.add("lightbox-caption");
+    this._photoCaption.innerText = this.caption;
+    Utils.portalRoot(this.el).append(this._photoCaption);
+    this._photoCaption.style.display = "inline";
+    this._photoCaption.style.transition = "none";
+    this._photoCaption.style.opacity = "0";
+    const duration = this._motion.matches ? 0 : this.options.inDuration;
+    this._schedule(() => {
+      this._photoCaption.style.transition = `opacity ${duration}ms ease`;
+      this._photoCaption.style.opacity = "1";
+    }, 1);
+  }
+  _removeCaption() {
+    const duration = this._motion.matches ? 0 : this.options.outDuration;
+    this._photoCaption.style.transition = `opacity ${duration}ms ease`;
+    this._photoCaption.style.opacity = "0";
+  }
+  // Overlay
+  _addOverlay() {
+    this._overlay = document.createElement("div");
+    this._overlay.id = "lightbox-overlay";
+    this._overlay.addEventListener(
+      "click",
+      (event) => {
+        event.stopPropagation();
+        this.close();
+      },
+      { once: true }
+    );
+    this.el.before(this._overlay);
+    const overlayOffset = this._overlay.getBoundingClientRect();
+    this._overlay.style.width = this.windowWidth + "px";
+    this._overlay.style.height = this.windowHeight + "px";
+    this._overlay.style.left = -1 * overlayOffset.left + "px";
+    this._overlay.style.top = -1 * overlayOffset.top + "px";
+    this._overlay.style.transition = "none";
+    this._overlay.style.opacity = "0";
+    const duration = this._motion.matches ? 0 : this.options.inDuration;
+    this._schedule(() => {
+      this._overlay.style.transition = `opacity ${duration}ms ease`;
+      this._overlay.style.opacity = "1";
+    }, 1);
+  }
+  _removeOverlay() {
+    const duration = this._motion.matches ? 0 : this.options.outDuration;
+    this._overlay.style.transition = `opacity ${duration}ms ease`;
+    this._overlay.style.opacity = "0";
+  }
+};
+_Lightbox._overflow = /* @__PURE__ */ new WeakMap();
+var Lightbox = _Lightbox;
+
+export {
+  Lightbox
+};
+//# sourceMappingURL=chunk-JNPIWFJT.mjs.map

package/dist/js/chunks/chunk-JNPIWFJT.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/lightbox.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { BaseOptions, Component, InitElements, InitElement } from '../core/component';\n\nexport interface LightboxOptions extends BaseOptions {\n  /**\n   * Transition in duration in milliseconds.\n   * @default 275\n   */\n  inDuration: number;\n  /**\n   * Transition out duration in milliseconds.\n   * @default 200\n   */\n  outDuration: number;\n  /**\n   * Callback function called before lightbox is opened.\n   * @default null\n   */\n  onOpenStart: (el: Element) => void;\n  /**\n   * Callback function called after lightbox is opened.\n   * @default null\n   */\n  onOpenEnd: (el: Element) => void;\n  /**\n   * Callback function called before lightbox is closed.\n   * @default null\n   */\n  onCloseStart: (el: Element) => void;\n  /**\n   * Callback function called after lightbox is closed.\n   * @default null\n   */\n  onCloseEnd: (el: Element) => void;\n}\n\nconst _defaults: LightboxOptions = {\n  inDuration: 275,\n  outDuration: 200,\n  onOpenStart: null,\n  onOpenEnd: null,\n  onCloseStart: null,\n  onCloseEnd: null\n};\n\nexport class Lightbox extends Component<LightboxOptions> {\n  /** If the lightbox overlay is showing. */\n  overlayActive: boolean;\n  /** If the lightbox is no longer being animated. */\n  doneAnimating: boolean;\n  /** Caption, if specified. */\n  caption: string;\n  /** Original width of image. */\n  originalWidth: number;\n  /** Original height of image. */\n  originalHeight: number;\n  private originInlineStyles: string;\n  private placeholder: HTMLElement;\n  /** Ancestors forced to `overflow: visible`, with the inline value to put back. */\n  private _changedAncestorList: HTMLElement[] = [];\n  private static _overflow = new WeakMap<HTMLElement, { count: number; value: string; priority: string }>();\n  private newHeight: number;\n  private newWidth: number;\n  private windowWidth: number;\n  private windowHeight: number;\n  private attrWidth: string;\n  private attrHeight: string;\n  private _overlay: HTMLElement;\n  private _photoCaption: HTMLElement;\n  private _trigger: HTMLElement;\n  private _tabindex: string | null;\n  private _timers = new Map<ReturnType<typeof setTimeout>, () => void>();\n  private _motion = window.matchMedia('(prefers-reduced-motion: reduce)');\n  private _isOpen = false;\n  private _destroyed = false;\n  private _revision = 0;\n\n  constructor(el: HTMLElement, options: Partial<LightboxOptions>) {\n    super(el, options, Lightbox);\n    this.el['Expressive_Lightbox'] = this;\n\n    this.options = {\n      ...Lightbox.defaults,\n      ...options\n    };\n\n    this.overlayActive = false;\n    this.doneAnimating = true;\n    this.placeholder = document.createElement('div');\n    this.placeholder.classList.add('material-placeholder');\n    this.originalWidth = 0;\n    this.originalHeight = 0;\n    this.originInlineStyles = this.el.getAttribute('style');\n    this.caption = this.el.getAttribute('data-caption') || '';\n    this._tabindex = this.el.getAttribute('tabindex');\n    this._trigger = this.el.closest('button') ?? this.el;\n    this.el.tabIndex = this._trigger === this.el ? 0 : -1;\n    // Wrap\n    this.el.before(this.placeholder);\n    this.placeholder.append(this.el);\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): LightboxOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Lightbox.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<LightboxOptions>): Lightbox;\n  /**\n   * Initializes instances of Lightbox.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<LightboxOptions>): Lightbox[];\n  /**\n   * Initializes instances of Lightbox.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<LightboxOptions> = {}\n  ): Lightbox | Lightbox[] {\n    return super.init(els, options, Lightbox);\n  }\n\n  static getInstance(el: HTMLElement): Lightbox {\n    return el['Expressive_Lightbox'];\n  }\n\n  destroy() {\n    if (this._destroyed) return;\n    this._destroyed = true;\n    const root = this.el.getRootNode() as Document | ShadowRoot;\n    const focused = root.activeElement === this.el;\n    this._removeEventHandlers();\n    this._cancel();\n    this._reset();\n    this.placeholder.replaceWith(this.el);\n    let active = document.activeElement;\n    while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;\n    if (focused && (active === document.body || active === (root as ShadowRoot).host)) this._trigger.focus();\n    if (this._tabindex === null) this.el.removeAttribute('tabindex');\n    else this.el.setAttribute('tabindex', this._tabindex);\n    this.el['Expressive_Lightbox'] = undefined;\n  }\n\n  private _reset() {\n    window.removeEventListener('scroll', this._handleWindowScroll);\n    window.removeEventListener('resize', this._handleWindowResize);\n    window.removeEventListener('keyup', this._handleWindowEscape);\n    this._overlay?.remove();\n    this._photoCaption?.remove();\n    for (const ancestor of this._changedAncestorList) {\n      const saved = Lightbox._overflow.get(ancestor);\n      if (--saved.count === 0) {\n        ancestor.style.setProperty('overflow', saved.value, saved.priority);\n        Lightbox._overflow.delete(ancestor);\n      }\n    }\n    this._changedAncestorList = [];\n    if (this.attrWidth !== null && this.attrWidth !== undefined) this.el.setAttribute('width', this.attrWidth);\n    if (this.attrHeight !== null && this.attrHeight !== undefined) this.el.setAttribute('height', this.attrHeight);\n    this.el.classList.remove('active');\n    this.placeholder.removeAttribute('style');\n    if (this.originInlineStyles === null) this.el.removeAttribute('style');\n    else this.el.setAttribute('style', this.originInlineStyles);\n    this.overlayActive = false;\n    this._isOpen = false;\n    this.doneAnimating = true;\n  }\n\n  private _cancel() {\n    for (const timer of this._timers.keys()) clearTimeout(timer);\n    this._timers.clear();\n    return ++this._revision;\n  }\n\n  private _schedule(callback: () => void, delay: number) {\n    if (this._motion.matches) { callback(); return; }\n    const timer = setTimeout(() => { this._timers.delete(timer); callback(); }, delay);\n    this._timers.set(timer, callback);\n  }\n\n  private _handleMotionChange = () => {\n    if (!this._motion.matches) return;\n    const callbacks = [...this._timers.values()];\n    const revision = this._cancel();\n    for (const callback of callbacks) {\n      if (revision !== this._revision) break;\n      callback();\n    }\n    if (this.overlayActive) {\n      for (const el of [this.el, this._overlay, this._photoCaption]) if (el) el.style.transition = 'none';\n    }\n  };\n\n  private _setupEventHandlers() {\n    this._motion.addEventListener('change', this._handleMotionChange);\n    this._trigger.addEventListener('click', this._handleLightboxClick);\n    this.el.addEventListener('keydown', this._handleLightboxKeypress);\n  }\n\n  private _removeEventHandlers() {\n    this._motion.removeEventListener('change', this._handleMotionChange);\n    this._trigger.removeEventListener('click', this._handleLightboxClick);\n    this.el.removeEventListener('keydown', this._handleLightboxKeypress);\n  }\n\n  private _handleLightboxClick = () => {\n    this._handleLightboxToggle();\n  };\n\n  private _handleLightboxKeypress = (e: KeyboardEvent) => {\n    if (this._trigger === this.el && (e.key === Utils.keys.ENTER || e.key === ' ')) {\n      e.preventDefault();\n      this._handleLightboxToggle();\n    }\n  };\n\n  private _handleLightboxToggle = () => {\n    // If already modal, return to original\n    if (this._isOpen) this.close();\n    else this.open();\n  };\n\n  private _handleWindowScroll = () => {\n    if (this.overlayActive) this.close();\n  };\n\n  private _handleWindowResize = () => {\n    if (this.overlayActive) this.close();\n  };\n\n  private _handleWindowEscape = (e: KeyboardEvent) => {\n    if (e.key === Utils.keys.ESC) this.close();\n  };\n\n  private _makeAncestorsOverflowVisible() {\n    this._changedAncestorList = [];\n    let ancestor: Node = this.placeholder.parentNode;\n    while (ancestor !== null && ancestor !== undefined && ancestor !== document) {\n      const curr = <HTMLElement>ancestor;\n      // A shadow root has no style; the clipping ancestors are above its host.\n      if (curr.style && (curr.style.overflow !== 'visible' || Lightbox._overflow.has(curr))) {\n        // Read before the write: an author's inline `overflow` has to come\n        // back on close, and restoring '' would silently discard it.\n        const saved = Lightbox._overflow.get(curr) ?? { count: 0, value: curr.style.overflow, priority: curr.style.getPropertyPriority('overflow') };\n        saved.count++;\n        Lightbox._overflow.set(curr, saved);\n        this._changedAncestorList.push(curr);\n        curr.style.overflow = 'visible';\n      }\n      ancestor = ancestor.parentNode ?? (<ShadowRoot>ancestor).host;\n    }\n  }\n\n  private _offset(el: HTMLElement) {\n    const box = el.getBoundingClientRect();\n    const docElem = document.documentElement;\n    return {\n      top: box.top + window.scrollY - docElem.clientTop,\n      left: box.left + window.scrollX - docElem.clientLeft\n    };\n  }\n  private _updateVars(): void {\n    this.windowWidth = window.innerWidth;\n    this.windowHeight = window.innerHeight;\n    this.caption = this.el.getAttribute('data-caption') || '';\n  }\n\n  // Image\n  private _animateImageIn(): void {\n    this.el.style.maxHeight = this.newHeight.toString() + 'px';\n    this.el.style.maxWidth = this.newWidth.toString() + 'px';\n    const duration = this._motion.matches ? 0 : this.options.inDuration;\n    // from\n    this.el.style.transition = 'none';\n    this.el.style.height = this.originalHeight + 'px';\n    this.el.style.width = this.originalWidth + 'px';\n    this._schedule(() => {\n      // One offset for both axes, read before any of the writes below.\n      const placeholderOffset = this._offset(this.placeholder);\n      // easeOutQuad\n      this.el.style.transition = `height ${duration}ms ease,\n        width ${duration}ms ease,\n        left ${duration}ms ease,\n        top ${duration}ms ease\n      `;\n      // to\n      this.el.style.height = this.newHeight + 'px';\n      this.el.style.width = this.newWidth + 'px';\n      this.el.style.left =\n        Utils.getDocumentScrollLeft() +\n        this.windowWidth / 2 -\n        placeholderOffset.left -\n        this.newWidth / 2 +\n        'px';\n\n      this.el.style.top =\n        Utils.getDocumentScrollTop() +\n        this.windowHeight / 2 -\n        placeholderOffset.top -\n        this.newHeight / 2 +\n        'px';\n    }, 1);\n\n    this._schedule(() => {\n      this.doneAnimating = true;\n      if (typeof this.options.onOpenEnd === 'function') this.options.onOpenEnd.call(this, this.el);\n    }, duration);\n\n  }\n  private _animateImageOut(): void {\n    const duration = this._motion.matches ? 0 : this.options.outDuration;\n    // easeOutQuad\n    this.el.style.transition = `height ${duration}ms ease,\n      width ${duration}ms ease,\n      left ${duration}ms ease,\n      top ${duration}ms ease\n    `;\n    // to\n    this.el.style.height = this.originalHeight + 'px'; // was originalWidth\n    this.el.style.width = this.originalWidth + 'px';\n    this.el.style.left = '0';\n    this.el.style.top = '0';\n    this._schedule(() => {\n      this._reset();\n      // onCloseEnd callback\n      if (typeof this.options.onCloseEnd === 'function')\n        this.options.onCloseEnd.call(this, this.el);\n    }, duration);\n  }\n\n  // Caption\n  private _addCaption(): void {\n    this._photoCaption = document.createElement('div');\n    this._photoCaption.classList.add('lightbox-caption');\n    this._photoCaption.innerText = this.caption;\n    Utils.portalRoot(this.el).append(this._photoCaption);\n    this._photoCaption.style.display = 'inline';\n    // Animate\n    this._photoCaption.style.transition = 'none';\n    this._photoCaption.style.opacity = '0';\n    const duration = this._motion.matches ? 0 : this.options.inDuration;\n    this._schedule(() => {\n      this._photoCaption.style.transition = `opacity ${duration}ms ease`;\n      this._photoCaption.style.opacity = '1';\n    }, 1);\n  }\n  private _removeCaption(): void {\n    const duration = this._motion.matches ? 0 : this.options.outDuration;\n    this._photoCaption.style.transition = `opacity ${duration}ms ease`;\n    this._photoCaption.style.opacity = '0';\n  }\n\n  // Overlay\n  private _addOverlay(): void {\n    this._overlay = document.createElement('div');\n    this._overlay.id = 'lightbox-overlay';\n    this._overlay.addEventListener(\n      'click',\n      (event) => {\n        event.stopPropagation();\n        this.close();\n      },\n      { once: true }\n    );\n\n    // Put before in origin image to preserve z-index layering.\n    this.el.before(this._overlay);\n\n    // Set dimensions if needed\n    const overlayOffset = this._overlay.getBoundingClientRect();\n    this._overlay.style.width = this.windowWidth + 'px';\n    this._overlay.style.height = this.windowHeight + 'px';\n    this._overlay.style.left = -1 * overlayOffset.left + 'px';\n    this._overlay.style.top = -1 * overlayOffset.top + 'px';\n\n    // Animate\n    this._overlay.style.transition = 'none';\n    this._overlay.style.opacity = '0';\n    const duration = this._motion.matches ? 0 : this.options.inDuration;\n    this._schedule(() => {\n      this._overlay.style.transition = `opacity ${duration}ms ease`;\n      this._overlay.style.opacity = '1';\n    }, 1);\n  }\n  private _removeOverlay(): void {\n    const duration = this._motion.matches ? 0 : this.options.outDuration;\n    this._overlay.style.transition = `opacity ${duration}ms ease`;\n    this._overlay.style.opacity = '0';\n  }\n\n  /**\n   * Open lightbox.\n   */\n  open = () => {\n    if (this._destroyed || this._isOpen) return;\n    const revision = this._cancel();\n    if (this.overlayActive) this._reset();\n    this._isOpen = true;\n    this._updateVars();\n    // Both rects are read up front: measuring the placeholder after writing\n    // its width forced a second layout for the height.\n    const originRect = this.el.getBoundingClientRect();\n    const placeholderRect = this.placeholder.getBoundingClientRect();\n    this.originalWidth = originRect.width;\n    this.originalHeight = originRect.height;\n    // Set states\n    this.doneAnimating = false;\n    this.el.classList.add('active');\n    this.overlayActive = true;\n    // onOpenStart callback\n    if (typeof this.options.onOpenStart === 'function')\n      this.options.onOpenStart.call(this, this.el);\n    if (revision !== this._revision) return;\n    // Set positioning for placeholder\n    this.placeholder.style.width = placeholderRect.width + 'px';\n    this.placeholder.style.height = placeholderRect.height + 'px';\n    this.placeholder.style.position = 'relative';\n    this.placeholder.style.top = '0';\n    this.placeholder.style.left = '0';\n    this._makeAncestorsOverflowVisible();\n    // Set css on origin\n    this.el.style.position = 'absolute';\n    this.el.style.zIndex = '1000';\n    this.el.style.willChange = 'left, top, width, height';\n    // Change from width or height attribute to css\n    this.attrWidth = this.el.getAttribute('width');\n    this.attrHeight = this.el.getAttribute('height');\n    if (this.attrWidth) {\n      this.el.style.width = this.attrWidth + 'px';\n      this.el.removeAttribute('width');\n    }\n    if (this.attrHeight) {\n      this.el.style.height = this.attrHeight + 'px'; // was width, from the height attribute\n      this.el.removeAttribute('height');\n    }\n    this._addOverlay();\n    // Add and animate caption if it exists\n    if (this.caption !== '') this._addCaption();\n    // Resize Image\n    const widthPercent = this.originalWidth / this.windowWidth;\n    const heightPercent = this.originalHeight / this.windowHeight;\n    this.newWidth = 0;\n    this.newHeight = 0;\n    if (widthPercent > heightPercent) {\n      // Width first\n      const ratio = this.originalHeight / this.originalWidth;\n      this.newWidth = this.windowWidth * 0.9;\n      this.newHeight = this.windowWidth * 0.9 * ratio;\n    } else {\n      // Height first\n      const ratio = this.originalWidth / this.originalHeight;\n      this.newWidth = this.windowHeight * 0.9 * ratio;\n      this.newHeight = this.windowHeight * 0.9;\n    }\n    // Handle Exit triggers\n    window.addEventListener('scroll', this._handleWindowScroll, { passive: true });\n    window.addEventListener('resize', this._handleWindowResize, { passive: true });\n    window.addEventListener('keyup', this._handleWindowEscape);\n    this._animateImageIn();\n  };\n\n  /**\n   * Close lightbox.\n   */\n  close = () => {\n    if (this._destroyed || !this._isOpen) return;\n    const revision = this._cancel();\n    this._isOpen = false;\n    this.doneAnimating = false;\n    // onCloseStart callback\n    if (typeof this.options.onCloseStart === 'function')\n      this.options.onCloseStart.call(this, this.el);\n    if (revision !== this._revision) return;\n    // disable exit handlers\n    window.removeEventListener('scroll', this._handleWindowScroll);\n    window.removeEventListener('resize', this._handleWindowResize);\n    window.removeEventListener('keyup', this._handleWindowEscape);\n    if (this._overlay) this._removeOverlay();\n    if (this._photoCaption) this._removeCaption();\n    this._animateImageOut();\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}