@expressivecss/expressive 0.15.0 → 0.17.0

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

@@ -0,0 +1,440 @@
+import {
+  Component
+} from "./chunk-EB2V4OKL.mjs";
+import {
+  Utils,
+  restoreAttribute
+} from "./chunk-67UNY7RH.mjs";
+
+// src/ts/components/tooltip.ts
+var anchorSupported = typeof CSS !== "undefined" && !!CSS.supports?.("anchor-name: --a");
+var ANCHOR_PLACEMENT = {
+  top: ["top", "justify-self"],
+  right: ["right", "align-self"],
+  left: ["left", "align-self"],
+  bottom: ["bottom", "justify-self"]
+};
+var LONG_PRESS = 500;
+var TOUCH_LINGER = 1500;
+var TOUCH_ECHO = 800;
+var PRESS_CLICK = 400;
+var SKIP_DELAY_WINDOW = 300;
+var skipDelayFrom = -Infinity;
+var skipDelayUntil = -Infinity;
+var skippingDelay = (now) => now >= skipDelayFrom && now < skipDelayUntil;
+function startSkipDelay(exitDelay) {
+  const now = Date.now();
+  const end = now + exitDelay + SKIP_DELAY_WINDOW;
+  skipDelayUntil = skippingDelay(now) ? Math.max(skipDelayUntil, end) : end;
+  skipDelayFrom = now;
+}
+var _defaults = {
+  exitDelay: 200,
+  enterDelay: 0,
+  text: "",
+  margin: 4,
+  inDuration: 250,
+  outDuration: 200,
+  position: "bottom",
+  transitionMovement: 10,
+  opacity: 1,
+  openOnClick: false
+};
+var Tooltip = class extends Component {
+  constructor(el, options) {
+    super(el, options);
+    /** The last click on the trigger or inside the tooltip, which the document listener leaves alone. */
+    this._insideClick = null;
+    /** When the last touch began or ended, to tell its mouse events from a mouse. */
+    this._lastTouch = -Infinity;
+    /** Whether a long press showed the tooltip, until it closes or a mouse hovers. */
+    this._touchShown = false;
+    /** Until when a click is the release of a long press, not a tap. */
+    this._swallowClickUntil = -Infinity;
+    // Whether the last animation showed the tooltip, so each change is reported once.
+    this._shown = false;
+    /**
+     * Show tooltip.
+     */
+    this.open = (isManual = true) => {
+      if (this.isOpen) return;
+      clearTimeout(this._exitDelayTimeout);
+      clearTimeout(this._animationTimeout);
+      this.isOpen = true;
+      const { signal } = this._events;
+      this.el.ownerDocument.addEventListener("keydown", this._handleKeydown, { capture: true, signal });
+      if (this.options.openOnClick) {
+        this._outsideTimeout = setTimeout(() => this.el.ownerDocument.addEventListener("click", this._handleDocumentClick, { signal }));
+      }
+      this.options = { ...this.options, ...this._getAttributeOptions() };
+      this._updateTooltipContent();
+      this._setEnterDelayTimeout(isManual);
+    };
+    /**
+     * Hide tooltip.
+     */
+    this.close = () => {
+      clearTimeout(this._pressTimeout);
+      clearTimeout(this._lingerTimeout);
+      this._touchShown = false;
+      if (!this.isOpen) return;
+      if (this._shown) startSkipDelay(this.options.exitDelay);
+      this.isHovered = false;
+      this.isFocused = false;
+      this.isOpen = false;
+      this.el.ownerDocument.removeEventListener("keydown", this._handleKeydown, true);
+      clearTimeout(this._outsideTimeout);
+      this.el.ownerDocument.removeEventListener("click", this._handleDocumentClick);
+      clearTimeout(this._enterDelayTimeout);
+      this._setExitDelayTimeout();
+    };
+    this._handleMouseEnter = () => {
+      if (this.options.openOnClick || performance.now() - this._lastTouch < TOUCH_ECHO) return;
+      this._touchShown = false;
+      this.isHovered = true;
+      this.open(false);
+    };
+    // pointerenter comes before any compatibility mouseenter, in whatever order
+    // a browser sends those, so the touch is known before its mouse events.
+    this._handlePointerEnter = (e) => {
+      this._touched(e);
+    };
+    /** A touch held for LONG_PRESS shows the tooltip, unless it turns into a scroll first. */
+    this._handlePointerDown = (e) => {
+      if (!this._longPress(e)) return;
+      clearTimeout(this._lingerTimeout);
+      clearTimeout(this._pressTimeout);
+      this._pressTimeout = setTimeout(() => {
+        this.isHovered = true;
+        this._showNow();
+        this._touchShown = true;
+      }, LONG_PRESS);
+    };
+    /** The finger lifted: a press too short stays a tap, and a tooltip it showed lingers for TOUCH_LINGER. */
+    this._handlePointerEnd = (e) => {
+      if (!this._longPress(e)) return;
+      clearTimeout(this._pressTimeout);
+      if (this._touchShown) this._swallowClickUntil = performance.now() + PRESS_CLICK;
+      if (!this.isOpen) return;
+      this.isHovered = false;
+      this._lingerTimeout = setTimeout(() => this.isHovered || this.isFocused || this.close(), TOUCH_LINGER);
+    };
+    /**
+     * A click tooltip toggles. Otherwise the click a long press's release sends
+     * would press the button or follow the link, so it is consumed.
+     */
+    this._handleClick = (e) => {
+      if (this.options.openOnClick) return this._toggle(e);
+      if (performance.now() > this._swallowClickUntil) return;
+      this._swallowClickUntil = -Infinity;
+      e.preventDefault();
+      e.stopImmediatePropagation();
+    };
+    // Marked rather than found on the composed path, which a document listener
+    // cannot see into when the tooltip sits in a closed shadow root.
+    this._handleTooltipClick = (e) => {
+      this._insideClick = e;
+    };
+    this._handleDocumentClick = (e) => {
+      if (e !== this._insideClick) this._hideNow();
+    };
+    /**
+     * The browser took the touch to scroll: no tooltip opens, not even one
+     * waiting out enterDelay, and one the touch showed closes at once.
+     */
+    this._handlePointerCancel = (e) => {
+      if (!this._longPress(e)) return;
+      clearTimeout(this._pressTimeout);
+      if (!this._touchShown) return;
+      this.isHovered = false;
+      if (!this.isFocused) this.close();
+    };
+    this._handleMouseLeave = (event) => {
+      if (this.options.openOnClick || this._holds(event.relatedTarget)) return;
+      this.isHovered = false;
+      if (!this.isFocused) this.close();
+    };
+    this._handleKeydown = (event) => {
+      if (event.key !== "Escape" || !this.isOpen) return;
+      if (Utils.focusIsIn(this.el, this.tooltipEl)) {
+        event.preventDefault();
+        event.stopPropagation();
+      }
+      this._hideNow();
+    };
+    // Focus opens the tooltip only when it arrived by keyboard: a pointer press
+    // on the trigger also focuses it, and _handleMouseEnter already covers that.
+    this._handleFocus = (event) => {
+      if (!this.options.openOnClick && event.target.matches(":focus-visible")) {
+        this.isFocused = true;
+        this.open(false);
+      }
+    };
+    this._handleBlur = (event) => {
+      const next = event.relatedTarget;
+      if (this._holds(next)) return;
+      if (this.options.openOnClick) return this._blurClickTooltip(next);
+      this.isFocused = false;
+      if (!this.isHovered) this.close();
+    };
+    this.options = { ...this.options, ...this._getAttributeOptions() };
+    this.isOpen = false;
+    this.isHovered = false;
+    this.isFocused = false;
+    this._appendTooltipEl();
+    this._setupEventHandlers();
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  destroy() {
+    clearTimeout(this._enterDelayTimeout);
+    clearTimeout(this._exitDelayTimeout);
+    clearTimeout(this._animationTimeout);
+    clearTimeout(this._pressTimeout);
+    clearTimeout(this._lingerTimeout);
+    clearTimeout(this._outsideTimeout);
+    this.isOpen = false;
+    this.isHovered = false;
+    this.isFocused = false;
+    const descriptions = this.el.getAttribute("aria-describedby")?.split(/\s+/);
+    if (descriptions?.includes(this.tooltipEl.id)) {
+      const remaining = descriptions.filter((id) => id && id !== this.tooltipEl.id).join(" ");
+      if (remaining) this.el.setAttribute("aria-describedby", remaining);
+      else this.el.removeAttribute("aria-describedby");
+    }
+    if (this._originalContent) {
+      const { el, marker, display, priority, hidden, contentClass } = this._originalContent;
+      el.style.setProperty("display", display, priority);
+      restoreAttribute(el, "hidden", hidden);
+      el.classList.toggle("tooltip-content", contentClass);
+      if (!el.className) el.removeAttribute("class");
+      marker.replaceWith(el);
+      this._originalContent = null;
+    }
+    this.tooltipEl.remove();
+    Utils.setAnchorName(this.el, `--${this.tooltipEl.id}`, false);
+    super.destroy();
+  }
+  _appendTooltipEl() {
+    this.tooltipEl = document.createElement("div");
+    this.tooltipEl.classList.add("tooltip");
+    this.tooltipEl.id = `tooltip-${Utils.guid()}`;
+    this.tooltipEl.setAttribute("role", "tooltip");
+    this.el.setAttribute("aria-describedby", [this.el.getAttribute("aria-describedby"), this.tooltipEl.id].filter(Boolean).join(" "));
+    const richContentEl = this.options.tooltipId ? Utils.getElementById(this.el, this.options.tooltipId) : null;
+    if (this.options.tooltipId && !richContentEl) {
+      console.error(`Tooltip: no element with id "${this.options.tooltipId}"; showing the text tooltip instead.`);
+    }
+    const tooltipContentEl = richContentEl ?? document.createElement("div");
+    if (richContentEl) {
+      this.tooltipEl.classList.add("rich");
+      const marker = document.createComment("");
+      tooltipContentEl.before(marker);
+      this._originalContent = {
+        el: tooltipContentEl,
+        marker,
+        display: tooltipContentEl.style.display,
+        priority: tooltipContentEl.style.getPropertyPriority("display"),
+        hidden: tooltipContentEl.getAttribute("hidden"),
+        contentClass: tooltipContentEl.classList.contains("tooltip-content")
+      };
+      tooltipContentEl.removeAttribute("hidden");
+    }
+    tooltipContentEl.style.display = "";
+    tooltipContentEl.classList.add("tooltip-content");
+    this._setTooltipContent(tooltipContentEl);
+    this.tooltipEl.appendChild(tooltipContentEl);
+    Utils.portalRoot(this.el).appendChild(this.tooltipEl);
+  }
+  _setTooltipContent(tooltipContentEl) {
+    if (this._originalContent) return;
+    tooltipContentEl.innerText = this.options.text;
+  }
+  _updateTooltipContent() {
+    this._setTooltipContent(this.tooltipEl.querySelector(".tooltip-content"));
+  }
+  _setupEventHandlers() {
+    const { signal } = this._events;
+    const capture = { capture: true, signal };
+    for (const el of [this.el, this.tooltipEl]) {
+      el.addEventListener("mouseenter", this._handleMouseEnter, { signal });
+      el.addEventListener("mouseleave", this._handleMouseLeave, { signal });
+      el.addEventListener("focus", this._handleFocus, capture);
+      el.addEventListener("blur", this._handleBlur, capture);
+    }
+    this.el.addEventListener("pointerenter", this._handlePointerEnter, { signal });
+    this.el.addEventListener("pointerdown", this._handlePointerDown, { signal });
+    this.el.addEventListener("pointerup", this._handlePointerEnd, { signal });
+    this.el.addEventListener("pointercancel", this._handlePointerCancel, { signal });
+    this.el.addEventListener("click", this._handleClick, capture);
+    this.tooltipEl.addEventListener("click", this._handleTooltipClick, capture);
+  }
+  /** Show at once, without enterDelay, for a request that is its own delay: a long press or a click. */
+  _showNow() {
+    this.open();
+    clearTimeout(this._enterDelayTimeout);
+    this._animateIn();
+  }
+  /** Hide at once, without exitDelay, for an explicit dismissal. */
+  _hideNow() {
+    this.close();
+    clearTimeout(this._exitDelayTimeout);
+    this._animateOut();
+  }
+  _setExitDelayTimeout() {
+    clearTimeout(this._exitDelayTimeout);
+    this._exitDelayTimeout = setTimeout(() => {
+      if (this.isHovered || this.isFocused) return;
+      this._animateOut();
+    }, this.options.exitDelay);
+  }
+  _setEnterDelayTimeout(isManual) {
+    clearTimeout(this._enterDelayTimeout);
+    const skipDelay = skippingDelay(Date.now());
+    this._enterDelayTimeout = setTimeout(() => {
+      if (!this.isHovered && !this.isFocused && !isManual) return;
+      this._animateIn();
+    }, skipDelay ? 0 : this.options.enterDelay);
+  }
+  _positionTooltip() {
+    const tooltip = this.tooltipEl;
+    const origin = this.el, originHeight = origin.offsetHeight, originWidth = origin.offsetWidth, tooltipHeight = tooltip.offsetHeight, tooltipWidth = tooltip.offsetWidth, margin = this.options.margin;
+    this.xMovement = 0;
+    this.yMovement = 0;
+    const originRect = origin.getBoundingClientRect();
+    let targetTop = originRect.top + window.scrollY;
+    let targetLeft = originRect.left + window.scrollX;
+    if (this.options.position === "top") {
+      targetTop += -tooltipHeight - margin;
+      targetLeft += originWidth / 2 - tooltipWidth / 2;
+      this.yMovement = -this.options.transitionMovement;
+    } else if (this.options.position === "right") {
+      targetTop += originHeight / 2 - tooltipHeight / 2;
+      targetLeft += originWidth + margin;
+      this.xMovement = this.options.transitionMovement;
+    } else if (this.options.position === "left") {
+      targetTop += originHeight / 2 - tooltipHeight / 2;
+      targetLeft += -tooltipWidth - margin;
+      this.xMovement = -this.options.transitionMovement;
+    } else {
+      targetTop += originHeight + margin;
+      targetLeft += originWidth / 2 - tooltipWidth / 2;
+      this.yMovement = this.options.transitionMovement;
+    }
+    const newCoordinates = Utils._repositionWithinScreen(
+      targetLeft,
+      targetTop,
+      tooltipWidth,
+      tooltipHeight,
+      margin,
+      this.options.transitionMovement,
+      "center"
+    );
+    tooltip.style.setProperty("--md-comp-tooltip-anchor-gap", `${Math.max(0, margin) + Math.abs(this.options.transitionMovement)}px`);
+    Utils._placeInOffsetParent(tooltip, newCoordinates);
+  }
+  _place() {
+    if (anchorSupported) this._anchorTooltip();
+    else this._positionTooltip();
+  }
+  // Anchored to the trigger in CSS: position-area places the tooltip on the
+  // chosen side, centered, and position-try-fallbacks flips it to the other
+  // side when that one would leave the viewport. Script cannot tell which
+  // side won, so an anchored tooltip fades in without sliding, and the
+  // slide's distance joins the gap instead.
+  _anchorTooltip() {
+    const [area, alignment] = ANCHOR_PLACEMENT[this.options.position] ?? ANCHOR_PLACEMENT.bottom;
+    const name = `--${this.tooltipEl.id}`;
+    this.xMovement = 0;
+    this.yMovement = 0;
+    Utils.setAnchorName(this.el, name, true);
+    const style = this.tooltipEl.style;
+    style.position = "fixed";
+    style.inset = "auto";
+    style.margin = `${Math.max(0, this.options.margin) + Math.abs(this.options.transitionMovement)}px`;
+    style.setProperty("position-anchor", name);
+    style.setProperty("position-area", area);
+    style.setProperty(alignment, "anchor-center");
+    style.setProperty("position-try-fallbacks", "flip-block, flip-inline");
+  }
+  _animateIn() {
+    this._animate(true);
+  }
+  _animateOut() {
+    this._animate(false);
+  }
+  _animate(show) {
+    const style = this.tooltipEl.style;
+    const reduce = this.el.ownerDocument.defaultView.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const duration = reduce ? 0 : show ? this.options.inDuration : this.options.outDuration;
+    if (show) {
+      this._place();
+      style.visibility = "visible";
+      style.overflow = "visible";
+    }
+    style.transition = `transform ${duration}ms ease-out, opacity ${duration}ms ease-out`;
+    clearTimeout(this._animationTimeout);
+    this._animationTimeout = setTimeout(() => {
+      style.transform = show && !reduce ? `translateX(${this.xMovement}px) translateY(${this.yMovement}px)` : "none";
+      style.opacity = show ? (this.options.opacity || 1).toString() : "0";
+      if (!show) this._animationTimeout = setTimeout(() => {
+        style.visibility = "hidden";
+        style.overflow = "";
+      }, duration);
+    }, 1);
+    this._reportShown(show);
+  }
+  _reportShown(show) {
+    if (show === this._shown) return;
+    this._shown = show;
+    this._notify(show ? "open" : "close");
+  }
+  /** Whether an event is a touch, noting when, so the mouse events that echo it are ignored. */
+  _touched(e) {
+    if (e.pointerType !== "touch") return false;
+    this._lastTouch = performance.now();
+    return true;
+  }
+  /** Whether an event is a touch for the long press, which a click tooltip does without. */
+  _longPress(e) {
+    return !this.options.openOnClick && this._touched(e);
+  }
+  /** A click tooltip toggles on what shows: one open() still holds back for enterDelay shows at once. */
+  _toggle(e) {
+    this._insideClick = e;
+    if (this._shown) this._hideNow();
+    else this._showNow();
+  }
+  /** Whether a node is the trigger or the tooltip, or inside either. */
+  _holds(node) {
+    return !!node && (this.el.contains(node) || this.tooltipEl.contains(node));
+  }
+  // A press on a rich tooltip's text blurs to nothing, so only focus that
+  // lands on another element closes a click tooltip.
+  _blurClickTooltip(next) {
+    if (next && (this.isOpen || this._shown)) this._hideNow();
+  }
+  _getAttributeOptions() {
+    const attributeOptions = {};
+    const tooltipTextOption = this.el.getAttribute("data-tooltip");
+    const tooltipId = this.el.getAttribute("data-tooltip-id");
+    const positionOption = this.el.getAttribute("data-position");
+    if (tooltipTextOption) {
+      attributeOptions.text = tooltipTextOption;
+    }
+    if (positionOption) {
+      attributeOptions.position = positionOption;
+    }
+    if (tooltipId) {
+      attributeOptions.tooltipId = tooltipId;
+    }
+    return attributeOptions;
+  }
+};
+Tooltip.key = "Expressive_Tooltip";
+
+export {
+  Tooltip
+};
+//# sourceMappingURL=chunk-R7A7JRC5.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/tooltip.ts"],
+  "sourcesContent": ["import { Utils, restoreAttribute } from '../core/utils';\nimport { Component, BaseOptions } from '../core/component';\n\nexport type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';\n\n\n// CSS anchor positioning, where the browser has it: the tooltip follows its\n// trigger through scrolling and flips at the viewport edge without script\n// measuring anything. Elsewhere the coordinate path below still runs.\nconst anchorSupported = typeof CSS !== 'undefined' && !!CSS.supports?.('anchor-name: --a');\n\n// Per position: the position-area and the self-alignment that centers the\n// tooltip on its trigger.\nconst ANCHOR_PLACEMENT: Record<string, [string, string]> = {\n  top: ['top', 'justify-self'],\n  right: ['right', 'align-self'],\n  left: ['left', 'align-self'],\n  bottom: ['bottom', 'justify-self'],\n};\n\n/**\n * On touch, a press held this long shows the tooltip, as Android's long\n * press does, and the tooltip stays this long after the finger lifts.\n */\nconst LONG_PRESS = 500;\nconst TOUCH_LINGER = 1500;\n// After a touch the browser fires mouse events for compatibility; within\n// this long of one they are the touch again, not a mouse.\nconst TOUCH_ECHO = 800;\n// A long press that showed the tooltip was asking about the control, so the\n// click its release sends, within this long, does not activate it.\nconst PRESS_CLICK = 400;\n// A tooltip that opens while a tooltip is closing, or this long after that\n// one's exitDelay ends, shows without enterDelay, as tooltips along a toolbar\n// do. The window is shared by every tooltip; a clock earlier than its start,\n// after the system clock went back, is outside it.\nconst SKIP_DELAY_WINDOW = 300;\nlet skipDelayFrom = -Infinity;\nlet skipDelayUntil = -Infinity;\n\nconst skippingDelay = (now: number) => now >= skipDelayFrom && now < skipDelayUntil;\n\n/** A showing tooltip is closing: open the window, or extend it while an earlier one is still closing. */\nfunction startSkipDelay(exitDelay: number) {\n  const now = Date.now();\n  const end = now + exitDelay + SKIP_DELAY_WINDOW;\n  skipDelayUntil = skippingDelay(now) ? Math.max(skipDelayUntil, end) : end;\n  skipDelayFrom = now;\n}\n\nexport interface TooltipOptions extends BaseOptions {\n  /**\n   * Delay time before tooltip disappears.\n   * @default 200\n   */\n  exitDelay: number;\n  /**\n   * Delay time before tooltip appears. Skipped while a tooltip is closing\n   * and for 300ms after its exitDelay ends.\n   * @default 0\n   */\n  enterDelay: number;\n  /**\n   * Element Id for the tooltip.\n   * @default \"\"\n   */\n  tooltipId?: string;\n  /**\n   * Text string for the tooltip.\n   * @default \"\"\n   */\n  text: string;\n  /**\n   * Set distance tooltip appears away from its activator\n   * excluding transitionMovement.\n   * @default 4\n   */\n  margin: number;\n  /**\n   * Enter transition duration.\n   * @default 300\n   */\n  inDuration: number;\n  /**\n   * Opacity of the tooltip.\n   * @default 1\n   */\n  opacity: number;\n  /**\n   * Exit transition duration.\n   * @default 250\n   */\n  outDuration: number;\n  /**\n   * Set the direction of the tooltip.\n   * @default 'bottom'\n   */\n  position: TooltipPosition;\n  /**\n   * Amount in px that the tooltip moves during its transition.\n   * @default 10\n   */\n  transitionMovement: number;\n  /**\n   * Open on a click instead of hover and focus. A second click, Escape, a\n   * click elsewhere or focus on another element closes it. On touch a tap\n   * is the click, so the long press is off.\n   * @default false\n   */\n  openOnClick: boolean;\n}\n\nconst _defaults: TooltipOptions = {\n  exitDelay: 200,\n  enterDelay: 0,\n  text: '',\n  margin: 4,\n  inDuration: 250,\n  outDuration: 200,\n  position: 'bottom',\n  transitionMovement: 10,\n  opacity: 1,\n  openOnClick: false\n};\n\nexport class Tooltip extends Component<TooltipOptions> {\n  /**\n   * If tooltip is open.\n   */\n  isOpen: boolean;\n  /**\n   * If tooltip is hovered.\n   */\n  isHovered: boolean;\n  /**\n   * If tooltip is focused.\n   */\n  isFocused: boolean;\n  tooltipEl: HTMLElement;\n  private _exitDelayTimeout: ReturnType<typeof setTimeout>;\n  private _enterDelayTimeout: ReturnType<typeof setTimeout>;\n  private _animationTimeout: ReturnType<typeof setTimeout>;\n  private _pressTimeout: ReturnType<typeof setTimeout>;\n  private _lingerTimeout: ReturnType<typeof setTimeout>;\n  private _outsideTimeout: ReturnType<typeof setTimeout>;\n  /** The last click on the trigger or inside the tooltip, which the document listener leaves alone. */\n  private _insideClick: Event | null = null;\n  /** When the last touch began or ended, to tell its mouse events from a mouse. */\n  private _lastTouch = -Infinity;\n  /** Whether a long press showed the tooltip, until it closes or a mouse hovers. */\n  private _touchShown = false;\n  /** Until when a click is the release of a long press, not a tap. */\n  private _swallowClickUntil = -Infinity;\n  // Whether the last animation showed the tooltip, so each change is reported once.\n  private _shown = false;\n  private _originalContent: {\n    el: HTMLElement;\n    marker: Comment;\n    display: string;\n    priority: string;\n    hidden: string | null;\n    contentClass: boolean;\n  };\n  xMovement: number;\n  yMovement: number;\n\n  constructor(el: HTMLElement, options: Partial<TooltipOptions>) {\n    super(el, options);\n\n    // The data-* options win over the defaults and the options, as open()\n    // has them win each time it reads them again. Init used to put the\n    // options last, so a tooltip changed side or text on its first open.\n    this.options = { ...this.options, ...this._getAttributeOptions() };\n\n    this.isOpen = false;\n    this.isHovered = false;\n    this.isFocused = false;\n    this._appendTooltipEl();\n    this._setupEventHandlers();\n  }\n\n  static get defaults(): TooltipOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_Tooltip';\n\n  destroy() {\n    clearTimeout(this._enterDelayTimeout);\n    clearTimeout(this._exitDelayTimeout);\n    clearTimeout(this._animationTimeout);\n    clearTimeout(this._pressTimeout);\n    clearTimeout(this._lingerTimeout);\n    clearTimeout(this._outsideTimeout);\n    this.isOpen = false;\n    this.isHovered = false;\n    this.isFocused = false;\n    const descriptions = this.el.getAttribute('aria-describedby')?.split(/\\s+/);\n    if (descriptions?.includes(this.tooltipEl.id)) {\n      const remaining = descriptions.filter(id => id && id !== this.tooltipEl.id).join(' ');\n      if (remaining) this.el.setAttribute('aria-describedby', remaining);\n      else this.el.removeAttribute('aria-describedby');\n    }\n    if (this._originalContent) {\n      const { el, marker, display, priority, hidden, contentClass } = this._originalContent;\n      el.style.setProperty('display', display, priority);\n      restoreAttribute(el, 'hidden', hidden);\n      el.classList.toggle('tooltip-content', contentClass);\n      if (!el.className) el.removeAttribute('class');\n      marker.replaceWith(el);\n      this._originalContent = null;\n    }\n    this.tooltipEl.remove();\n    Utils.setAnchorName(this.el, `--${this.tooltipEl.id}`, false);\n    super.destroy();\n  }\n\n  _appendTooltipEl() {\n    this.tooltipEl = document.createElement('div');\n    this.tooltipEl.classList.add('tooltip');\n    this.tooltipEl.id = `tooltip-${Utils.guid()}`;\n    this.tooltipEl.setAttribute('role', 'tooltip');\n    this.el.setAttribute('aria-describedby', [this.el.getAttribute('aria-describedby'), this.tooltipEl.id].filter(Boolean).join(' '));\n\n    const richContentEl = this.options.tooltipId\n      ? Utils.getElementById(this.el, this.options.tooltipId)\n      : null;\n    if (this.options.tooltipId && !richContentEl) {\n      console.error(`Tooltip: no element with id \"${this.options.tooltipId}\"; showing the text tooltip instead.`);\n    }\n    const tooltipContentEl = richContentEl ?? document.createElement('div');\n    if (richContentEl) {\n      this.tooltipEl.classList.add('rich');\n      const marker = document.createComment('');\n      tooltipContentEl.before(marker);\n      this._originalContent = {\n        el: tooltipContentEl, marker,\n        display: tooltipContentEl.style.display,\n        priority: tooltipContentEl.style.getPropertyPriority('display'),\n        hidden: tooltipContentEl.getAttribute('hidden'),\n        contentClass: tooltipContentEl.classList.contains('tooltip-content')\n      };\n      tooltipContentEl.removeAttribute('hidden');\n    }\n    tooltipContentEl.style.display = '';\n    tooltipContentEl.classList.add('tooltip-content');\n    this._setTooltipContent(tooltipContentEl);\n    this.tooltipEl.appendChild(tooltipContentEl);\n    Utils.portalRoot(this.el).appendChild(this.tooltipEl);\n  }\n\n  _setTooltipContent(tooltipContentEl: HTMLElement) {\n    if (this._originalContent) return;\n    tooltipContentEl.innerText = this.options.text;\n  }\n\n  _updateTooltipContent() {\n    this._setTooltipContent(this.tooltipEl.querySelector('.tooltip-content'));\n  }\n\n  _setupEventHandlers() {\n    const { signal } = this._events;\n    const capture = { capture: true, signal };\n    for (const el of [this.el, this.tooltipEl]) {\n      el.addEventListener('mouseenter', this._handleMouseEnter, { signal });\n      el.addEventListener('mouseleave', this._handleMouseLeave, { signal });\n      el.addEventListener('focus', this._handleFocus, capture);\n      el.addEventListener('blur', this._handleBlur, capture);\n    }\n    this.el.addEventListener('pointerenter', this._handlePointerEnter, { signal });\n    this.el.addEventListener('pointerdown', this._handlePointerDown, { signal });\n    this.el.addEventListener('pointerup', this._handlePointerEnd, { signal });\n    this.el.addEventListener('pointercancel', this._handlePointerCancel, { signal });\n    this.el.addEventListener('click', this._handleClick, capture);\n    this.tooltipEl.addEventListener('click', this._handleTooltipClick, capture);\n  }\n\n  /**\n   * Show tooltip.\n   */\n  open = (isManual: boolean = true) => {\n    if (this.isOpen) return;\n    clearTimeout(this._exitDelayTimeout);\n    clearTimeout(this._animationTimeout);\n    this.isOpen = true;\n    // Escape and outside clicks are only listened for while open. close()\n    // removes them, and destroy() through the signal.\n    const { signal } = this._events;\n    this.el.ownerDocument.addEventListener('keydown', this._handleKeydown, { capture: true, signal });\n    // A task later, so the click that opened it, on the trigger or on a page\n    // button that called open(), does not reach the listener and close it.\n    if (this.options.openOnClick) {\n      this._outsideTimeout = setTimeout(() => this.el.ownerDocument.addEventListener('click', this._handleDocumentClick, { signal }));\n    }\n    // Update tooltip content with HTML attribute options\n    this.options = { ...this.options, ...this._getAttributeOptions() };\n    this._updateTooltipContent();\n    this._setEnterDelayTimeout(isManual);\n  };\n\n  /**\n   * Hide tooltip.\n   */\n  close = () => {\n    // A press or linger from an earlier touch has no say over a later opening.\n    clearTimeout(this._pressTimeout);\n    clearTimeout(this._lingerTimeout);\n    this._touchShown = false;\n    if (!this.isOpen) return;\n    if (this._shown) startSkipDelay(this.options.exitDelay);\n    this.isHovered = false;\n    this.isFocused = false;\n    this.isOpen = false;\n    this.el.ownerDocument.removeEventListener('keydown', this._handleKeydown, true);\n    clearTimeout(this._outsideTimeout);\n    this.el.ownerDocument.removeEventListener('click', this._handleDocumentClick);\n    clearTimeout(this._enterDelayTimeout);\n    this._setExitDelayTimeout();\n  };\n\n  /** Show at once, without enterDelay, for a request that is its own delay: a long press or a click. */\n  private _showNow() {\n    this.open();\n    clearTimeout(this._enterDelayTimeout);\n    this._animateIn();\n  }\n\n  /** Hide at once, without exitDelay, for an explicit dismissal. */\n  private _hideNow() {\n    this.close();\n    clearTimeout(this._exitDelayTimeout);\n    this._animateOut();\n  }\n\n  _setExitDelayTimeout() {\n    clearTimeout(this._exitDelayTimeout);\n    this._exitDelayTimeout = setTimeout(() => {\n      if (this.isHovered || this.isFocused) return;\n      this._animateOut();\n    }, this.options.exitDelay);\n  }\n\n  _setEnterDelayTimeout(isManual: boolean): void {\n    clearTimeout(this._enterDelayTimeout);\n    const skipDelay = skippingDelay(Date.now());\n    this._enterDelayTimeout = setTimeout(() => {\n      if (!this.isHovered && !this.isFocused && !isManual) return;\n      this._animateIn();\n    }, skipDelay ? 0 : this.options.enterDelay);\n  }\n\n  _positionTooltip() {\n    const tooltip: HTMLElement = this.tooltipEl;\n    const origin = this.el,\n      originHeight = origin.offsetHeight,\n      originWidth = origin.offsetWidth,\n      tooltipHeight = tooltip.offsetHeight,\n      tooltipWidth = tooltip.offsetWidth,\n      margin = this.options.margin;\n\n    this.xMovement = 0;\n    this.yMovement = 0;\n\n    const originRect = origin.getBoundingClientRect();\n    let targetTop = originRect.top + window.scrollY;\n    let targetLeft = originRect.left + window.scrollX;\n    if (this.options.position === 'top') {\n      targetTop += -tooltipHeight - margin;\n      targetLeft += originWidth / 2 - tooltipWidth / 2;\n      this.yMovement = -this.options.transitionMovement;\n    } else if (this.options.position === 'right') {\n      targetTop += originHeight / 2 - tooltipHeight / 2;\n      targetLeft += originWidth + margin;\n      this.xMovement = this.options.transitionMovement;\n    } else if (this.options.position === 'left') {\n      targetTop += originHeight / 2 - tooltipHeight / 2;\n      targetLeft += -tooltipWidth - margin;\n      this.xMovement = -this.options.transitionMovement;\n    } else {\n      targetTop += originHeight + margin;\n      targetLeft += originWidth / 2 - tooltipWidth / 2;\n      this.yMovement = this.options.transitionMovement;\n    }\n\n    const newCoordinates = Utils._repositionWithinScreen(\n      targetLeft, targetTop, tooltipWidth, tooltipHeight, margin, this.options.transitionMovement, 'center'\n    );\n\n    tooltip.style.setProperty('--md-comp-tooltip-anchor-gap', `${Math.max(0, margin) + Math.abs(this.options.transitionMovement)}px`);\n    Utils._placeInOffsetParent(tooltip, newCoordinates);\n  }\n\n  _place() {\n    if (anchorSupported) this._anchorTooltip();\n    else this._positionTooltip();\n  }\n\n  // Anchored to the trigger in CSS: position-area places the tooltip on the\n  // chosen side, centered, and position-try-fallbacks flips it to the other\n  // side when that one would leave the viewport. Script cannot tell which\n  // side won, so an anchored tooltip fades in without sliding, and the\n  // slide's distance joins the gap instead.\n  _anchorTooltip() {\n    const [area, alignment] = ANCHOR_PLACEMENT[this.options.position] ?? ANCHOR_PLACEMENT.bottom;\n    const name = `--${this.tooltipEl.id}`;\n    this.xMovement = 0;\n    this.yMovement = 0;\n    Utils.setAnchorName(this.el, name, true);\n    const style = this.tooltipEl.style;\n    style.position = 'fixed';\n    style.inset = 'auto';\n    style.margin = `${Math.max(0, this.options.margin) + Math.abs(this.options.transitionMovement)}px`;\n    style.setProperty('position-anchor', name);\n    style.setProperty('position-area', area);\n    style.setProperty(alignment, 'anchor-center');\n    style.setProperty('position-try-fallbacks', 'flip-block, flip-inline');\n  }\n\n  _animateIn() { this._animate(true); }\n\n  _animateOut() { this._animate(false); }\n\n  _animate(show: boolean) {\n    const style = this.tooltipEl.style;\n    const reduce = this.el.ownerDocument.defaultView.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    const duration = reduce ? 0 : show ? this.options.inDuration : this.options.outDuration;\n    if (show) {\n      this._place();\n      style.visibility = 'visible';\n      style.overflow = 'visible';\n    }\n    style.transition = `transform ${duration}ms ease-out, opacity ${duration}ms ease-out`;\n    clearTimeout(this._animationTimeout);\n    this._animationTimeout = setTimeout(() => {\n      style.transform = show && !reduce ? `translateX(${this.xMovement}px) translateY(${this.yMovement}px)` : 'none';\n      style.opacity = show ? (this.options.opacity || 1).toString() : '0';\n      if (!show) this._animationTimeout = setTimeout(() => {\n        style.visibility = 'hidden';\n        style.overflow = '';\n      }, duration);\n    }, 1);\n    this._reportShown(show);\n  }\n\n  private _reportShown(show: boolean) {\n    if (show === this._shown) return;\n    this._shown = show;\n    this._notify(show ? 'open' : 'close');\n  }\n\n  _handleMouseEnter = () => {\n    // A tap's mouse events are not a hover; touch shows the tooltip on a long press.\n    if (this.options.openOnClick || performance.now() - this._lastTouch < TOUCH_ECHO) return;\n    this._touchShown = false;\n    this.isHovered = true;\n    this.open(false);\n  };\n\n  /** Whether an event is a touch, noting when, so the mouse events that echo it are ignored. */\n  private _touched(e: PointerEvent) {\n    if (e.pointerType !== 'touch') return false;\n    this._lastTouch = performance.now();\n    return true;\n  }\n\n  /** Whether an event is a touch for the long press, which a click tooltip does without. */\n  private _longPress(e: PointerEvent) {\n    return !this.options.openOnClick && this._touched(e);\n  }\n\n  // pointerenter comes before any compatibility mouseenter, in whatever order\n  // a browser sends those, so the touch is known before its mouse events.\n  _handlePointerEnter = (e: PointerEvent) => {\n    this._touched(e);\n  };\n\n  /** A touch held for LONG_PRESS shows the tooltip, unless it turns into a scroll first. */\n  _handlePointerDown = (e: PointerEvent) => {\n    if (!this._longPress(e)) return;\n    clearTimeout(this._lingerTimeout);\n    clearTimeout(this._pressTimeout);\n    // The long press is the delay, so it shows at once rather than after\n    // enterDelay, and the linger after the finger lifts always follows a\n    // tooltip that is showing.\n    this._pressTimeout = setTimeout(() => {\n      this.isHovered = true;\n      this._showNow();\n      this._touchShown = true;\n    }, LONG_PRESS);\n  };\n\n  /** The finger lifted: a press too short stays a tap, and a tooltip it showed lingers for TOUCH_LINGER. */\n  _handlePointerEnd = (e: PointerEvent) => {\n    if (!this._longPress(e)) return;\n    clearTimeout(this._pressTimeout);\n    if (this._touchShown) this._swallowClickUntil = performance.now() + PRESS_CLICK;\n    // Any release while it shows, even a second tap during the linger, starts the linger again.\n    if (!this.isOpen) return;\n    this.isHovered = false;\n    // A mouse that hovers in the meantime keeps it, as focus does.\n    this._lingerTimeout = setTimeout(() => this.isHovered || this.isFocused || this.close(), TOUCH_LINGER);\n  };\n\n  /**\n   * A click tooltip toggles. Otherwise the click a long press's release sends\n   * would press the button or follow the link, so it is consumed.\n   */\n  _handleClick = (e: MouseEvent) => {\n    if (this.options.openOnClick) return this._toggle(e);\n    if (performance.now() > this._swallowClickUntil) return;\n    this._swallowClickUntil = -Infinity;\n    e.preventDefault();\n    e.stopImmediatePropagation();\n  };\n\n  /** A click tooltip toggles on what shows: one open() still holds back for enterDelay shows at once. */\n  private _toggle(e: MouseEvent) {\n    this._insideClick = e;\n    if (this._shown) this._hideNow();\n    else this._showNow();\n  }\n\n  // Marked rather than found on the composed path, which a document listener\n  // cannot see into when the tooltip sits in a closed shadow root.\n  _handleTooltipClick = (e: MouseEvent) => {\n    this._insideClick = e;\n  };\n\n  _handleDocumentClick = (e: MouseEvent) => {\n    if (e !== this._insideClick) this._hideNow();\n  };\n\n  /**\n   * The browser took the touch to scroll: no tooltip opens, not even one\n   * waiting out enterDelay, and one the touch showed closes at once.\n   */\n  _handlePointerCancel = (e: PointerEvent) => {\n    if (!this._longPress(e)) return;\n    clearTimeout(this._pressTimeout);\n    // Lingering after an earlier press too; a mouse hover or focus keeps it.\n    if (!this._touchShown) return;\n    this.isHovered = false;\n    if (!this.isFocused) this.close();\n  };\n\n  /** Whether a node is the trigger or the tooltip, or inside either. */\n  private _holds(node: Node | null) {\n    return !!node && (this.el.contains(node) || this.tooltipEl.contains(node));\n  }\n\n  _handleMouseLeave = (event: MouseEvent) => {\n    if (this.options.openOnClick || this._holds(event.relatedTarget as Node | null)) return;\n    this.isHovered = false;\n    if (!this.isFocused) this.close();\n  };\n\n  _handleKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape' || !this.isOpen) return;\n    // Escape always dismisses the tooltip, but it is only the tooltip's key\n    // when focus is on its trigger. A tooltip left open by hover must not\n    // swallow the Escape meant for the dialog or menu that has focus.\n    if (Utils.focusIsIn(this.el, this.tooltipEl)) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n    this._hideNow();\n  };\n\n  // Focus opens the tooltip only when it arrived by keyboard: a pointer press\n  // on the trigger also focuses it, and _handleMouseEnter already covers that.\n  _handleFocus = (event: FocusEvent) => {\n    // A click tooltip opens on the click that Enter or Space sends instead.\n    if (!this.options.openOnClick && (event.target as HTMLElement).matches(':focus-visible')) {\n      this.isFocused = true;\n      this.open(false);\n    }\n  };\n\n  _handleBlur = (event: FocusEvent) => {\n    const next = event.relatedTarget as Node | null;\n    if (this._holds(next)) return;\n    if (this.options.openOnClick) return this._blurClickTooltip(next);\n    this.isFocused = false;\n    if (!this.isHovered) this.close();\n  };\n\n  // A press on a rich tooltip's text blurs to nothing, so only focus that\n  // lands on another element closes a click tooltip.\n  private _blurClickTooltip(next: Node | null) {\n    if (next && (this.isOpen || this._shown)) this._hideNow();\n  }\n\n  _getAttributeOptions(): Partial<TooltipOptions> {\n    const attributeOptions: Partial<TooltipOptions> = {};\n    const tooltipTextOption = this.el.getAttribute('data-tooltip');\n    const tooltipId = this.el.getAttribute('data-tooltip-id');\n    const positionOption = this.el.getAttribute('data-position');\n    if (tooltipTextOption) {\n      attributeOptions.text = tooltipTextOption;\n    }\n    if (positionOption) {\n      attributeOptions.position = positionOption as TooltipPosition;\n    }\n    if (tooltipId) {\n      attributeOptions.tooltipId = tooltipId;\n    }\n\n    return attributeOptions;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,74 @@
+import {
+  LineChart,
+  percentLabel
+} from "./chunk-IQOTGGHX.mjs";
+
+// src/ts/components/funnelChart.ts
+function widths(values) {
+  const largest = values.reduce((max, value) => Math.max(max, value ?? 0), 0);
+  return values.map((value) => value > 0 ? value / largest * 100 : null);
+}
+function stage(width, from) {
+  const span = document.createElement("span");
+  span.dataset.series = "1";
+  span.style.setProperty("--width", String(width));
+  if (from != null) span.style.setProperty("--from-width", String(from));
+  return span;
+}
+var FunnelChart = class extends LineChart {
+  get _type() {
+    return "funnel-chart";
+  }
+  get _horizontal() {
+    return true;
+  }
+  /** A funnel has no value axis. */
+  get _axis() {
+    return false;
+  }
+  get _points() {
+    return false;
+  }
+  /** Every stage is the first series' color, so the tooltip's swatches all match it. */
+  _read() {
+    super._read();
+    for (const series of this.series) series.color = "1";
+  }
+  /**
+   * A row's value as a percentage of the first row's, in whole percentages
+   * with a tenth below 10%, or '' when either row has no stage.
+   */
+  _share(index) {
+    const values = this.series[0].values;
+    const [first, value] = [values[0], values[index]];
+    if (!(first > 0 && value > 0)) return "";
+    return percentLabel(this.el, value / first);
+  }
+  /** A funnel has one series of stages, so it has no legend. */
+  _legend() {
+    return [];
+  }
+  /**
+   * A row per table row, holding its stage. After update(), each stage
+   * starts from its old width, which CSS reads as --from-width.
+   */
+  _draw() {
+    const stages = document.createElement("div");
+    stages.className = "funnel-chart-stages";
+    stages.setAttribute("aria-hidden", "true");
+    this._plot.style.setProperty("--rows", String(this.labels.length));
+    const was = widths(this._before[0]?.values ?? []);
+    widths(this.series[0].values).forEach((width, i) => {
+      const row = document.createElement("div");
+      if (width !== null) row.append(stage(width, was[i]));
+      stages.append(row);
+    });
+    return stages;
+  }
+};
+FunnelChart.key = "Expressive_FunnelChart";
+
+export {
+  FunnelChart
+};
+//# sourceMappingURL=chunk-RKG2CBFE.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/funnelChart.ts"],
+  "sourcesContent": ["import { LineChart, LineChartOptions, percentLabel } from './lineChart';\n\nexport type FunnelChartOptions = LineChartOptions;\n\n/**\n * Each value's stage width as a percentage of the largest value, or null\n * for a row with no stage: a gap, zero or a negative value.\n */\nfunction widths(values: (number | null)[]): (number | null)[] {\n  const largest = values.reduce<number>((max, value) => Math.max(max, value ?? 0), 0);\n  return values.map((value) => (value! > 0 ? (value! / largest) * 100 : null));\n}\n\n/** A stage `width` percent of the plot wide, which grows from `from` percent. */\nfunction stage(width: number, from: number | null | undefined) {\n  const span = document.createElement('span');\n  span.dataset.series = '1';\n  span.style.setProperty('--width', String(width));\n  if (from != null) span.style.setProperty('--from-width', String(from));\n  return span;\n}\n\n/**\n * Funnel chart. It reads its <table> like LineChart, but draws each row of\n * the first value column as a stage, top to bottom in table order, as wide\n * as its value against the largest one and centered on the plot. Further\n * columns show in the tooltip, which also gives each stage's value as a\n * percentage of the first row's. The up and down arrows move the tooltip\n * between rows.\n *\n * Call `update()` after changing the table, or start it with `watch` or\n * `data-watch`.\n */\nexport class FunnelChart extends LineChart {\n  protected get _type() {\n    return 'funnel-chart';\n  }\n\n  protected get _horizontal() {\n    return true;\n  }\n\n  /** A funnel has no value axis. */\n  protected get _axis() {\n    return false;\n  }\n\n  protected get _points() {\n    return false;\n  }\n\n  static key = 'Expressive_FunnelChart';\n\n  /** Every stage is the first series' color, so the tooltip's swatches all match it. */\n  protected _read() {\n    super._read();\n    for (const series of this.series) series.color = '1';\n  }\n\n  /**\n   * A row's value as a percentage of the first row's, in whole percentages\n   * with a tenth below 10%, or '' when either row has no stage.\n   */\n  protected _share(index: number) {\n    const values = this.series[0].values;\n    const [first, value] = [values[0], values[index]];\n    if (!(first! > 0 && value! > 0)) return '';\n    return percentLabel(this.el, value! / first!);\n  }\n\n  /** A funnel has one series of stages, so it has no legend. */\n  protected _legend(): Element[] {\n    return [];\n  }\n\n  /**\n   * A row per table row, holding its stage. After update(), each stage\n   * starts from its old width, which CSS reads as --from-width.\n   */\n  protected _draw(): Element {\n    const stages = document.createElement('div');\n    stages.className = 'funnel-chart-stages';\n    stages.setAttribute('aria-hidden', 'true');\n    this._plot.style.setProperty('--rows', String(this.labels.length));\n    const was = widths(this._before[0]?.values ?? []);\n    widths(this.series[0].values).forEach((width, i) => {\n      const row = document.createElement('div');\n      if (width !== null) row.append(stage(width, was[i]));\n      stages.append(row);\n    });\n    return stages;\n  }\n}\n"],
+  "mappings": ";;;;;;AAQA,SAAS,OAAO,QAA8C;AAC5D,QAAM,UAAU,OAAO,OAAe,CAAC,KAAK,UAAU,KAAK,IAAI,KAAK,SAAS,CAAC,GAAG,CAAC;AAClF,SAAO,OAAO,IAAI,CAAC,UAAW,QAAS,IAAK,QAAS,UAAW,MAAM,IAAK;AAC7E;AAGA,SAAS,MAAM,OAAe,MAAiC;AAC7D,QAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,OAAK,QAAQ,SAAS;AACtB,OAAK,MAAM,YAAY,WAAW,OAAO,KAAK,CAAC;AAC/C,MAAI,QAAQ,KAAM,MAAK,MAAM,YAAY,gBAAgB,OAAO,IAAI,CAAC;AACrE,SAAO;AACT;AAaO,IAAM,cAAN,cAA0B,UAAU;AAAA,EACzC,IAAc,QAAQ;AACpB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,cAAc;AAC1B,WAAO;AAAA,EACT;AAAA;AAAA,EAGA,IAAc,QAAQ;AACpB,WAAO;AAAA,EACT;AAAA,EAEA,IAAc,UAAU;AACtB,WAAO;AAAA,EACT;AAAA;AAAA,EAKU,QAAQ;AAChB,UAAM,MAAM;AACZ,eAAW,UAAU,KAAK,OAAQ,QAAO,QAAQ;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,OAAO,OAAe;AAC9B,UAAM,SAAS,KAAK,OAAO,CAAC,EAAE;AAC9B,UAAM,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,CAAC,GAAG,OAAO,KAAK,CAAC;AAChD,QAAI,EAAE,QAAS,KAAK,QAAS,GAAI,QAAO;AACxC,WAAO,aAAa,KAAK,IAAI,QAAS,KAAM;AAAA,EAC9C;AAAA;AAAA,EAGU,UAAqB;AAC7B,WAAO,CAAC;AAAA,EACV;AAAA;AAAA;AAAA;AAAA;AAAA,EAMU,QAAiB;AACzB,UAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,WAAO,YAAY;AACnB,WAAO,aAAa,eAAe,MAAM;AACzC,SAAK,MAAM,MAAM,YAAY,UAAU,OAAO,KAAK,OAAO,MAAM,CAAC;AACjE,UAAM,MAAM,OAAO,KAAK,QAAQ,CAAC,GAAG,UAAU,CAAC,CAAC;AAChD,WAAO,KAAK,OAAO,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,OAAO,MAAM;AAClD,YAAM,MAAM,SAAS,cAAc,KAAK;AACxC,UAAI,UAAU,KAAM,KAAI,OAAO,MAAM,OAAO,IAAI,CAAC,CAAC,CAAC;AACnD,aAAO,OAAO,GAAG;AAAA,IACnB,CAAC;AACD,WAAO;AAAA,EACT;AACF;AA3Da,YAkBJ,MAAM;",
+  "names": []
+}