@expressivecss/expressive 0.15.0 → 0.16.0

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

@@ -1,181 +0,0 @@
-import {
-  Utils
-} from "./chunk-M372EDXD.mjs";
-
-// src/ts/behaviors/forms.ts
-var _Forms = class _Forms {
-  /**
-   * Checks if the label has validation and apply
-   * the correct class and styles
-   * @param textfield
-   */
-  static validateField(textfield) {
-    if (!textfield) {
-      console.error("No text field element found");
-      return;
-    }
-    const hasLength = textfield.getAttribute("data-length") !== null;
-    const lenAttr = parseInt(textfield.getAttribute("data-length"));
-    const len = textfield.value.length;
-    if (len === 0 && textfield.validity.badInput === false && !textfield.required && textfield.classList.contains("validate")) {
-      textfield.classList.remove("invalid");
-    } else if (textfield.classList.contains("validate")) {
-      if (textfield.validity.valid && (!hasLength || len <= lenAttr)) {
-        textfield.classList.remove("invalid");
-      } else {
-        textfield.classList.add("invalid");
-      }
-    }
-  }
-  /**
-   * Resizes the given TextArea after updating the
-   *  value content dynamically.
-   * @param e EventTarget
-   */
-  static textareaAutoResize(e) {
-    const textarea = e;
-    if (!textarea) return;
-    if (!textarea.hasAttribute("original-height")) {
-      textarea.setAttribute("original-height", textarea.getBoundingClientRect().height.toString());
-    }
-    const originalHeight = parseInt(textarea.getAttribute("original-height"));
-    if (isNaN(originalHeight)) return;
-    textarea.style.height = "auto";
-    const borders = textarea.offsetHeight - textarea.clientHeight;
-    const contentHeight = textarea.scrollHeight + borders;
-    textarea.style.height = Math.max(originalHeight, contentHeight) + "px";
-  }
-  /**
-   * Safe to call more than once: the root entry calls it on import, and a page
-   * that also loads the modular entry may call it again.
-   */
-  static Init() {
-    if (_Forms._initialized) return;
-    _Forms._initialized = true;
-    Utils.onDocumentReady(() => {
-      document.addEventListener("change", (e) => {
-        const target = e.target;
-        if (!(target instanceof HTMLInputElement)) return;
-        if (target.type === "file") {
-          const zone = target.closest(".drop-zone");
-          if (zone) _Forms.listDropZoneFiles(zone, target);
-        }
-        _Forms.validateField(target);
-      });
-      document.addEventListener("keyup", (e) => {
-        const target = e.target;
-        if (target instanceof HTMLInputElement && ["radio", "checkbox"].includes(target.type)) {
-          if (e.key === Utils.keys.TAB) {
-            target.classList.add("tabbed");
-            target.addEventListener("blur", () => target.classList.remove("tabbed"), {
-              once: true
-            });
-          }
-        }
-      });
-      document.addEventListener("click", _Forms.togglePassword);
-      document.addEventListener("submit", _Forms.resetFormExtras, true);
-      document.addEventListener("reset", _Forms.resetFormExtras, true);
-      for (const type of ["dragenter", "dragover", "dragleave", "drop"]) {
-        document.addEventListener(type, _Forms.markDropZone);
-      }
-      document.querySelectorAll(".expressive-textarea").forEach((textArea) => {
-        _Forms.InitTextarea(textArea);
-      });
-      document.querySelectorAll('.file-field input[type="file"]').forEach((fileInput) => {
-        _Forms.InitFileInputPath(fileInput);
-      });
-    });
-  }
-  /**
-   * A .password-toggle button shows or hides the password in its field. The
-   * button's own name stays put ("Show password"); aria-pressed carries the
-   * state, so there is no generated text to translate.
-   */
-  static togglePassword(e) {
-    const button = e.target.closest?.(".password-toggle");
-    const input = button?.closest(".field")?.querySelector(
-      'input[type="password"], input[data-password]'
-    );
-    if (!input) return;
-    const show = input.type === "password";
-    input.toggleAttribute("data-password", show);
-    input.type = show ? "text" : "password";
-    button.setAttribute("aria-pressed", String(show));
-  }
-  /**
-   * A revealed password goes back to type="password" when its form is
-   * submitted or reset, so it is never sent or autofilled as plain text and
-   * a reset field does not stay revealed. A reset form also drops the file
-   * lists it would otherwise leave showing: reset fires no change event.
-   */
-  static resetFormExtras(e) {
-    const form = e.target;
-    if (!(form instanceof HTMLFormElement)) return;
-    form.querySelectorAll("input[data-password]").forEach((input) => {
-      input.removeAttribute("data-password");
-      input.type = "password";
-      input.closest(".field")?.querySelector(".password-toggle")?.setAttribute("aria-pressed", "false");
-    });
-    if (e.type === "reset") {
-      form.querySelectorAll(".drop-zone-files").forEach((list) => list.replaceChildren());
-      form.querySelectorAll(".drop-zone.dragover").forEach((zone) => zone.classList.remove("dragover"));
-    }
-  }
-  /**
-   * The native file input covers its .drop-zone, so the browser already takes
-   * a dropped file. This only shows the drag: the input is the topmost
-   * element, so every drag event over the zone targets it and leaving it is
-   * leaving the zone.
-   */
-  static markDropZone(e) {
-    const input = e.target;
-    if (!(input instanceof HTMLInputElement) || input.type !== "file") return;
-    const zone = input.closest(".drop-zone");
-    if (!zone) return;
-    const over = e.type === "dragenter" || e.type === "dragover";
-    zone.classList.toggle("dragover", over && !input.disabled);
-  }
-  /** Lists the chosen files, name and size, in the zone's .drop-zone-files. */
-  static listDropZoneFiles(zone, input) {
-    const list = zone.querySelector(".drop-zone-files");
-    if (!list) return;
-    const size = (bytes) => {
-      const [value, unit] = bytes >= 1e6 ? [bytes / 1e6, "megabyte"] : bytes >= 1e3 ? [bytes / 1e3, "kilobyte"] : [bytes, "byte"];
-      return new Intl.NumberFormat(void 0, { style: "unit", unit, maximumFractionDigits: 1 }).format(value);
-    };
-    list.replaceChildren(
-      ...Array.from(input.files ?? [], (file) => {
-        const item = document.createElement("li");
-        const name = document.createElement("span");
-        const meta = document.createElement("span");
-        name.textContent = file.name;
-        meta.textContent = size(file.size);
-        item.append(name, meta);
-        return item;
-      })
-    );
-  }
-  static InitTextarea(textarea) {
-    textarea.setAttribute("original-height", textarea.getBoundingClientRect().height.toString());
-    _Forms.textareaAutoResize(textarea);
-    textarea.addEventListener("input", (e) => _Forms.textareaAutoResize(e.target));
-  }
-  static InitFileInputPath(fileInput) {
-    fileInput.addEventListener("change", () => {
-      const fileField = fileInput.closest(".file-field");
-      const pathInput = fileField.querySelector("input.file-path");
-      pathInput.value = Array.from(fileInput.files, (f) => f.name).join(", ");
-      pathInput.dispatchEvent(
-        new Event("change", { bubbles: true, cancelable: true, composed: true })
-      );
-    });
-  }
-};
-_Forms._initialized = false;
-var Forms = _Forms;
-
-export {
-  Forms
-};
-//# sourceMappingURL=chunk-QYGK36OG.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/behaviors/forms.ts"],
-  "sourcesContent": ["import { Utils } from '../core/utils';\n\nexport class Forms {\n  /**\n   * Checks if the label has validation and apply\n   * the correct class and styles\n   * @param textfield\n   */\n  static validateField(textfield: HTMLInputElement) {\n    if (!textfield) {\n      console.error('No text field element found');\n      return;\n    }\n\n    const hasLength = textfield.getAttribute('data-length') !== null;\n    const lenAttr = parseInt(textfield.getAttribute('data-length'));\n    const len = textfield.value.length;\n\n    if (\n      len === 0 &&\n      textfield.validity.badInput === false &&\n      !textfield.required &&\n      textfield.classList.contains('validate')\n    ) {\n      textfield.classList.remove('invalid');\n    } else if (textfield.classList.contains('validate')) {\n      // Check for character counter attributes\n      if (textfield.validity.valid && (!hasLength || len <= lenAttr)) {\n        textfield.classList.remove('invalid');\n      } else {\n        textfield.classList.add('invalid');\n      }\n    }\n  }\n\n  /**\n   * Resizes the given TextArea after updating the\n   *  value content dynamically.\n   * @param e EventTarget\n   */\n  static textareaAutoResize(e: EventTarget) {\n    const textarea = e as HTMLTextAreaElement;\n    if (!textarea) return;\n\n    // Measure the textarea against itself: collapse it to its natural height,\n    // then read the content height back. `.expressive-textarea` is\n    // `overflow-y: hidden`, so scrollHeight is the full content height and\n    // offsetHeight - clientHeight is exactly the borders (no scrollbar to\n    // account for) - which border-box sizing needs added back.\n    //\n    // This replaces a mirror div that the value was copied into via\n    // `innerHTML = innerHTML.replace(...)` - a full serialize and reparse of\n    // the text on every keystroke, plus getComputedStyle and seven style\n    // writes, run twice per keystroke because it was bound to keydown and\n    // keyup both.\n    if (!textarea.hasAttribute('original-height')) {\n      textarea.setAttribute('original-height', textarea.getBoundingClientRect().height.toString());\n    }\n    const originalHeight = parseInt(textarea.getAttribute('original-height'));\n    if (isNaN(originalHeight)) return;\n\n    textarea.style.height = 'auto';\n    // Three reads after a single write: one layout flush for the whole resize.\n    const borders = textarea.offsetHeight - textarea.clientHeight;\n    const contentHeight = textarea.scrollHeight + borders;\n    textarea.style.height = Math.max(originalHeight, contentHeight) + 'px';\n  }\n\n  private static _initialized = false;\n\n  /**\n   * Safe to call more than once: the root entry calls it on import, and a page\n   * that also loads the modular entry may call it again.\n   */\n  static Init() {\n    if (Forms._initialized) return;\n    Forms._initialized = true;\n    Utils.onDocumentReady(() => {\n      document.addEventListener('change', (e: Event) => {\n        const target = e.target;\n        if (!(target instanceof HTMLInputElement)) return;\n        if (target.type === 'file') {\n          const zone = target.closest('.drop-zone');\n          if (zone) Forms.listDropZoneFiles(zone, target);\n        }\n        // The sibling-label loop that used to live here compared\n        // `tagName == 'label'` (tagName is uppercase) so it never matched,\n        // and no rule in the Sass styles `label.active` anyway - the\n        // floating label is driven by CSS, not by a class from here.\n        Forms.validateField(target);\n      });\n\n      document.addEventListener('keyup', (e: KeyboardEvent) => {\n        const target = <HTMLInputElement>e.target;\n        // Radio and Checkbox focus class\n        if (target instanceof HTMLInputElement && ['radio', 'checkbox'].includes(target.type)) {\n          // TAB, check if tabbing to radio or checkbox.\n          if (e.key === Utils.keys.TAB) {\n            target.classList.add('tabbed');\n            target.addEventListener('blur', () => target.classList.remove('tabbed'), {\n              once: true\n            });\n          }\n        }\n      });\n\n      document.addEventListener('click', Forms.togglePassword);\n      // Capture, so the password is hidden again before any submit handler\n      // reads the form or the browser offers to save it.\n      document.addEventListener('submit', Forms.resetFormExtras, true);\n      document.addEventListener('reset', Forms.resetFormExtras, true);\n      for (const type of ['dragenter', 'dragover', 'dragleave', 'drop']) {\n        document.addEventListener(type, Forms.markDropZone);\n      }\n\n      document.querySelectorAll('.expressive-textarea').forEach((textArea: HTMLTextAreaElement) => {\n        Forms.InitTextarea(textArea);\n      });\n\n      // File Input Path\n      document\n        .querySelectorAll('.file-field input[type=\"file\"]')\n        .forEach((fileInput: HTMLInputElement) => {\n          Forms.InitFileInputPath(fileInput);\n        });\n    });\n  }\n\n  /**\n   * A .password-toggle button shows or hides the password in its field. The\n   * button's own name stays put (\"Show password\"); aria-pressed carries the\n   * state, so there is no generated text to translate.\n   */\n  static togglePassword(e: MouseEvent) {\n    const button = (<Element>e.target).closest?.('.password-toggle');\n    const input = button?.closest('.field')?.querySelector<HTMLInputElement>(\n      'input[type=\"password\"], input[data-password]'\n    );\n    if (!input) return;\n    const show = input.type === 'password';\n    // Marked so the input is still found once it has become type=\"text\".\n    input.toggleAttribute('data-password', show);\n    input.type = show ? 'text' : 'password';\n    button.setAttribute('aria-pressed', String(show));\n  }\n\n  /**\n   * A revealed password goes back to type=\"password\" when its form is\n   * submitted or reset, so it is never sent or autofilled as plain text and\n   * a reset field does not stay revealed. A reset form also drops the file\n   * lists it would otherwise leave showing: reset fires no change event.\n   */\n  static resetFormExtras(e: Event) {\n    const form = e.target;\n    if (!(form instanceof HTMLFormElement)) return;\n    form.querySelectorAll<HTMLInputElement>('input[data-password]').forEach((input) => {\n      input.removeAttribute('data-password');\n      input.type = 'password';\n      input.closest('.field')?.querySelector('.password-toggle')?.setAttribute('aria-pressed', 'false');\n    });\n    if (e.type === 'reset') {\n      form.querySelectorAll('.drop-zone-files').forEach((list) => list.replaceChildren());\n      form.querySelectorAll('.drop-zone.dragover').forEach((zone) => zone.classList.remove('dragover'));\n    }\n  }\n\n  /**\n   * The native file input covers its .drop-zone, so the browser already takes\n   * a dropped file. This only shows the drag: the input is the topmost\n   * element, so every drag event over the zone targets it and leaving it is\n   * leaving the zone.\n   */\n  static markDropZone(e: DragEvent) {\n    const input = <Element>e.target;\n    if (!(input instanceof HTMLInputElement) || input.type !== 'file') return;\n    const zone = input.closest('.drop-zone');\n    if (!zone) return;\n    const over = e.type === 'dragenter' || e.type === 'dragover';\n    zone.classList.toggle('dragover', over && !input.disabled);\n  }\n\n  /** Lists the chosen files, name and size, in the zone's .drop-zone-files. */\n  static listDropZoneFiles(zone: Element, input: HTMLInputElement) {\n    const list = zone.querySelector('.drop-zone-files');\n    if (!list) return;\n    const size = (bytes: number) => {\n      const [value, unit] =\n        bytes >= 1e6 ? [bytes / 1e6, 'megabyte'] : bytes >= 1e3 ? [bytes / 1e3, 'kilobyte'] : [bytes, 'byte'];\n      return new Intl.NumberFormat(undefined, { style: 'unit', unit, maximumFractionDigits: 1 }).format(value);\n    };\n    list.replaceChildren(\n      ...Array.from(input.files ?? [], (file) => {\n        const item = document.createElement('li');\n        const name = document.createElement('span');\n        const meta = document.createElement('span');\n        name.textContent = file.name;\n        meta.textContent = size(file.size);\n        item.append(name, meta);\n        return item;\n      })\n    );\n  }\n\n  static InitTextarea(textarea: HTMLTextAreaElement) {\n    // Save Data in Element\n    textarea.setAttribute('original-height', textarea.getBoundingClientRect().height.toString());\n    Forms.textareaAutoResize(textarea);\n    // `input` rather than keydown + keyup: it fires once per actual value\n    // change and also covers paste, drag-drop and IME composition, which the\n    // key events missed.\n    textarea.addEventListener('input', (e) => Forms.textareaAutoResize(e.target));\n  }\n\n  static InitFileInputPath(fileInput: HTMLInputElement) {\n    fileInput.addEventListener('change', () => {\n      const fileField = fileInput.closest('.file-field');\n      const pathInput = <HTMLInputElement>fileField.querySelector('input.file-path');\n      pathInput.value = Array.from(fileInput.files, (f) => f.name).join(', ');\n      pathInput.dispatchEvent(\n        new Event('change', { bubbles: true, cancelable: true, composed: true })\n      );\n    });\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "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._handleWindowChange);\n    window.removeEventListener('resize', this._handleWindowChange);\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.el.setAttribute('width', this.attrWidth);\n    if (this.attrHeight != null) 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._handleLightboxToggle);\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._handleLightboxToggle);\n    this.el.removeEventListener('keydown', this._handleLightboxKeypress);\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 _handleWindowChange = () => {\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 !== 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    this._fadeIn(this._photoCaption);\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    this._fadeIn(this._overlay);\n  }\n\n  private _fadeIn(el: HTMLElement): void {\n    el.style.transition = 'none';\n    el.style.opacity = '0';\n    const duration = this._motion.matches ? 0 : this.options.inDuration;\n    this._schedule(() => {\n      el.style.transition = `opacity ${duration}ms ease`;\n      el.style.opacity = '1';\n    }, 1);\n  }\n\n  private _fadeOut(el: HTMLElement): void {\n    const duration = this._motion.matches ? 0 : this.options.outDuration;\n    el.style.transition = `opacity ${duration}ms ease`;\n    el.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    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._handleWindowChange, { passive: true });\n    window.addEventListener('resize', this._handleWindowChange, { 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._handleWindowChange);\n    window.removeEventListener('resize', this._handleWindowChange);\n    window.removeEventListener('keyup', this._handleWindowEscape);\n    if (this._overlay) this._fadeOut(this._overlay);\n    if (this._photoCaption) this._fadeOut(this._photoCaption);\n    this._animateImageOut();\n  };\n}\n"],
-  "mappings": ";;;;;;;;AAoCA,IAAM,YAA6B;AAAA,EACjC,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,aAAa;AAAA,EACb,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AACd;AAEO,IAAM,YAAN,MAAM,kBAAiB,UAA2B;AAAA,EAgCvD,YAAY,IAAiB,SAAmC;AAC9D,UAAM,IAAI,SAAS,SAAQ;AAnB7B;AAAA,SAAQ,uBAAsC,CAAC;AAY/C,SAAQ,UAAU,oBAAI,IAA+C;AACrE,SAAQ,UAAU,OAAO,WAAW,kCAAkC;AACtE,SAAQ,UAAU;AAClB,SAAQ,aAAa;AACrB,SAAQ,YAAY;AAkHpB,SAAQ,sBAAsB,MAAM;AAClC,UAAI,CAAC,KAAK,QAAQ,QAAS;AAC3B,YAAM,YAAY,CAAC,GAAG,KAAK,QAAQ,OAAO,CAAC;AAC3C,YAAM,WAAW,KAAK,QAAQ;AAC9B,iBAAW,YAAY,WAAW;AAChC,YAAI,aAAa,KAAK,UAAW;AACjC,iBAAS;AAAA,MACX;AACA,UAAI,KAAK,eAAe;AACtB,mBAAW,MAAM,CAAC,KAAK,IAAI,KAAK,UAAU,KAAK,aAAa,EAAG,KAAI,GAAI,IAAG,MAAM,aAAa;AAAA,MAC/F;AAAA,IACF;AAcA,SAAQ,0BAA0B,CAAC,MAAqB;AACtD,UAAI,KAAK,aAAa,KAAK,OAAO,EAAE,QAAQ,MAAM,KAAK,SAAS,EAAE,QAAQ,MAAM;AAC9E,UAAE,eAAe;AACjB,aAAK,sBAAsB;AAAA,MAC7B;AAAA,IACF;AAEA,SAAQ,wBAAwB,MAAM;AAEpC,UAAI,KAAK,QAAS,MAAK,MAAM;AAAA,UACxB,MAAK,KAAK;AAAA,IACjB;AAEA,SAAQ,sBAAsB,MAAM;AAClC,UAAI,KAAK,cAAe,MAAK,MAAM;AAAA,IACrC;AAEA,SAAQ,sBAAsB,CAAC,MAAqB;AAClD,UAAI,EAAE,QAAQ,MAAM,KAAK,IAAK,MAAK,MAAM;AAAA,IAC3C;AAyJA;AAAA;AAAA;AAAA,gBAAO,MAAM;AACX,UAAI,KAAK,cAAc,KAAK,QAAS;AACrC,YAAM,WAAW,KAAK,QAAQ;AAC9B,UAAI,KAAK,cAAe,MAAK,OAAO;AACpC,WAAK,UAAU;AACf,WAAK,YAAY;AAGjB,YAAM,aAAa,KAAK,GAAG,sBAAsB;AACjD,YAAM,kBAAkB,KAAK,YAAY,sBAAsB;AAC/D,WAAK,gBAAgB,WAAW;AAChC,WAAK,iBAAiB,WAAW;AAEjC,WAAK,gBAAgB;AACrB,WAAK,GAAG,UAAU,IAAI,QAAQ;AAC9B,WAAK,gBAAgB;AAErB,UAAI,OAAO,KAAK,QAAQ,gBAAgB;AACtC,aAAK,QAAQ,YAAY,KAAK,MAAM,KAAK,EAAE;AAC7C,UAAI,aAAa,KAAK,UAAW;AAEjC,WAAK,YAAY,MAAM,QAAQ,gBAAgB,QAAQ;AACvD,WAAK,YAAY,MAAM,SAAS,gBAAgB,SAAS;AACzD,WAAK,YAAY,MAAM,WAAW;AAClC,WAAK,YAAY,MAAM,MAAM;AAC7B,WAAK,YAAY,MAAM,OAAO;AAC9B,WAAK,8BAA8B;AAEnC,WAAK,GAAG,MAAM,WAAW;AACzB,WAAK,GAAG,MAAM,SAAS;AACvB,WAAK,GAAG,MAAM,aAAa;AAE3B,WAAK,YAAY,KAAK,GAAG,aAAa,OAAO;AAC7C,WAAK,aAAa,KAAK,GAAG,aAAa,QAAQ;AAC/C,UAAI,KAAK,WAAW;AAClB,aAAK,GAAG,MAAM,QAAQ,KAAK,YAAY;AACvC,aAAK,GAAG,gBAAgB,OAAO;AAAA,MACjC;AACA,UAAI,KAAK,YAAY;AACnB,aAAK,GAAG,MAAM,SAAS,KAAK,aAAa;AACzC,aAAK,GAAG,gBAAgB,QAAQ;AAAA,MAClC;AACA,WAAK,YAAY;AAEjB,UAAI,KAAK,YAAY,GAAI,MAAK,YAAY;AAE1C,YAAM,eAAe,KAAK,gBAAgB,KAAK;AAC/C,YAAM,gBAAgB,KAAK,iBAAiB,KAAK;AACjD,UAAI,eAAe,eAAe;AAEhC,cAAM,QAAQ,KAAK,iBAAiB,KAAK;AACzC,aAAK,WAAW,KAAK,cAAc;AACnC,aAAK,YAAY,KAAK,cAAc,MAAM;AAAA,MAC5C,OAAO;AAEL,cAAM,QAAQ,KAAK,gBAAgB,KAAK;AACxC,aAAK,WAAW,KAAK,eAAe,MAAM;AAC1C,aAAK,YAAY,KAAK,eAAe;AAAA,MACvC;AAEA,aAAO,iBAAiB,UAAU,KAAK,qBAAqB,EAAE,SAAS,KAAK,CAAC;AAC7E,aAAO,iBAAiB,UAAU,KAAK,qBAAqB,EAAE,SAAS,KAAK,CAAC;AAC7E,aAAO,iBAAiB,SAAS,KAAK,mBAAmB;AACzD,WAAK,gBAAgB;AAAA,IACvB;AAKA;AAAA;AAAA;AAAA,iBAAQ,MAAM;AACZ,UAAI,KAAK,cAAc,CAAC,KAAK,QAAS;AACtC,YAAM,WAAW,KAAK,QAAQ;AAC9B,WAAK,UAAU;AACf,WAAK,gBAAgB;AAErB,UAAI,OAAO,KAAK,QAAQ,iBAAiB;AACvC,aAAK,QAAQ,aAAa,KAAK,MAAM,KAAK,EAAE;AAC9C,UAAI,aAAa,KAAK,UAAW;AAEjC,aAAO,oBAAoB,UAAU,KAAK,mBAAmB;AAC7D,aAAO,oBAAoB,UAAU,KAAK,mBAAmB;AAC7D,aAAO,oBAAoB,SAAS,KAAK,mBAAmB;AAC5D,UAAI,KAAK,SAAU,MAAK,SAAS,KAAK,QAAQ;AAC9C,UAAI,KAAK,cAAe,MAAK,SAAS,KAAK,aAAa;AACxD,WAAK,iBAAiB;AAAA,IACxB;AAxYE,SAAK,GAAG,qBAAqB,IAAI;AAEjC,SAAK,UAAU;AAAA,MACb,GAAG,UAAS;AAAA,MACZ,GAAG;AAAA,IACL;AAEA,SAAK,gBAAgB;AACrB,SAAK,gBAAgB;AACrB,SAAK,cAAc,SAAS,cAAc,KAAK;AAC/C,SAAK,YAAY,UAAU,IAAI,sBAAsB;AACrD,SAAK,gBAAgB;AACrB,SAAK,iBAAiB;AACtB,SAAK,qBAAqB,KAAK,GAAG,aAAa,OAAO;AACtD,SAAK,UAAU,KAAK,GAAG,aAAa,cAAc,KAAK;AACvD,SAAK,YAAY,KAAK,GAAG,aAAa,UAAU;AAChD,SAAK,WAAW,KAAK,GAAG,QAAQ,QAAQ,KAAK,KAAK;AAClD,SAAK,GAAG,WAAW,KAAK,aAAa,KAAK,KAAK,IAAI;AAEnD,SAAK,GAAG,OAAO,KAAK,WAAW;AAC/B,SAAK,YAAY,OAAO,KAAK,EAAE;AAC/B,SAAK,oBAAoB;AAAA,EAC3B;AAAA,EAEA,WAAW,WAA4B;AACrC,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBA,OAAO,KACL,KACA,UAAoC,CAAC,GACd;AACvB,WAAO,MAAM,KAAK,KAAK,SAAS,SAAQ;AAAA,EAC1C;AAAA,EAEA,OAAO,YAAY,IAA2B;AAC5C,WAAO,GAAG,qBAAqB;AAAA,EACjC;AAAA,EAEA,UAAU;AACR,QAAI,KAAK,WAAY;AACrB,SAAK,aAAa;AAClB,UAAM,OAAO,KAAK,GAAG,YAAY;AACjC,UAAM,UAAU,KAAK,kBAAkB,KAAK;AAC5C,SAAK,qBAAqB;AAC1B,SAAK,QAAQ;AACb,SAAK,OAAO;AACZ,SAAK,YAAY,YAAY,KAAK,EAAE;AACpC,QAAI,SAAS,SAAS;AACtB,WAAO,QAAQ,YAAY,cAAe,UAAS,OAAO,WAAW;AACrE,QAAI,YAAY,WAAW,SAAS,QAAQ,WAAY,KAAoB,MAAO,MAAK,SAAS,MAAM;AACvG,QAAI,KAAK,cAAc,KAAM,MAAK,GAAG,gBAAgB,UAAU;AAAA,QAC1D,MAAK,GAAG,aAAa,YAAY,KAAK,SAAS;AACpD,SAAK,GAAG,qBAAqB,IAAI;AAAA,EACnC;AAAA,EAEQ,SAAS;AACf,WAAO,oBAAoB,UAAU,KAAK,mBAAmB;AAC7D,WAAO,oBAAoB,UAAU,KAAK,mBAAmB;AAC7D,WAAO,oBAAoB,SAAS,KAAK,mBAAmB;AAC5D,SAAK,UAAU,OAAO;AACtB,SAAK,eAAe,OAAO;AAC3B,eAAW,YAAY,KAAK,sBAAsB;AAChD,YAAM,QAAQ,UAAS,UAAU,IAAI,QAAQ;AAC7C,UAAI,EAAE,MAAM,UAAU,GAAG;AACvB,iBAAS,MAAM,YAAY,YAAY,MAAM,OAAO,MAAM,QAAQ;AAClE,kBAAS,UAAU,OAAO,QAAQ;AAAA,MACpC;AAAA,IACF;AACA,SAAK,uBAAuB,CAAC;AAC7B,QAAI,KAAK,aAAa,KAAM,MAAK,GAAG,aAAa,SAAS,KAAK,SAAS;AACxE,QAAI,KAAK,cAAc,KAAM,MAAK,GAAG,aAAa,UAAU,KAAK,UAAU;AAC3E,SAAK,GAAG,UAAU,OAAO,QAAQ;AACjC,SAAK,YAAY,gBAAgB,OAAO;AACxC,QAAI,KAAK,uBAAuB,KAAM,MAAK,GAAG,gBAAgB,OAAO;AAAA,QAChE,MAAK,GAAG,aAAa,SAAS,KAAK,kBAAkB;AAC1D,SAAK,gBAAgB;AACrB,SAAK,UAAU;AACf,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEQ,UAAU;AAChB,eAAW,SAAS,KAAK,QAAQ,KAAK,EAAG,cAAa,KAAK;AAC3D,SAAK,QAAQ,MAAM;AACnB,WAAO,EAAE,KAAK;AAAA,EAChB;AAAA,EAEQ,UAAU,UAAsB,OAAe;AACrD,QAAI,KAAK,QAAQ,SAAS;AAAE,eAAS;AAAG;AAAA,IAAQ;AAChD,UAAM,QAAQ,WAAW,MAAM;AAAE,WAAK,QAAQ,OAAO,KAAK;AAAG,eAAS;AAAA,IAAG,GAAG,KAAK;AACjF,SAAK,QAAQ,IAAI,OAAO,QAAQ;AAAA,EAClC;AAAA,EAeQ,sBAAsB;AAC5B,SAAK,QAAQ,iBAAiB,UAAU,KAAK,mBAAmB;AAChE,SAAK,SAAS,iBAAiB,SAAS,KAAK,qBAAqB;AAClE,SAAK,GAAG,iBAAiB,WAAW,KAAK,uBAAuB;AAAA,EAClE;AAAA,EAEQ,uBAAuB;AAC7B,SAAK,QAAQ,oBAAoB,UAAU,KAAK,mBAAmB;AACnE,SAAK,SAAS,oBAAoB,SAAS,KAAK,qBAAqB;AACrE,SAAK,GAAG,oBAAoB,WAAW,KAAK,uBAAuB;AAAA,EACrE;AAAA,EAuBQ,gCAAgC;AACtC,SAAK,uBAAuB,CAAC;AAC7B,QAAI,WAAiB,KAAK,YAAY;AACtC,WAAO,YAAY,QAAQ,aAAa,UAAU;AAChD,YAAM,OAAoB;AAE1B,UAAI,KAAK,UAAU,KAAK,MAAM,aAAa,aAAa,UAAS,UAAU,IAAI,IAAI,IAAI;AAGrF,cAAM,QAAQ,UAAS,UAAU,IAAI,IAAI,KAAK,EAAE,OAAO,GAAG,OAAO,KAAK,MAAM,UAAU,UAAU,KAAK,MAAM,oBAAoB,UAAU,EAAE;AAC3I,cAAM;AACN,kBAAS,UAAU,IAAI,MAAM,KAAK;AAClC,aAAK,qBAAqB,KAAK,IAAI;AACnC,aAAK,MAAM,WAAW;AAAA,MACxB;AACA,iBAAW,SAAS,cAA2B,SAAU;AAAA,IAC3D;AAAA,EACF;AAAA,EAEQ,QAAQ,IAAiB;AAC/B,UAAM,MAAM,GAAG,sBAAsB;AACrC,UAAM,UAAU,SAAS;AACzB,WAAO;AAAA,MACL,KAAK,IAAI,MAAM,OAAO,UAAU,QAAQ;AAAA,MACxC,MAAM,IAAI,OAAO,OAAO,UAAU,QAAQ;AAAA,IAC5C;AAAA,EACF;AAAA,EACQ,cAAoB;AAC1B,SAAK,cAAc,OAAO;AAC1B,SAAK,eAAe,OAAO;AAC3B,SAAK,UAAU,KAAK,GAAG,aAAa,cAAc,KAAK;AAAA,EACzD;AAAA;AAAA,EAGQ,kBAAwB;AAC9B,SAAK,GAAG,MAAM,YAAY,KAAK,UAAU,SAAS,IAAI;AACtD,SAAK,GAAG,MAAM,WAAW,KAAK,SAAS,SAAS,IAAI;AACpD,UAAM,WAAW,KAAK,QAAQ,UAAU,IAAI,KAAK,QAAQ;AAEzD,SAAK,GAAG,MAAM,aAAa;AAC3B,SAAK,GAAG,MAAM,SAAS,KAAK,iBAAiB;AAC7C,SAAK,GAAG,MAAM,QAAQ,KAAK,gBAAgB;AAC3C,SAAK,UAAU,MAAM;AAEnB,YAAM,oBAAoB,KAAK,QAAQ,KAAK,WAAW;AAEvD,WAAK,GAAG,MAAM,aAAa,UAAU,QAAQ;AAAA,gBACnC,QAAQ;AAAA,eACT,QAAQ;AAAA,cACT,QAAQ;AAAA;AAGhB,WAAK,GAAG,MAAM,SAAS,KAAK,YAAY;AACxC,WAAK,GAAG,MAAM,QAAQ,KAAK,WAAW;AACtC,WAAK,GAAG,MAAM,OACZ,MAAM,sBAAsB,IAC5B,KAAK,cAAc,IACnB,kBAAkB,OAClB,KAAK,WAAW,IAChB;AAEF,WAAK,GAAG,MAAM,MACZ,MAAM,qBAAqB,IAC3B,KAAK,eAAe,IACpB,kBAAkB,MAClB,KAAK,YAAY,IACjB;AAAA,IACJ,GAAG,CAAC;AAEJ,SAAK,UAAU,MAAM;AACnB,WAAK,gBAAgB;AACrB,UAAI,OAAO,KAAK,QAAQ,cAAc,WAAY,MAAK,QAAQ,UAAU,KAAK,MAAM,KAAK,EAAE;AAAA,IAC7F,GAAG,QAAQ;AAAA,EAEb;AAAA,EACQ,mBAAyB;AAC/B,UAAM,WAAW,KAAK,QAAQ,UAAU,IAAI,KAAK,QAAQ;AAEzD,SAAK,GAAG,MAAM,aAAa,UAAU,QAAQ;AAAA,cACnC,QAAQ;AAAA,aACT,QAAQ;AAAA,YACT,QAAQ;AAAA;AAGhB,SAAK,GAAG,MAAM,SAAS,KAAK,iBAAiB;AAC7C,SAAK,GAAG,MAAM,QAAQ,KAAK,gBAAgB;AAC3C,SAAK,GAAG,MAAM,OAAO;AACrB,SAAK,GAAG,MAAM,MAAM;AACpB,SAAK,UAAU,MAAM;AACnB,WAAK,OAAO;AAEZ,UAAI,OAAO,KAAK,QAAQ,eAAe;AACrC,aAAK,QAAQ,WAAW,KAAK,MAAM,KAAK,EAAE;AAAA,IAC9C,GAAG,QAAQ;AAAA,EACb;AAAA;AAAA,EAGQ,cAAoB;AAC1B,SAAK,gBAAgB,SAAS,cAAc,KAAK;AACjD,SAAK,cAAc,UAAU,IAAI,kBAAkB;AACnD,SAAK,cAAc,YAAY,KAAK;AACpC,UAAM,WAAW,KAAK,EAAE,EAAE,OAAO,KAAK,aAAa;AACnD,SAAK,cAAc,MAAM,UAAU;AACnC,SAAK,QAAQ,KAAK,aAAa;AAAA,EACjC;AAAA;AAAA,EAGQ,cAAoB;AAC1B,SAAK,WAAW,SAAS,cAAc,KAAK;AAC5C,SAAK,SAAS,KAAK;AACnB,SAAK,SAAS;AAAA,MACZ;AAAA,MACA,CAAC,UAAU;AACT,cAAM,gBAAgB;AACtB,aAAK,MAAM;AAAA,MACb;AAAA,MACA,EAAE,MAAM,KAAK;AAAA,IACf;AAGA,SAAK,GAAG,OAAO,KAAK,QAAQ;AAG5B,UAAM,gBAAgB,KAAK,SAAS,sBAAsB;AAC1D,SAAK,SAAS,MAAM,QAAQ,KAAK,cAAc;AAC/C,SAAK,SAAS,MAAM,SAAS,KAAK,eAAe;AACjD,SAAK,SAAS,MAAM,OAAO,KAAK,cAAc,OAAO;AACrD,SAAK,SAAS,MAAM,MAAM,KAAK,cAAc,MAAM;AAEnD,SAAK,QAAQ,KAAK,QAAQ;AAAA,EAC5B;AAAA,EAEQ,QAAQ,IAAuB;AACrC,OAAG,MAAM,aAAa;AACtB,OAAG,MAAM,UAAU;AACnB,UAAM,WAAW,KAAK,QAAQ,UAAU,IAAI,KAAK,QAAQ;AACzD,SAAK,UAAU,MAAM;AACnB,SAAG,MAAM,aAAa,WAAW,QAAQ;AACzC,SAAG,MAAM,UAAU;AAAA,IACrB,GAAG,CAAC;AAAA,EACN;AAAA,EAEQ,SAAS,IAAuB;AACtC,UAAM,WAAW,KAAK,QAAQ,UAAU,IAAI,KAAK,QAAQ;AACzD,OAAG,MAAM,aAAa,WAAW,QAAQ;AACzC,OAAG,MAAM,UAAU;AAAA,EACrB;AA2FF;AA3aa,UAeI,YAAY,oBAAI,QAAyE;AAfnG,IAAM,WAAN;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/components/richTextEditor.ts"],
-  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\n/**\n * The parts of a Tiptap `Editor` this component uses. Declared here so the\n * published types do not depend on Tiptap.\n */\nexport interface RichTextEditorInstance {\n  commands: object;\n  isEditable: boolean;\n  isEmpty: boolean;\n  chain(): any;\n  can(): any;\n  isActive(name: string, attributes?: object): boolean;\n  getHTML(): string;\n  on(event: string, callback: () => void): unknown;\n  off(event: string, callback: () => void): unknown;\n  destroy(): void;\n}\n\nexport interface RichTextEditorOptions extends BaseOptions {\n  /**\n   * Tiptap's `Editor` class. ExpressiveCSS does not bundle Tiptap, so the\n   * page imports it and passes it in.\n   * @default null\n   */\n  Editor: (new (options: any) => RichTextEditorInstance) | null;\n  /**\n   * Tiptap extensions, usually `[StarterKit]`.\n   * @default []\n   */\n  extensions: unknown[];\n}\n\nconst _defaults: RichTextEditorOptions = {\n  Editor: null,\n  extensions: []\n};\n\ntype Action = { command: string; attributes?: object; active?: string };\n\n// Copied from the textarea onto the editable element.\nconst NAMING = ['aria-label', 'aria-labelledby', 'aria-describedby'];\n\n/**\n * A rich text editor built on Tiptap: a `.rich-text-editor` holding a\n * `<textarea>` and, usually, a `.toolbar` of `[data-command]` buttons.\n *\n * The textarea's value is the starting HTML. The component hides it, mounts\n * the editor after it and writes the editor's HTML back on every change, so\n * the textarea still submits with its form. A button's `data-command` names a\n * Tiptap command and `data-attributes` holds its JSON argument. Buttons are\n * disabled when their command cannot run, and `toggle*` commands report their\n * state with `aria-pressed` and `.active`.\n */\nexport class RichTextEditor extends Component<RichTextEditorOptions> {\n  /** The Tiptap editor. */\n  editor: RichTextEditorInstance | null = null;\n  /** The form value. */\n  textarea: HTMLTextAreaElement | null;\n  /** The element the editor is mounted in. */\n  content: HTMLElement | null = null;\n  private _actions = new Map<HTMLButtonElement, Action>();\n  private _label: HTMLLabelElement | null = null;\n\n  constructor(el: HTMLElement, options: Partial<RichTextEditorOptions>) {\n    super(el, options, RichTextEditor);\n    this.el['Expressive_RichTextEditor'] = this;\n    this.options = {\n      ...RichTextEditor.defaults,\n      ...options\n    };\n    this.textarea = el.querySelector(':scope > textarea');\n    if (!this.textarea || !this.options.Editor) {\n      console.error('RichTextEditor needs a <textarea> child and the Tiptap Editor class in options.Editor.');\n      return;\n    }\n\n    for (const button of el.querySelectorAll<HTMLButtonElement>('button[data-command]')) {\n      const command = button.dataset.command;\n      const attributes = button.dataset.attributes ? JSON.parse(button.dataset.attributes) : undefined;\n      // toggleBulletList is active while the selection is in a bulletList.\n      const active = command.startsWith('toggle') ? command[6].toLowerCase() + command.slice(7) : undefined;\n      this._actions.set(button, { command, attributes, active });\n    }\n\n    const attributes: Record<string, string> = { role: 'textbox', 'aria-multiline': 'true' };\n    for (const name of NAMING) {\n      const value = this.textarea.getAttribute(name);\n      if (value) attributes[name] = value;\n    }\n    // A <label for> names the hidden textarea, so it has to name the editor\n    // instead, and a click on it has to focus the editor.\n    this._label = this.textarea.labels?.[0] ?? null;\n    if (this._label && !attributes['aria-labelledby']) {\n      if (!this._label.id) this._label.id = `rich-text-editor-label-${Utils.guid()}`;\n      attributes['aria-labelledby'] = this._label.id;\n      this._label.addEventListener('click', this._handleLabelClick);\n    }\n\n    this.content = document.createElement('div');\n    this.content.className = 'rich-text-editor-content';\n    this.textarea.after(this.content);\n    this.textarea.hidden = true;\n    this.editor = new this.options.Editor({\n      element: this.content,\n      extensions: this.options.extensions,\n      content: this.textarea.value,\n      editable: !(this.textarea.disabled || this.textarea.readOnly),\n      editorProps: { attributes }\n    });\n    this.editor.on('update', this._handleUpdate);\n    this.editor.on('transaction', this._handleTransaction);\n    this._handleTransaction();\n    el.addEventListener('click', this._handleClick);\n  }\n\n  static get defaults(): RichTextEditorOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of RichTextEditor.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<RichTextEditorOptions>): RichTextEditor;\n  /**\n   * Initializes instances of RichTextEditor.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<InitElement>,\n    options?: Partial<RichTextEditorOptions>\n  ): RichTextEditor[];\n  /**\n   * Initializes instances of RichTextEditor.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<RichTextEditorOptions> = {}\n  ): RichTextEditor | RichTextEditor[] {\n    return super.init(els, options, RichTextEditor);\n  }\n\n  static getInstance(el: HTMLElement): RichTextEditor {\n    return el['Expressive_RichTextEditor'];\n  }\n\n  destroy() {\n    this.el['Expressive_RichTextEditor'] = undefined;\n    if (!this.editor) return;\n    this.el.removeEventListener('click', this._handleClick);\n    this._label?.removeEventListener('click', this._handleLabelClick);\n    this.editor.off('update', this._handleUpdate);\n    this.editor.off('transaction', this._handleTransaction);\n    this.editor.destroy();\n    this.editor = null;\n    this.content.remove();\n    this.textarea.hidden = false;\n    for (const button of this._actions.keys()) {\n      button.disabled = false;\n      button.classList.remove('active');\n      button.removeAttribute('aria-pressed');\n    }\n  }\n\n  private _handleClick = (e: MouseEvent) => {\n    const button = (e.target as Element).closest<HTMLButtonElement>('button[data-command]');\n    const action = this._actions.get(button);\n    if (action && !button.disabled) this.editor.chain().focus()[action.command](action.attributes).run();\n  };\n\n  private _handleLabelClick = () => {\n    this.editor.chain().focus().run();\n  };\n\n  private _handleUpdate = () => {\n    this.textarea.value = this.editor.isEmpty ? '' : this.editor.getHTML();\n    this.textarea.dispatchEvent(new Event('input', { bubbles: true }));\n  };\n\n  private _handleTransaction = () => {\n    const can = this.editor.isEditable && this.editor.can();\n    for (const [button, { command, attributes, active }] of this._actions) {\n      button.disabled = !can || !(command in this.editor.commands) || !can[command](attributes);\n      if (!active) continue;\n      const on = this.editor.isActive(active, attributes);\n      button.setAttribute('aria-pressed', String(on));\n      button.classList.toggle('active', on);\n    }\n  };\n}\n"],
-  "mappings": "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",
-  "names": ["attributes"]
-}