@expressivecss/expressive 0.15.0 → 0.16.0

package/dist/js/chunks/{chunk-FM5CZOUB.mjs → chunk-ZJNLAGY5.mjs}

@@ -1,6 +1,6 @@
 import {
   Component
-} from "./chunk-PD6HYHAE.mjs";
+} from "./chunk-CMGXGYUC.mjs";
 
 // src/ts/components/scrollspy.ts
 var _defaultGetActiveElement = (id) => `a[href="#${id}"]`;
@@ -12,14 +12,9 @@ var _defaults = {
 };
 var _ScrollSpy = class _ScrollSpy extends Component {
   constructor(el, options) {
-    super(el, options, _ScrollSpy);
+    super(el, options);
     this._ratio = 0;
     this._link = null;
-    this.el["Expressive_ScrollSpy"] = this;
-    this.options = {
-      ..._ScrollSpy.defaults,
-      ...options
-    };
     this._offset = this.el.style.getPropertyValue("--md-comp-scrollspy-offset");
     this._offsetPriority = this.el.style.getPropertyPriority("--md-comp-scrollspy-offset");
     this.el.style.setProperty(
@@ -27,27 +22,19 @@ var _ScrollSpy = class _ScrollSpy extends Component {
       `${this.options.scrollOffset}px`
     );
     _ScrollSpy._elements.push(this);
-    if (typeof IntersectionObserver !== "undefined") {
-      this._observer = new IntersectionObserver((entries) => {
-        if (_ScrollSpy.getInstance(this.el) !== this) return;
-        for (const entry of entries) this._ratio = entry.isIntersecting ? entry.intersectionRatio : 0;
-        _ScrollSpy._syncActive(this.options.getActiveElement);
-      }, {
-        rootMargin: `-${this.options.scrollOffset}px 0px -45% 0px`,
-        threshold: [0, 0.1, 0.25, 0.5, 0.75, 1]
-      });
-      this._observer.observe(this.el);
-    }
+    this._observer = new IntersectionObserver((entries) => {
+      if (_ScrollSpy.getInstance(this.el) !== this) return;
+      for (const entry of entries) this._ratio = entry.isIntersecting ? entry.intersectionRatio : 0;
+      _ScrollSpy._syncActive(this.options.getActiveElement);
+    }, {
+      rootMargin: `-${this.options.scrollOffset}px 0px -45% 0px`,
+      threshold: [0, 0.1, 0.25, 0.5, 0.75, 1]
+    });
+    this._observer.observe(this.el);
   }
   static get defaults() {
     return _defaults;
   }
-  static init(els, options = {}) {
-    return super.init(els, options, _ScrollSpy);
-  }
-  static getInstance(el) {
-    return el["Expressive_ScrollSpy"];
-  }
   destroy() {
     const index = _ScrollSpy._elements.indexOf(this);
     if (index < 0) return;
@@ -56,7 +43,7 @@ var _ScrollSpy = class _ScrollSpy extends Component {
     const resolver = this.options.getActiveElement;
     if (_ScrollSpy._active.get(resolver) === this) _ScrollSpy._clearActive(resolver);
     this.el.style.setProperty("--md-comp-scrollspy-offset", this._offset, this._offsetPriority);
-    this.el["Expressive_ScrollSpy"] = void 0;
+    super.destroy();
     _ScrollSpy._syncActive(resolver);
   }
   static _syncActive(resolver) {
@@ -76,7 +63,7 @@ var _ScrollSpy = class _ScrollSpy extends Component {
     }
     const active = _ScrollSpy._active.get(resolver);
     if (best && active === best && best._link?.isConnected) return;
-    const next = best ? _ScrollSpy._linkFor(best.el.id, best.options) : null;
+    const next = best ? _ScrollSpy._linkFor(best.el.id, best.options, best.el.getRootNode()) : null;
     if (active === best && active?._link === next) return;
     _ScrollSpy._clearActive(resolver);
     if (!next) return;
@@ -84,6 +71,7 @@ var _ScrollSpy = class _ScrollSpy extends Component {
     next.setAttribute("aria-current", "true");
     best._link = next;
     _ScrollSpy._active.set(resolver, best);
+    best._notify("change", null, { detail: { link: next } });
   }
   static _nearestAbove(elements) {
     let best = null;
@@ -109,24 +97,25 @@ var _ScrollSpy = class _ScrollSpy extends Component {
    * Default lookup compares href attributes (no interpolated selector).
    * A custom getActiveElement still returns a selector.
    */
-  static _linkFor(id, options) {
+  static _linkFor(id, options, root = document) {
     if (!id) return null;
     if (options.getActiveElement !== _defaultGetActiveElement) {
       try {
-        return document.querySelector(options.getActiveElement(id));
+        return root.querySelector(options.getActiveElement(id));
       } catch {
         return null;
       }
     }
     const href = `#${id}`;
-    return Array.from(document.querySelectorAll('a[href^="#"]')).find((link) => link.getAttribute("href") === href) ?? null;
+    return Array.from(root.querySelectorAll('a[href^="#"]')).find((link) => link.getAttribute("href") === href) ?? null;
   }
 };
 _ScrollSpy._elements = [];
 _ScrollSpy._active = /* @__PURE__ */ new Map();
+_ScrollSpy.key = "Expressive_ScrollSpy";
 var ScrollSpy = _ScrollSpy;
 
 export {
   ScrollSpy
 };
-//# sourceMappingURL=chunk-FM5CZOUB.mjs.map
+//# sourceMappingURL=chunk-ZJNLAGY5.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/scrollspy.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\n\nexport interface ScrollSpyOptions extends BaseOptions {\n  /**\n   * Offset used as IntersectionObserver rootMargin and as\n   * `--md-comp-scrollspy-offset` (scroll-margin on the section).\n   * @default 200\n   */\n  scrollOffset: number;\n  /**\n   * Class applied to active elements.\n   * @default 'active'\n   */\n  activeClass: string;\n  /**\n   * Returns a CSS selector for the TOC link. The default is unused: links\n   * are found by comparing `a[href^=\"#\"]` to `#id`. A custom function\n   * still runs through `querySelector` (escape any author id yourself).\n   * @default id => 'a[href=\"#' + id + '\"]'\n   */\n  getActiveElement: (id: string) => string;\n  /**\n   * If true, keep the last section above the viewport active when nothing\n   * intersects. If there is no such section, the first one stays active.\n   * @default false\n   */\n  keepTopElementActive: boolean;\n}\n\nconst _defaultGetActiveElement = (id: string): string => `a[href=\"#${id}\"]`;\n\nconst _defaults: ScrollSpyOptions = {\n  scrollOffset: 200,\n  activeClass: 'active',\n  getActiveElement: _defaultGetActiveElement,\n  keepTopElementActive: false\n};\n\n/**\n * ScrollSpy. IntersectionObserver decides which section is current.\n * Hash links are left to the browser (`scroll-margin` + `scroll-behavior`).\n */\nexport class ScrollSpy extends Component<ScrollSpyOptions> {\n  static _elements: ScrollSpy[] = [];\n  private static _active = new Map<ScrollSpyOptions['getActiveElement'], ScrollSpy>();\n  private _observer: IntersectionObserver;\n  private _ratio = 0;\n  private _link: Element | null = null;\n  private _offset: string;\n  private _offsetPriority: string;\n\n  constructor(el: HTMLElement, options: Partial<ScrollSpyOptions>) {\n    super(el, options);\n\n    this._offset = this.el.style.getPropertyValue('--md-comp-scrollspy-offset');\n    this._offsetPriority = this.el.style.getPropertyPriority('--md-comp-scrollspy-offset');\n    this.el.style.setProperty(\n      '--md-comp-scrollspy-offset',\n      `${this.options.scrollOffset}px`\n    );\n\n    ScrollSpy._elements.push(this);\n    this._observer = new IntersectionObserver((entries) => {\n      if (ScrollSpy.getInstance(this.el) !== this) return;\n      for (const entry of entries) this._ratio = entry.isIntersecting ? entry.intersectionRatio : 0;\n      ScrollSpy._syncActive(this.options.getActiveElement);\n    }, {\n      rootMargin: `-${this.options.scrollOffset}px 0px -45% 0px`,\n      threshold: [0, 0.1, 0.25, 0.5, 0.75, 1]\n    });\n    this._observer.observe(this.el);\n  }\n\n  static get defaults(): ScrollSpyOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_ScrollSpy';\n\n  destroy() {\n    const index = ScrollSpy._elements.indexOf(this);\n    if (index < 0) return;\n    ScrollSpy._elements.splice(index, 1);\n    this._observer?.disconnect();\n    const resolver = this.options.getActiveElement;\n    if (ScrollSpy._active.get(resolver) === this) ScrollSpy._clearActive(resolver);\n    this.el.style.setProperty('--md-comp-scrollspy-offset', this._offset, this._offsetPriority);\n    super.destroy();\n    ScrollSpy._syncActive(resolver);\n  }\n\n  private static _syncActive(resolver: ScrollSpyOptions['getActiveElement']) {\n    const elements = ScrollSpy._elements.filter(spy => spy.options.getActiveElement === resolver);\n\n    let best: ScrollSpy | null = null;\n    let bestRatio = 0;\n    for (const spy of elements) {\n      const ratio = spy._ratio;\n      if (ratio > bestRatio) {\n        bestRatio = ratio;\n        best = spy;\n      }\n    }\n\n    if (!best) {\n      const retained = elements.filter(spy => spy.options.keepTopElementActive);\n      best = ScrollSpy._nearestAbove(retained) ?? retained[0];\n    }\n\n    const active = ScrollSpy._active.get(resolver);\n    // Most callbacks only move a ratio within the same section. Its link is\n    // already marked, so skip the document-wide lookup.\n    if (best && active === best && best._link?.isConnected) return;\n    const next = best ? ScrollSpy._linkFor(best.el.id, best.options, best.el.getRootNode() as ParentNode) : null;\n    if (active === best && active?._link === next) return;\n    ScrollSpy._clearActive(resolver);\n    if (!next) return;\n    next.classList.add(best.options.activeClass);\n    next.setAttribute('aria-current', 'true');\n    best._link = next;\n    ScrollSpy._active.set(resolver, best);\n    best._notify('change', null, { detail: { link: next } });\n  }\n\n  private static _nearestAbove(elements: ScrollSpy[]): ScrollSpy | null {\n    let best: ScrollSpy | null = null;\n    let bestTop = -Infinity;\n    for (const spy of elements) {\n      const top = spy.el.getBoundingClientRect().top;\n      if (top <= 0 && top >= bestTop) {\n        bestTop = top;\n        best = spy;\n      }\n    }\n    return best;\n  }\n\n  private static _clearActive(resolver: ScrollSpyOptions['getActiveElement']) {\n    const active = ScrollSpy._active.get(resolver);\n    if (!active) return;\n    active._link?.classList.remove(active.options.activeClass);\n    active._link?.removeAttribute('aria-current');\n    active._link = null;\n    ScrollSpy._active.delete(resolver);\n  }\n\n  /**\n   * Default lookup compares href attributes (no interpolated selector).\n   * A custom getActiveElement still returns a selector.\n   */\n  static _linkFor(id: string, options: ScrollSpyOptions, root: ParentNode = document): Element | null {\n    if (!id) return null;\n    if (options.getActiveElement !== _defaultGetActiveElement) {\n      try {\n        return root.querySelector(options.getActiveElement(id));\n      } catch {\n        return null;\n      }\n    }\n    const href = `#${id}`;\n    return Array.from(root.querySelectorAll('a[href^=\"#\"]')).find(link => link.getAttribute('href') === href) ?? null;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,81 @@
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/plugins/dockedDisplayPlugin.ts
+var _defaults = {
+  margin: 5,
+  transition: 10,
+  duration: 250,
+  align: "left"
+};
+var DockedDisplayPlugin = class {
+  constructor(el, container, options) {
+    this._handleDocumentClick = (e) => {
+      if (!this.visible) return;
+      const path = e.composedPath();
+      if (![...this.triggers, this.container].some((inside) => path.includes(inside))) this.hide();
+    };
+    /**
+     * Tears the plugin down. While shown, the document listener holds a
+     * reference to this instance - and through it the whole picker subtree - so
+     * the owning component must call this from its own destroy().
+     */
+    this.destroy = () => {
+      document.removeEventListener("click", this._handleDocumentClick);
+      this.container.remove();
+    };
+    this.show = () => {
+      if (this.visible) return;
+      this.visible = true;
+      document.addEventListener("click", this._handleDocumentClick);
+      this._place();
+      this.container.style.visibility = "visible";
+      this._animate(this.options.transition, "1");
+    };
+    this.hide = () => {
+      if (!this.visible) return;
+      this.visible = false;
+      document.removeEventListener("click", this._handleDocumentClick);
+      this.container.removeAttribute("style");
+      this._animate(0, "0");
+    };
+    this.el = el;
+    this.triggers = [el];
+    this.options = {
+      ..._defaults,
+      ...options
+    };
+    this.container = document.createElement("div");
+    this.container.classList.add("display-docked");
+    this.container.append(container);
+    el.parentElement.append(this.container);
+  }
+  /** Eases the container to `y` pixels down and to `opacity`. */
+  _animate(y, opacity) {
+    const { duration } = this.options;
+    this.container.style.transition = `transform ${duration}ms ease-out, opacity ${duration}ms ease-out`;
+    setTimeout(() => {
+      this.container.style.transform = `translateX(0px) translateY(${y}px)`;
+      this.container.style.opacity = opacity;
+    }, 1);
+  }
+  /** Places the container below the element, kept on screen. */
+  _place() {
+    const { margin, transition, align } = this.options;
+    const { offsetHeight, offsetWidth } = this.el;
+    const width = this.container.offsetWidth;
+    const rect = this.el.getBoundingClientRect();
+    let left = rect.left + window.scrollX;
+    if (align === "center") left += offsetWidth / 2 - width / 2;
+    else if (align === "right") left += offsetWidth - width - margin;
+    const top = rect.top + window.scrollY + offsetHeight + margin;
+    const coordinates = Utils._repositionWithinScreen(left, top, width, this.container.offsetHeight, margin, transition, align);
+    Utils._placeInOffsetParent(this.container, coordinates);
+  }
+};
+
+export {
+  DockedDisplayPlugin
+};
+//# sourceMappingURL=chunk-ZKWUWBUB.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/plugins/dockedDisplayPlugin.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\n\nexport interface DockedDisplayPluginOptions {\n  /**\n   * Margin between element and docked container\n   */\n  margin: number,\n  /**\n   * Transition movement\n   */\n  transition: number,\n  /**\n   * Transition duration\n   */\n  duration: number,\n  /**\n   * The alignment of the docked container\n   */\n  align: string\n}\n\nconst _defaults: DockedDisplayPluginOptions = {\n  margin: 5,\n  transition: 10,\n  duration: 250,\n  align: 'left'\n}\n\nexport class DockedDisplayPlugin {\n  private readonly el: HTMLElement;\n  private readonly container: HTMLDivElement;\n  private options: Partial<DockedDisplayPluginOptions>;\n  private visible: boolean;\n  /**\n   * Elements whose clicks count as inside, beside the container: the element\n   * the container docks to, and any other control that opens it, such as a\n   * date range's end input. A click on one of those must not close it.\n   */\n  readonly triggers: HTMLElement[];\n\n  constructor(el: HTMLElement, container: HTMLElement, options: Partial<DockedDisplayPluginOptions>) {\n    this.el = el;\n    this.triggers = [el];\n    this.options = {\n      ..._defaults,\n      ...options\n    };\n\n    this.container = document.createElement('div');\n    this.container.classList.add('display-docked');\n    this.container.append(container);\n    el.parentElement.append(this.container);\n  }\n\n  private _handleDocumentClick = (e: MouseEvent) => {\n    if (!this.visible) return;\n    const path = e.composedPath();\n    if (![...this.triggers, this.container].some((inside) => path.includes(inside))) this.hide();\n  };\n\n  /** Eases the container to `y` pixels down and to `opacity`. */\n  private _animate(y: number, opacity: string) {\n    const { duration } = this.options;\n    this.container.style.transition = `transform ${duration}ms ease-out, opacity ${duration}ms ease-out`;\n    setTimeout(() => {\n      this.container.style.transform = `translateX(0px) translateY(${y}px)`;\n      this.container.style.opacity = opacity;\n    }, 1);\n  }\n\n  /** Places the container below the element, kept on screen. */\n  private _place() {\n    const { margin, transition, align } = this.options;\n    const { offsetHeight, offsetWidth } = this.el;\n    const width = this.container.offsetWidth;\n    const rect = this.el.getBoundingClientRect();\n    let left = rect.left + window.scrollX;\n    if (align === 'center') left += offsetWidth / 2 - width / 2;\n    else if (align === 'right') left += offsetWidth - width - margin;\n    const top = rect.top + window.scrollY + offsetHeight + margin;\n    const coordinates = Utils._repositionWithinScreen(left, top, width, this.container.offsetHeight, margin, transition, align);\n    Utils._placeInOffsetParent(this.container, coordinates);\n  }\n\n  /**\n   * Tears the plugin down. While shown, the document listener holds a\n   * reference to this instance - and through it the whole picker subtree - so\n   * the owning component must call this from its own destroy().\n   */\n  destroy = () => {\n    document.removeEventListener('click', this._handleDocumentClick);\n    this.container.remove();\n  };\n\n  show = () => {\n    if (this.visible) return;\n    this.visible = true;\n    document.addEventListener('click', this._handleDocumentClick);\n    this._place();\n    this.container.style.visibility = 'visible';\n    this._animate(this.options.transition, '1');\n  };\n\n  hide = () => {\n    if (!this.visible) return;\n    this.visible = false;\n    document.removeEventListener('click', this._handleDocumentClick);\n    this.container.removeAttribute('style');\n    this._animate(0, '0');\n  };\n}\n"],
+  "mappings": ";;;;;AAqBA,IAAM,YAAwC;AAAA,EAC5C,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,OAAO;AACT;AAEO,IAAM,sBAAN,MAA0B;AAAA,EAY/B,YAAY,IAAiB,WAAwB,SAA8C;AAcnG,SAAQ,uBAAuB,CAAC,MAAkB;AAChD,UAAI,CAAC,KAAK,QAAS;AACnB,YAAM,OAAO,EAAE,aAAa;AAC5B,UAAI,CAAC,CAAC,GAAG,KAAK,UAAU,KAAK,SAAS,EAAE,KAAK,CAAC,WAAW,KAAK,SAAS,MAAM,CAAC,EAAG,MAAK,KAAK;AAAA,IAC7F;AA+BA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAU,MAAM;AACd,eAAS,oBAAoB,SAAS,KAAK,oBAAoB;AAC/D,WAAK,UAAU,OAAO;AAAA,IACxB;AAEA,gBAAO,MAAM;AACX,UAAI,KAAK,QAAS;AAClB,WAAK,UAAU;AACf,eAAS,iBAAiB,SAAS,KAAK,oBAAoB;AAC5D,WAAK,OAAO;AACZ,WAAK,UAAU,MAAM,aAAa;AAClC,WAAK,SAAS,KAAK,QAAQ,YAAY,GAAG;AAAA,IAC5C;AAEA,gBAAO,MAAM;AACX,UAAI,CAAC,KAAK,QAAS;AACnB,WAAK,UAAU;AACf,eAAS,oBAAoB,SAAS,KAAK,oBAAoB;AAC/D,WAAK,UAAU,gBAAgB,OAAO;AACtC,WAAK,SAAS,GAAG,GAAG;AAAA,IACtB;AApEE,SAAK,KAAK;AACV,SAAK,WAAW,CAAC,EAAE;AACnB,SAAK,UAAU;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,SAAK,YAAY,SAAS,cAAc,KAAK;AAC7C,SAAK,UAAU,UAAU,IAAI,gBAAgB;AAC7C,SAAK,UAAU,OAAO,SAAS;AAC/B,OAAG,cAAc,OAAO,KAAK,SAAS;AAAA,EACxC;AAAA;AAAA,EASQ,SAAS,GAAW,SAAiB;AAC3C,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,SAAK,UAAU,MAAM,aAAa,aAAa,QAAQ,wBAAwB,QAAQ;AACvF,eAAW,MAAM;AACf,WAAK,UAAU,MAAM,YAAY,8BAA8B,CAAC;AAChE,WAAK,UAAU,MAAM,UAAU;AAAA,IACjC,GAAG,CAAC;AAAA,EACN;AAAA;AAAA,EAGQ,SAAS;AACf,UAAM,EAAE,QAAQ,YAAY,MAAM,IAAI,KAAK;AAC3C,UAAM,EAAE,cAAc,YAAY,IAAI,KAAK;AAC3C,UAAM,QAAQ,KAAK,UAAU;AAC7B,UAAM,OAAO,KAAK,GAAG,sBAAsB;AAC3C,QAAI,OAAO,KAAK,OAAO,OAAO;AAC9B,QAAI,UAAU,SAAU,SAAQ,cAAc,IAAI,QAAQ;AAAA,aACjD,UAAU,QAAS,SAAQ,cAAc,QAAQ;AAC1D,UAAM,MAAM,KAAK,MAAM,OAAO,UAAU,eAAe;AACvD,UAAM,cAAc,MAAM,wBAAwB,MAAM,KAAK,OAAO,KAAK,UAAU,cAAc,QAAQ,YAAY,KAAK;AAC1H,UAAM,qBAAqB,KAAK,WAAW,WAAW;AAAA,EACxD;AA4BF;",
+  "names": []
+}