@expressivecss/expressive 0.15.0 → 0.17.0

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

@@ -1,127 +0,0 @@
-import {
-  Component
-} from "./chunk-PD6HYHAE.mjs";
-
-// src/ts/components/navigationRail.ts
-var _defaults = {
-  onOpenStart: null,
-  onOpenEnd: null,
-  onCloseStart: null,
-  onCloseEnd: null
-};
-var COMPACT = "(width < 600px)";
-function deepActiveElement(root) {
-  let active = root.activeElement;
-  while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;
-  return active;
-}
-var NavigationRail = class _NavigationRail extends Component {
-  constructor(el, options) {
-    super(el, options, _NavigationRail);
-    /**
-     * Expands the rail. On compact windows the overlay (scrim) is CSS.
-     */
-    this.expand = () => {
-      if (this.isExpanded) return;
-      if (typeof this.options.onOpenStart === "function") {
-        this.options.onOpenStart.call(this, this.el);
-      }
-      this.isExpanded = true;
-      this.el.classList.add("expanded");
-      this._sync();
-      if (typeof this.options.onOpenEnd === "function") {
-        this.options.onOpenEnd.call(this, this.el);
-      }
-    };
-    /**
-     * Collapses the rail.
-     */
-    this.collapse = () => {
-      if (!this.isExpanded) return;
-      if (typeof this.options.onCloseStart === "function") {
-        this.options.onCloseStart.call(this, this.el);
-      }
-      this.isExpanded = false;
-      this.el.classList.remove("expanded");
-      this._sync();
-      if (typeof this.options.onCloseEnd === "function") {
-        this.options.onCloseEnd.call(this, this.el);
-      }
-    };
-    /**
-     * Toggles expanded / collapsed.
-     */
-    this.toggle = () => {
-      if (this.isExpanded) this.collapse();
-      else this.expand();
-    };
-    this._onClick = (e) => {
-      const target = e.target;
-      if (!(target instanceof Node)) return;
-      if (this._toggle?.contains(target)) {
-        this.toggle();
-        e.preventDefault();
-        return;
-      }
-      if (target === this.el && this.isExpanded && this._isModal()) {
-        this.collapse();
-      }
-    };
-    this._onKeyDown = (e) => {
-      if (e.key !== "Escape" || e.defaultPrevented) return;
-      if (this.isExpanded && this._isModal()) {
-        const root = this.el.getRootNode();
-        const restoreFocus = this.el.contains(root.activeElement);
-        const focused = deepActiveElement(root);
-        this.collapse();
-        if (!this.isExpanded && restoreFocus && deepActiveElement(root) === focused) {
-          this._toggle?.focus();
-        }
-      }
-    };
-    this.el["Expressive_NavigationRail"] = this;
-    this.options = {
-      ..._NavigationRail.defaults,
-      ...options
-    };
-    this._toggle = this._findToggle();
-    this._mql = window.matchMedia(COMPACT);
-    this.isExpanded = this.el.classList.contains("expanded");
-    this._sync();
-    this.el.addEventListener("click", this._onClick);
-    document.addEventListener("keydown", this._onKeyDown);
-  }
-  static get defaults() {
-    return _defaults;
-  }
-  static init(els, options = {}) {
-    return super.init(els, options, _NavigationRail);
-  }
-  static getInstance(el) {
-    return el["Expressive_NavigationRail"];
-  }
-  destroy() {
-    this.el.removeEventListener("click", this._onClick);
-    document.removeEventListener("keydown", this._onKeyDown);
-    this.el["Expressive_NavigationRail"] = void 0;
-  }
-  _findToggle() {
-    const first = this.el.querySelector(":scope > button:not(.button)");
-    return first instanceof HTMLButtonElement ? first : null;
-  }
-  _isCompact() {
-    return this._mql.matches;
-  }
-  _isModal() {
-    return this.el.classList.contains("modal") || this._isCompact();
-  }
-  _sync() {
-    this.el.setAttribute("aria-expanded", this.isExpanded ? "true" : "false");
-    this._toggle?.setAttribute("aria-expanded", this.isExpanded ? "true" : "false");
-  }
-};
-
-export {
-  NavigationRail
-};
-//# sourceMappingURL=chunk-UBRZZWRA.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/components/navigationRail.ts"],
-  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\n\nexport interface NavigationRailOptions extends BaseOptions {\n  /**\n   * Called before the rail expands.\n   */\n  onOpenStart: (el: HTMLElement) => void;\n  /**\n   * Called after the rail expands.\n   */\n  onOpenEnd: (el: HTMLElement) => void;\n  /**\n   * Called before the rail collapses.\n   */\n  onCloseStart: (el: HTMLElement) => void;\n  /**\n   * Called after the rail collapses.\n   */\n  onCloseEnd: (el: HTMLElement) => void;\n}\n\nconst _defaults: NavigationRailOptions = {\n  onOpenStart: null,\n  onOpenEnd: null,\n  onCloseStart: null,\n  onCloseEnd: null\n};\n\nconst COMPACT = '(width < 600px)';\n\n/** The focused element, followed down through open shadow roots. */\nfunction deepActiveElement(root: Document | ShadowRoot): Element | null {\n  let active = root.activeElement;\n  while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;\n  return active;\n}\n\n/**\n * Navigation rail. Layout is CSS (collapsed / .expanded). This class\n * toggles that class from the menu button, closes a compact overlay on\n * Escape or a scrim tap, and keeps aria-expanded in sync.\n */\nexport class NavigationRail extends Component<NavigationRailOptions> {\n  isExpanded: boolean;\n  private _toggle: HTMLButtonElement | null;\n  private _mql: MediaQueryList;\n\n  constructor(el: HTMLElement, options: Partial<NavigationRailOptions>) {\n    super(el, options, NavigationRail);\n    this.el['Expressive_NavigationRail'] = this;\n\n    this.options = {\n      ...NavigationRail.defaults,\n      ...options\n    };\n\n    this._toggle = this._findToggle();\n    this._mql = window.matchMedia(COMPACT);\n    this.isExpanded = this.el.classList.contains('expanded');\n    this._sync();\n    this.el.addEventListener('click', this._onClick);\n    document.addEventListener('keydown', this._onKeyDown);\n  }\n\n  static get defaults(): NavigationRailOptions {\n    return _defaults;\n  }\n\n  static init(el: HTMLElement, options?: Partial<NavigationRailOptions>): NavigationRail;\n  static init(\n    els: InitElements<InitElement>,\n    options?: Partial<NavigationRailOptions>\n  ): NavigationRail[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<NavigationRailOptions> = {}\n  ): NavigationRail | NavigationRail[] {\n    return super.init(els, options, NavigationRail);\n  }\n\n  static getInstance(el: HTMLElement): NavigationRail {\n    return el['Expressive_NavigationRail'];\n  }\n\n  destroy() {\n    this.el.removeEventListener('click', this._onClick);\n    document.removeEventListener('keydown', this._onKeyDown);\n    this.el['Expressive_NavigationRail'] = undefined;\n  }\n\n  /**\n   * Expands the rail. On compact windows the overlay (scrim) is CSS.\n   */\n  expand = () => {\n    if (this.isExpanded) return;\n    if (typeof this.options.onOpenStart === 'function') {\n      this.options.onOpenStart.call(this, this.el);\n    }\n    this.isExpanded = true;\n    this.el.classList.add('expanded');\n    this._sync();\n    if (typeof this.options.onOpenEnd === 'function') {\n      this.options.onOpenEnd.call(this, this.el);\n    }\n  };\n\n  /**\n   * Collapses the rail.\n   */\n  collapse = () => {\n    if (!this.isExpanded) return;\n    if (typeof this.options.onCloseStart === 'function') {\n      this.options.onCloseStart.call(this, this.el);\n    }\n    this.isExpanded = false;\n    this.el.classList.remove('expanded');\n    this._sync();\n    if (typeof this.options.onCloseEnd === 'function') {\n      this.options.onCloseEnd.call(this, this.el);\n    }\n  };\n\n  /**\n   * Toggles expanded / collapsed.\n   */\n  toggle = () => {\n    if (this.isExpanded) this.collapse();\n    else this.expand();\n  };\n\n  private _findToggle(): HTMLButtonElement | null {\n    const first = this.el.querySelector(':scope > button:not(.button)');\n    return first instanceof HTMLButtonElement ? first : null;\n  }\n\n  private _isCompact() {\n    return this._mql.matches;\n  }\n\n  private _isModal() {\n    return this.el.classList.contains('modal') || this._isCompact();\n  }\n\n  private _sync() {\n    this.el.setAttribute('aria-expanded', this.isExpanded ? 'true' : 'false');\n    this._toggle?.setAttribute('aria-expanded', this.isExpanded ? 'true' : 'false');\n  }\n\n  private _onClick = (e: MouseEvent) => {\n    const target = e.target;\n    if (!(target instanceof Node)) return;\n    if (this._toggle?.contains(target)) {\n      this.toggle();\n      e.preventDefault();\n      return;\n    }\n    if (target === this.el && this.isExpanded && this._isModal()) {\n      this.collapse();\n    }\n  };\n\n  private _onKeyDown = (e: KeyboardEvent) => {\n    if (e.key !== 'Escape' || e.defaultPrevented) return;\n    if (this.isExpanded && this._isModal()) {\n      const root = this.el.getRootNode() as Document | ShadowRoot;\n      const restoreFocus = this.el.contains(root.activeElement);\n      const focused = deepActiveElement(root);\n      this.collapse();\n      if (!this.isExpanded && restoreFocus && deepActiveElement(root) === focused) {\n        this._toggle?.focus();\n      }\n    }\n  };\n}\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,287 +0,0 @@
-import {
-  Carousel
-} from "./chunk-KVJAVDBC.mjs";
-import {
-  Utils
-} from "./chunk-M372EDXD.mjs";
-import {
-  Component
-} from "./chunk-PD6HYHAE.mjs";
-
-// src/ts/components/tabs.ts
-var _defaults = {
-  duration: 300,
-  onShow: null,
-  swipeable: false,
-  responsiveThreshold: Infinity
-  // breakpoint for swipeable
-};
-var Tabs = class _Tabs extends Component {
-  constructor(el, options) {
-    var _a;
-    super(el, options, _Tabs);
-    this._originalPanels = /* @__PURE__ */ new Map();
-    this._originalLinks = /* @__PURE__ */ new Map();
-    // Throttled like Carousel's: every bar re-measures on resize, and the left
-    // and right positions are both read before either is written.
-    this._handleWindowResize = Utils.throttle(() => {
-      this._setTabsAndTabWidth();
-      if (this._tabWidth !== 0 && this._tabsWidth !== 0) this._positionIndicator();
-    }, 200);
-    this._handleTabClick = (e) => {
-      const target = e.target;
-      if (!target) return;
-      const tabLink = target.closest("a");
-      if (!tabLink || !Array.from(this._tabLinks).includes(tabLink)) return;
-      const tab = tabLink.parentElement;
-      const disabled = tabLink.classList.contains("disabled") || tabLink.getAttribute("aria-disabled") === "true" || tab?.classList.contains("disabled");
-      if (disabled) {
-        e.preventDefault();
-        return;
-      }
-      if (tabLink.hasAttribute("target")) return;
-      if (this.options.swipeable) {
-        const index = this._tabsCarousel.images.indexOf(this._panelFor(tabLink));
-        if (index >= 0) this._tabsCarousel.set(index);
-        e.preventDefault();
-        return;
-      }
-      const _oldContent = this._content;
-      this._tabLinks = this._queryTabLinks();
-      const prevIndex = this._index;
-      this._setActiveTabLink(tabLink);
-      if (this._content) {
-        this._content.style.display = "block";
-        this._content.classList.add("active");
-        if (typeof this.options.onShow === "function")
-          this.options.onShow.call(this, this._content);
-        if (_oldContent && _oldContent !== this._content) {
-          _oldContent.style.display = "none";
-          _oldContent.classList.remove("active");
-        }
-      }
-      this._setTabsAndTabWidth();
-      this._animateIndicator(prevIndex);
-      e.preventDefault();
-    };
-    this.el["Expressive_Tabs"] = this;
-    this.options = {
-      ..._Tabs.defaults,
-      ...options
-    };
-    this._tabLinks = this._queryTabLinks();
-    if (!this._tabLinks.length) {
-      console.error("Tabs: no tab links (an <a> child, or one inside .tab) to show");
-      return;
-    }
-    this._tabLinks.forEach((link) => {
-      this._originalLinks.set(link, { active: link.classList.contains("active"), current: link.getAttribute("aria-current") });
-      const panel = this._panelFor(link);
-      if (panel) this._originalPanels.set(panel, {
-        display: panel.style.display,
-        priority: panel.style.getPropertyPriority("display"),
-        active: panel.classList.contains("active"),
-        carousel: panel.classList.contains("carousel-item")
-      });
-    });
-    (_a = this.options).swipeable && (_a.swipeable = window.innerWidth <= this.options.responsiveThreshold && this._originalPanels.size > 0);
-    this._index = 0;
-    this._setupActiveTabLink();
-    if (this.options.swipeable) {
-      this._setupSwipeableTabs();
-    } else {
-      this._setupNormalTabs();
-    }
-    this._setTabsAndTabWidth();
-    this._createIndicator();
-    this._setupEventHandlers();
-    document.fonts?.ready.then(() => {
-      if (this.el["Expressive_Tabs"] === this) this._handleWindowResize();
-    });
-  }
-  static get defaults() {
-    return _defaults;
-  }
-  /**
-   * Initializes instances of Tabs.
-   * @param els HTML elements.
-   * @param options Component options.
-   */
-  static init(els, options = {}) {
-    return super.init(els, options, _Tabs);
-  }
-  static getInstance(el) {
-    return el["Expressive_Tabs"];
-  }
-  destroy() {
-    this._removeEventHandlers();
-    this._indicator?.remove();
-    if (this._tabsCarousel) {
-      this._teardownSwipeableTabs();
-    }
-    this._originalPanels.forEach((original, panel) => {
-      panel.style.setProperty("display", original.display, original.priority);
-      panel.classList.toggle("active", original.active);
-      panel.classList.toggle("carousel-item", original.carousel);
-      if (!panel.className) panel.removeAttribute("class");
-    });
-    this._originalLinks.forEach((original, link) => {
-      link.classList.toggle("active", original.active);
-      if (original.current === null) link.removeAttribute("aria-current");
-      else link.setAttribute("aria-current", original.current);
-    });
-    this.el["Expressive_Tabs"] = void 0;
-  }
-  /**
-   * The index of tab that is currently shown.
-   */
-  get index() {
-    return this._index;
-  }
-  _setupEventHandlers() {
-    window.addEventListener("resize", this._handleWindowResize);
-    this.el.addEventListener("click", this._handleTabClick);
-  }
-  _removeEventHandlers() {
-    window.removeEventListener("resize", this._handleWindowResize);
-    this.el.removeEventListener("click", this._handleTabClick);
-  }
-  _queryTabLinks() {
-    return this.el.querySelectorAll(
-      ":scope > a, :scope > .tab > a"
-    );
-  }
-  _createIndicator() {
-    const tag = this.el.tagName === "UL" || this.el.tagName === "OL" ? "li" : "span";
-    const indicator = document.createElement(tag);
-    indicator.classList.add("indicator");
-    this.el.appendChild(indicator);
-    this._indicator = indicator;
-    this._positionIndicator();
-  }
-  /** Reads both positions before writing either. */
-  _positionIndicator() {
-    const left = this._calcLeftPos(this._activeTabLink);
-    const right = this._calcRightPos(this._activeTabLink);
-    this._indicator.style.left = left + "px";
-    this._indicator.style.right = right + "px";
-  }
-  /** The panel a link shows, or null for a `target` link or one without a hash. */
-  _panelFor(a) {
-    if (!a.hash || a.hasAttribute("target")) return null;
-    return document.getElementById(a.hash.slice(1));
-  }
-  /**
-   * Which tab is current, for the eye and for assistive technology.
-   *
-   * The class alone is a colour. `aria-current` is the part a screen reader
-   * reads, and because tabs are navigation rather than a tablist (rule 2 -
-   * there is no keyboard model here to back a tablist), "current" is exactly
-   * the right word for it. Its *value* changes as the user clicks, which makes
-   * maintaining it the component's job, not the author's - see CONTEXT.md on
-   * static semantics versus dynamic state. Writing it once in the markup and
-   * never moving it left the old tab announcing itself as current.
-   */
-  _setActiveTabLink(tabLink) {
-    Array.from(this._tabLinks).forEach((a) => {
-      a.classList.remove("active");
-      a.removeAttribute("aria-current");
-    });
-    this._activeTabLink = tabLink;
-    tabLink.classList.add("active");
-    tabLink.setAttribute("aria-current", "page");
-    this._index = Array.from(this._tabLinks).indexOf(tabLink);
-    this._content = this._panelFor(tabLink);
-  }
-  _setupActiveTabLink() {
-    this._activeTabLink = Array.from(this._tabLinks).find((a) => a.getAttribute("href") === location.hash) ?? this.el.querySelector("a.active") ?? this._tabLinks[0];
-    this._setActiveTabLink(this._activeTabLink);
-    this._originalPanels.forEach((_, panel) => panel.classList.toggle("active", panel === this._content));
-  }
-  _setupSwipeableTabs() {
-    const tabsContent = [];
-    this._tabLinks.forEach((a) => {
-      const currContent = this._panelFor(a);
-      if (!currContent) return;
-      currContent.classList.add("carousel-item");
-      tabsContent.push(currContent);
-    });
-    const tabsWrapper = document.createElement("div");
-    tabsWrapper.classList.add("tabs-content", "carousel", "flat");
-    tabsContent[0].parentElement.insertBefore(tabsWrapper, tabsContent[0]);
-    tabsContent.forEach((tabContent) => {
-      const marker = document.createComment("");
-      tabContent.before(marker);
-      this._originalPanels.get(tabContent).marker = marker;
-      tabsWrapper.appendChild(tabContent);
-      tabContent.style.display = "";
-    });
-    this._tabsCarousel = Carousel.init(tabsWrapper, {
-      fullWidth: true,
-      noWrap: true,
-      duration: this.options.duration,
-      onCycleTo: (item) => {
-        const prevIndex = this._index;
-        this._setActiveTabLink(Array.from(this._tabLinks).find((a) => !a.hasAttribute("target") && a.hash === "#" + item.id));
-        this._setTabsAndTabWidth();
-        this._animateIndicator(prevIndex);
-        if (typeof this.options.onShow === "function")
-          this.options.onShow.call(this, this._content);
-      }
-    });
-  }
-  _teardownSwipeableTabs() {
-    const tabsWrapper = this._tabsCarousel.el;
-    this._tabsCarousel.destroy();
-    this._originalPanels.forEach((original, panel) => original.marker?.replaceWith(panel));
-    tabsWrapper.remove();
-  }
-  _setupNormalTabs() {
-    Array.from(this._tabLinks).forEach((a) => {
-      if (a === this._activeTabLink) return;
-      const currContent = this._panelFor(a);
-      if (currContent) currContent.style.display = "none";
-    });
-  }
-  _setTabsAndTabWidth() {
-    this._tabsWidth = this.el.getBoundingClientRect().width;
-    this._tabWidth = Math.max(this._tabsWidth, this.el.scrollWidth) / this._tabLinks.length;
-  }
-  _calcRightPos(el) {
-    return Math.ceil(this._tabsWidth - el.offsetLeft - el.getBoundingClientRect().width);
-  }
-  _calcLeftPos(el) {
-    return Math.floor(el.offsetLeft);
-  }
-  /**
-   * Recalculate tab indicator position. This is useful when
-   * the indicator position is not correct.
-   */
-  updateTabIndicator() {
-    this._setTabsAndTabWidth();
-    this._animateIndicator(this._index);
-  }
-  _animateIndicator(prevIndex) {
-    let leftDelay = 0, rightDelay = 0;
-    const isMovingLeftOrStaying = this._index - prevIndex >= 0;
-    if (isMovingLeftOrStaying) leftDelay = 90;
-    else rightDelay = 90;
-    this._indicator.style.transition = `
-      left ${this.options.duration}ms ease-out ${leftDelay}ms,
-      right ${this.options.duration}ms ease-out ${rightDelay}ms`;
-    this._positionIndicator();
-  }
-  /**
-   * Show tab content that corresponds to the tab with the id.
-   * @param tabId The id of the tab that you want to switch to.
-   */
-  select(tabId) {
-    const tab = Array.from(this._tabLinks).find((a) => a.getAttribute("href") === "#" + tabId);
-    if (tab) tab.click();
-  }
-};
-
-export {
-  Tabs
-};
-//# sourceMappingURL=chunk-UCOE7ZDL.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/components/tabs.ts"],
-  "sourcesContent": ["import { Carousel } from './carousel';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\nimport { Utils } from '../core/utils';\n\nexport interface TabsOptions extends BaseOptions {\n  /**\n   * Transition duration in milliseconds.\n   * @default 300\n   */\n  duration: number;\n  /**\n   * Callback for when a new tab content is shown.\n   * @default null\n   */\n  onShow: (newContent: Element) => void;\n  /**\n   * Set to true to enable swipeable tabs.\n   * This also uses the responsiveThreshold option.\n   * @default false\n   */\n  swipeable: boolean;\n  /**\n   * The maximum width of the screen, in pixels,\n   * where the swipeable functionality initializes.\n   * @default infinity\n   */\n  responsiveThreshold: number;\n}\n\nconst _defaults: TabsOptions = {\n  duration: 300,\n  onShow: null,\n  swipeable: false,\n  responsiveThreshold: Infinity // breakpoint for swipeable\n};\n\nexport class Tabs extends Component<TabsOptions> {\n  _tabLinks: NodeListOf<HTMLAnchorElement>;\n  _index: number;\n  _indicator: HTMLElement;\n  _tabWidth: number;\n  _tabsWidth: number;\n  _tabsCarousel: Carousel;\n  _activeTabLink: HTMLAnchorElement;\n  _content: HTMLElement;\n  private _originalPanels = new Map<HTMLElement, { display: string; priority: string; active: boolean; carousel: boolean; marker?: Comment }>();\n  private _originalLinks = new Map<HTMLAnchorElement, { active: boolean; current: string | null }>();\n\n  constructor(el: HTMLElement, options: Partial<TabsOptions>) {\n    super(el, options, Tabs);\n    this.el['Expressive_Tabs'] = this;\n\n    this.options = {\n      ...Tabs.defaults,\n      ...options\n    };\n\n    this._tabLinks = this._queryTabLinks();\n    if (!this._tabLinks.length) {\n      console.error('Tabs: no tab links (an <a> child, or one inside .tab) to show');\n      return;\n    }\n    this._tabLinks.forEach(link => {\n      this._originalLinks.set(link, { active: link.classList.contains('active'), current: link.getAttribute('aria-current') });\n      const panel = this._panelFor(link);\n      if (panel) this._originalPanels.set(panel, {\n        display: panel.style.display, priority: panel.style.getPropertyPriority('display'),\n        active: panel.classList.contains('active'), carousel: panel.classList.contains('carousel-item')\n      });\n    });\n    // Swiping needs at least one panel the links resolve to.\n    this.options.swipeable &&= window.innerWidth <= this.options.responsiveThreshold && this._originalPanels.size > 0;\n    this._index = 0;\n    this._setupActiveTabLink();\n    if (this.options.swipeable) {\n      this._setupSwipeableTabs();\n    } else {\n      this._setupNormalTabs();\n    }\n    // Setup tabs indicator after content to ensure accurate widths\n    this._setTabsAndTabWidth();\n    this._createIndicator();\n    this._setupEventHandlers();\n    // Labels measured before a web font arrives have the fallback's width,\n    // and nothing else re-measures them until the window resizes.\n    document.fonts?.ready.then(() => {\n      if (this.el['Expressive_Tabs'] === this) this._handleWindowResize();\n    });\n  }\n\n  static get defaults(): TabsOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Tabs.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<TabsOptions>): Tabs;\n  /**\n   * Initializes instances of Tabs.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<TabsOptions>): Tabs[];\n  /**\n   * Initializes instances of Tabs.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<TabsOptions> = {}\n  ): Tabs | Tabs[] {\n    return super.init(els, options, Tabs);\n  }\n\n  static getInstance(el: HTMLElement): Tabs {\n    return el['Expressive_Tabs'];\n  }\n\n  destroy() {\n    this._removeEventHandlers();\n    this._indicator?.remove();\n    if (this._tabsCarousel) {\n      this._teardownSwipeableTabs();\n    }\n    this._originalPanels.forEach((original, panel) => {\n      panel.style.setProperty('display', original.display, original.priority);\n      panel.classList.toggle('active', original.active);\n      panel.classList.toggle('carousel-item', original.carousel);\n      if (!panel.className) panel.removeAttribute('class');\n    });\n    this._originalLinks.forEach((original, link) => {\n      link.classList.toggle('active', original.active);\n      if (original.current === null) link.removeAttribute('aria-current');\n      else link.setAttribute('aria-current', original.current);\n    });\n    this.el['Expressive_Tabs'] = undefined;\n  }\n\n  /**\n   * The index of tab that is currently shown.\n   */\n  get index() {\n    return this._index;\n  }\n\n  _setupEventHandlers() {\n    window.addEventListener('resize', this._handleWindowResize);\n    this.el.addEventListener('click', this._handleTabClick);\n  }\n\n  _removeEventHandlers() {\n    window.removeEventListener('resize', this._handleWindowResize);\n    this.el.removeEventListener('click', this._handleTabClick);\n  }\n\n  // Throttled like Carousel's: every bar re-measures on resize, and the left\n  // and right positions are both read before either is written.\n  _handleWindowResize = Utils.throttle(() => {\n    this._setTabsAndTabWidth();\n    if (this._tabWidth !== 0 && this._tabsWidth !== 0) this._positionIndicator();\n  }, 200);\n\n  _queryTabLinks() {\n    return this.el.querySelectorAll<HTMLAnchorElement>(\n      ':scope > a, :scope > .tab > a'\n    );\n  }\n\n  _handleTabClick = (e: MouseEvent) => {\n    const target = e.target as Element | null;\n    if (!target) return;\n    const tabLink = target.closest('a');\n    if (!tabLink || !Array.from(this._tabLinks).includes(tabLink)) return;\n\n    const tab = tabLink.parentElement;\n    const disabled =\n      tabLink.classList.contains('disabled') ||\n      tabLink.getAttribute('aria-disabled') === 'true' ||\n      tab?.classList.contains('disabled');\n    if (disabled) {\n      e.preventDefault();\n      return;\n    }\n    // Act as regular link if target attribute is specified.\n    if (tabLink.hasAttribute('target')) return;\n    if (this.options.swipeable) {\n      const index = this._tabsCarousel.images.indexOf(this._panelFor(tabLink));\n      if (index >= 0) this._tabsCarousel.set(index);\n      e.preventDefault();\n      return;\n    }\n    const _oldContent = this._content;\n    this._tabLinks = this._queryTabLinks();\n    // Moves the class and aria-current together, off the old tab and onto this\n    // one - they used to be able to disagree.\n    const prevIndex = this._index;\n    this._setActiveTabLink(tabLink);\n\n    // Swap content\n    if (this._content) {\n      this._content.style.display = 'block';\n      this._content.classList.add('active');\n      if (typeof this.options.onShow === 'function')\n        this.options.onShow.call(this, this._content);\n      if (_oldContent && _oldContent !== this._content) {\n        _oldContent.style.display = 'none';\n        _oldContent.classList.remove('active');\n      }\n    }\n    // Update widths after content is swapped (scrollbar bugfix)\n    this._setTabsAndTabWidth();\n    this._animateIndicator(prevIndex);\n    e.preventDefault();\n  };\n\n  _createIndicator() {\n    const tag = this.el.tagName === 'UL' || this.el.tagName === 'OL' ? 'li' : 'span';\n    const indicator = document.createElement(tag);\n    indicator.classList.add('indicator');\n    this.el.appendChild(indicator);\n    this._indicator = indicator;\n    this._positionIndicator();\n  }\n\n  /** Reads both positions before writing either. */\n  private _positionIndicator() {\n    const left = this._calcLeftPos(this._activeTabLink);\n    const right = this._calcRightPos(this._activeTabLink);\n    this._indicator.style.left = left + 'px';\n    this._indicator.style.right = right + 'px';\n  }\n\n  /** The panel a link shows, or null for a `target` link or one without a hash. */\n  private _panelFor(a: HTMLAnchorElement): HTMLElement | null {\n    if (!a.hash || a.hasAttribute('target')) return null;\n    return document.getElementById(a.hash.slice(1));\n  }\n\n  /**\n   * Which tab is current, for the eye and for assistive technology.\n   *\n   * The class alone is a colour. `aria-current` is the part a screen reader\n   * reads, and because tabs are navigation rather than a tablist (rule 2 -\n   * there is no keyboard model here to back a tablist), \"current\" is exactly\n   * the right word for it. Its *value* changes as the user clicks, which makes\n   * maintaining it the component's job, not the author's - see CONTEXT.md on\n   * static semantics versus dynamic state. Writing it once in the markup and\n   * never moving it left the old tab announcing itself as current.\n   */\n  private _setActiveTabLink(tabLink: HTMLAnchorElement) {\n    Array.from(this._tabLinks).forEach(a => {\n      a.classList.remove('active');\n      a.removeAttribute('aria-current');\n    });\n    this._activeTabLink = tabLink;\n    tabLink.classList.add('active');\n    tabLink.setAttribute('aria-current', 'page');\n    this._index = Array.from(this._tabLinks).indexOf(tabLink);\n    this._content = this._panelFor(tabLink);\n  }\n\n  _setupActiveTabLink() {\n    // If the location.hash matches one of the links, use that as the active tab.\n    // If no match is found, use any with class 'active', then the first link.\n    this._activeTabLink =\n      Array.from(this._tabLinks).find(a => a.getAttribute('href') === location.hash) ??\n      this.el.querySelector<HTMLAnchorElement>('a.active') ??\n      this._tabLinks[0];\n    this._setActiveTabLink(this._activeTabLink);\n\n    this._originalPanels.forEach((_, panel) => panel.classList.toggle('active', panel === this._content));\n  }\n\n  _setupSwipeableTabs() {\n    const tabsContent = [];\n    this._tabLinks.forEach((a) => {\n      const currContent = this._panelFor(a);\n      if (!currContent) return;\n      currContent.classList.add('carousel-item');\n      tabsContent.push(currContent);\n    });\n\n    // Create Carousel-Wrapper around Tab-Contents\n    const tabsWrapper = document.createElement('div');\n    tabsWrapper.classList.add('tabs-content', 'carousel', 'flat');\n\n    // Wrap around\n    tabsContent[0].parentElement.insertBefore(tabsWrapper, tabsContent[0]);\n    tabsContent.forEach((tabContent) => {\n      const marker = document.createComment('');\n      tabContent.before(marker);\n      this._originalPanels.get(tabContent).marker = marker;\n      tabsWrapper.appendChild(tabContent);\n      tabContent.style.display = '';\n    });\n\n    this._tabsCarousel = Carousel.init(tabsWrapper, {\n      fullWidth: true,\n      noWrap: true,\n      duration: this.options.duration,\n      onCycleTo: (item) => {\n        const prevIndex = this._index;\n        this._setActiveTabLink(Array.from(this._tabLinks).find(a => !a.hasAttribute('target') && a.hash === '#' + item.id));\n        this._setTabsAndTabWidth();\n        this._animateIndicator(prevIndex);\n        if (typeof this.options.onShow === 'function')\n          this.options.onShow.call(this, this._content);\n      }\n    });\n  }\n\n  _teardownSwipeableTabs() {\n    const tabsWrapper = this._tabsCarousel.el;\n    this._tabsCarousel.destroy();\n    this._originalPanels.forEach((original, panel) => original.marker?.replaceWith(panel));\n    tabsWrapper.remove();\n  }\n\n  _setupNormalTabs() {\n    // Hide Tabs Content\n    Array.from(this._tabLinks).forEach((a) => {\n      if (a === this._activeTabLink) return;\n      const currContent = this._panelFor(a);\n      if (currContent) currContent.style.display = 'none';\n    });\n  }\n\n  _setTabsAndTabWidth() {\n    this._tabsWidth = this.el.getBoundingClientRect().width;\n    this._tabWidth = Math.max(this._tabsWidth, this.el.scrollWidth) / this._tabLinks.length;\n  }\n\n  _calcRightPos(el) {\n    return Math.ceil(this._tabsWidth - el.offsetLeft - el.getBoundingClientRect().width);\n  }\n\n  _calcLeftPos(el) {\n    return Math.floor(el.offsetLeft);\n  }\n\n  /**\n   * Recalculate tab indicator position. This is useful when\n   * the indicator position is not correct.\n   */\n  updateTabIndicator() {\n    this._setTabsAndTabWidth();\n    this._animateIndicator(this._index);\n  }\n\n  _animateIndicator(prevIndex) {\n    let leftDelay = 0,\n      rightDelay = 0;\n\n    const isMovingLeftOrStaying = this._index - prevIndex >= 0;\n    if (isMovingLeftOrStaying) leftDelay = 90;\n    else rightDelay = 90;\n\n    // in v1: easeOutQuad\n    this._indicator.style.transition = `\n      left ${this.options.duration}ms ease-out ${leftDelay}ms,\n      right ${this.options.duration}ms ease-out ${rightDelay}ms`;\n\n    this._positionIndicator();\n  }\n\n  /**\n   * Show tab content that corresponds to the tab with the id.\n   * @param tabId The id of the tab that you want to switch to.\n   */\n  select(tabId: string) {\n    const tab = Array.from(this._tabLinks).find(a => a.getAttribute('href') === '#' + tabId);\n    if (tab) tab.click();\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/ts/components/commandPalette.ts"],
-  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement, Openable } from '../core/component';\n\nexport interface CommandPaletteOptions extends BaseOptions {\n  /**\n   * Letter that toggles the palette together with Command on Apple platforms\n   * or Ctrl elsewhere. A key event the page has already handled is left\n   * alone. `null` turns the shortcut off. `data-shortcut` on the dialog sets\n   * it; an empty `data-shortcut` turns it off.\n   * @default 'k'\n   */\n  shortcut: string | null;\n  /**\n   * If true, the palette closes after a command runs.\n   * @default true\n   */\n  closeOnRun: boolean;\n}\n\nconst _defaults: CommandPaletteOptions = {\n  shortcut: 'k',\n  closeOnRun: true\n};\n\n// On Apple platforms Ctrl+letter is text editing (Ctrl+K deletes to the end\n// of the line), so only Command opens the palette there.\nconst APPLE = typeof navigator !== 'undefined' && /Mac|iPhone|iPad|iPod/.test(navigator.platform);\n\n/** Case- and accent-insensitive text for matching. */\nconst fold = (text: string) =>\n  text.normalize('NFD').replace(/\\p{Diacritic}/gu, '').toLowerCase();\n\n/**\n * A command palette: a native modal <dialog class=\"command-palette\"> holding\n * a search input and a list of commands. Typing filters the list; the arrow\n * keys move through what is left and Enter runs it, while focus stays in the\n * input. The dialog owns modality, Escape and returning focus.\n *\n * The input is a combobox and the list a listbox of options, with the active\n * option reported through aria-activedescendant. A command is the link or\n * button inside an option; running it clicks that element, so a page wires\n * commands with ordinary hrefs and click handlers.\n */\nexport class CommandPalette extends Component<CommandPaletteOptions> implements Openable {\n  declare el: HTMLDialogElement;\n  /** The search input. */\n  input: HTMLInputElement;\n  /** The list of commands. */\n  list: HTMLElement;\n  private _active: HTMLElement | null = null;\n  private _generatedIds: HTMLElement[] = [];\n  /** Wires and refilters commands the page adds or removes later. */\n  private _observer: MutationObserver | null = null;\n\n  constructor(el: HTMLDialogElement, options: Partial<CommandPaletteOptions>) {\n    super(el, options, CommandPalette);\n    this.el['Expressive_CommandPalette'] = this;\n    const shortcut = el.dataset.shortcut;\n    this.options = {\n      ...CommandPalette.defaults,\n      ...(shortcut !== undefined ? { shortcut: shortcut || null } : {}),\n      ...options\n    };\n    this.input = el.querySelector(':scope > input');\n    this.list = el.querySelector(':scope > :is(ul, ol)');\n    if (!this.input || !this.list) {\n      console.error('CommandPalette needs an <input> and a <ul> as children of the dialog.');\n      return;\n    }\n    this._setupAccessibility();\n    this._filter();\n    // A page adding commands while the user arrows through the list keeps\n    // their place.\n    this._observer = new MutationObserver(() => this._filter(true));\n    // Also refilter when the page hides, shows, disables or enables a command.\n    // Not aria-disabled: _filter writes that itself, which would loop.\n    this._observer.observe(this.list, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['hidden', 'disabled']\n    });\n    this.input.addEventListener('input', this._handleInput);\n    this.input.addEventListener('keydown', this._handleKeydown);\n    this.list.addEventListener('click', this._handleListClick);\n    this.list.addEventListener('pointermove', this._handlePointerMove);\n    this.el.addEventListener('close', this._handleClose);\n    document.addEventListener('keydown', this._handleShortcut);\n  }\n\n  static get defaults(): CommandPaletteOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of CommandPalette.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<CommandPaletteOptions>): CommandPalette;\n  /**\n   * Initializes instances of CommandPalette.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<InitElement>,\n    options?: Partial<CommandPaletteOptions>\n  ): CommandPalette[];\n  /**\n   * Initializes instances of CommandPalette.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<CommandPaletteOptions> = {}\n  ): CommandPalette | CommandPalette[] {\n    return super.init(els, options, CommandPalette);\n  }\n\n  static getInstance(el: HTMLElement): CommandPalette {\n    return el['Expressive_CommandPalette'];\n  }\n\n  /** If the palette is open. */\n  get isOpen() {\n    return this.el.open;\n  }\n\n  /** Opens the palette as a modal dialog with the search input focused. */\n  open = () => {\n    if (!this.el.open) this.el.showModal();\n    this.input?.focus();\n  };\n\n  /** Closes the palette. The dialog returns focus to where it was. */\n  close = () => {\n    if (this.el.open) this.el.close();\n  };\n\n  destroy() {\n    this._observer?.disconnect();\n    document.removeEventListener('keydown', this._handleShortcut);\n    this.el.removeEventListener('close', this._handleClose);\n    if (this.input && this.list) {\n      this.input.removeEventListener('input', this._handleInput);\n      this.input.removeEventListener('keydown', this._handleKeydown);\n      this.list.removeEventListener('click', this._handleListClick);\n      this.list.removeEventListener('pointermove', this._handlePointerMove);\n      for (const name of ['role', 'aria-controls', 'aria-expanded', 'aria-autocomplete', 'aria-activedescendant']) {\n        this.input.removeAttribute(name);\n      }\n      this.list.removeAttribute('role');\n      for (const item of this._items()) {\n        for (const name of ['role', 'aria-selected', 'aria-disabled', 'data-filtered']) item.removeAttribute(name);\n        item.classList.remove('active');\n        this._action(item)?.removeAttribute('tabindex');\n      }\n      for (const label of this._labels()) {\n        label.removeAttribute('role');\n        label.removeAttribute('data-filtered');\n      }\n      for (const el of this._generatedIds) el.removeAttribute('id');\n      const empty = this._empty();\n      if (empty) empty.hidden = false;\n    }\n    this.el['Expressive_CommandPalette'] = undefined;\n  }\n\n  private _items() {\n    return Array.from(this.list.children).filter(\n      (child): child is HTMLElement => child instanceof HTMLElement && !child.classList.contains('label')\n    );\n  }\n\n  private _labels() {\n    return Array.from(this.list.querySelectorAll<HTMLElement>(':scope > .label'));\n  }\n\n  private _empty() {\n    return this.el.querySelector<HTMLElement>(':scope > .command-palette-empty');\n  }\n\n  private _action(item: HTMLElement) {\n    return item.querySelector<HTMLElement>(':scope > :is(a[href], button)');\n  }\n\n  private _ensureId(el: HTMLElement, prefix: string) {\n    if (!el.id) {\n      el.id = `${prefix}-${Utils.guid()}`;\n      this._generatedIds.push(el);\n    }\n    return el.id;\n  }\n\n  private _setupAccessibility() {\n    this.list.setAttribute('role', 'listbox');\n    this.input.setAttribute('role', 'combobox');\n    this.input.setAttribute('aria-controls', this._ensureId(this.list, 'command-palette-list'));\n    this.input.setAttribute('aria-expanded', 'true');\n    this.input.setAttribute('aria-autocomplete', 'list');\n  }\n\n  /** Every command, including ones added since the last pass, is an option. */\n  private _wireItems() {\n    for (const item of this._items()) {\n      if (item.getAttribute('role') === 'option') continue;\n      item.setAttribute('role', 'option');\n      this._ensureId(item, 'command-palette-option');\n      // Focus stays in the input; the commands are reached with the arrows.\n      this._action(item)?.setAttribute('tabindex', '-1');\n    }\n    // A listbox holds only options; a group heading is a visual divider.\n    for (const label of this._labels()) label.setAttribute('role', 'none');\n  }\n\n  /** Commands on screen: neither hidden by the page nor filtered out. */\n  private _shown() {\n    return this._items().filter((item) => !item.hidden && !item.hasAttribute('data-filtered'));\n  }\n\n  /** Shown commands the arrows and Enter can reach: disabled ones are skipped. */\n  private _visible() {\n    return this._shown().filter((item) => item.getAttribute('aria-disabled') !== 'true');\n  }\n\n  /** A disabled link or button cannot run, so its option says so. */\n  private _isDisabled(item: HTMLElement) {\n    const action = this._action(item);\n    return !!action && (action.matches(':disabled') || action.getAttribute('aria-disabled') === 'true');\n  }\n\n  private _setActive(item: HTMLElement | null) {\n    if (this._active === item) return;\n    this._active?.classList.remove('active');\n    this._active?.removeAttribute('aria-selected');\n    this._active = item;\n    if (item) {\n      item.classList.add('active');\n      item.setAttribute('aria-selected', 'true');\n      this.input.setAttribute('aria-activedescendant', item.id);\n      item.scrollIntoView({ block: 'nearest' });\n    } else {\n      this.input.removeAttribute('aria-activedescendant');\n    }\n  }\n\n  /**\n   * Shows the commands matching the query. Filtering marks rows with\n   * data-filtered rather than hidden, so a command the page hides stays\n   * hidden. `keepActive` holds the active command while it is still\n   * reachable, for list changes the user did not make.\n   */\n  private _filter(keepActive = false) {\n    this._wireItems();\n    const terms = fold(this.input.value).split(/\\s+/).filter(Boolean);\n    for (const item of this._items()) {\n      // data-keywords may sit on the row or on its link or button.\n      const keywords = item.dataset.keywords ?? this._action(item)?.dataset.keywords ?? '';\n      const text = fold(`${item.textContent} ${keywords}`);\n      item.toggleAttribute('data-filtered', !terms.every((term) => text.includes(term)));\n      if (this._isDisabled(item)) item.setAttribute('aria-disabled', 'true');\n      else item.removeAttribute('aria-disabled');\n    }\n    // A heading stays only while one of the commands under it does.\n    for (const label of this._labels()) {\n      let next = label.nextElementSibling as HTMLElement | null;\n      let any = false;\n      while (next && !next.classList.contains('label')) {\n        if (!next.hidden && !next.hasAttribute('data-filtered')) any = true;\n        next = next.nextElementSibling as HTMLElement | null;\n      }\n      label.toggleAttribute('data-filtered', !any);\n    }\n    const visible = this._visible();\n    const empty = this._empty();\n    if (empty) empty.hidden = this._shown().length > 0;\n    this._setActive(keepActive && visible.includes(this._active) ? this._active : visible[0] ?? null);\n  }\n\n  private _move(step: number) {\n    const visible = this._visible();\n    if (!visible.length) return;\n    const index = visible.indexOf(this._active);\n    this._setActive(visible[(index + step + visible.length) % visible.length]);\n  }\n\n  /** Runs a command by clicking its link or button; the click handler closes. */\n  private _run(item: HTMLElement) {\n    (this._action(item) ?? item).click();\n  }\n\n  _handleInput = () => this._filter();\n\n  _handleKeydown = (e: KeyboardEvent) => {\n    if (e.key === Utils.keys.ARROW_DOWN || e.key === Utils.keys.ARROW_UP) {\n      e.preventDefault();\n      this._move(e.key === Utils.keys.ARROW_DOWN ? 1 : -1);\n    } else if (e.key === Utils.keys.ENTER && !e.isComposing && e.keyCode !== 229 && this._active) {\n      // keyCode 229 is the Enter that confirms an IME composition in Safari,\n      // which reports isComposing false for it.\n      e.preventDefault();\n      this._run(this._active);\n    }\n  };\n\n  _handleListClick = (e: MouseEvent) => {\n    const item = (<Element>e.target).closest<HTMLElement>('[role=\"option\"]');\n    if (!item || !this.list.contains(item) || item.getAttribute('aria-disabled') === 'true') return;\n    const action = this._action(item);\n    // A click on the row's padding runs its command; that click comes back\n    // through here and closes the palette.\n    if (action && !action.contains(<Node>e.target)) {\n      action.click();\n      return;\n    }\n    if (this.options.closeOnRun) this.close();\n  };\n\n  _handlePointerMove = (e: PointerEvent) => {\n    const item = (<Element>e.target).closest<HTMLElement>('[role=\"option\"]');\n    if (item && this.list.contains(item) && item.getAttribute('aria-disabled') !== 'true') this._setActive(item);\n  };\n\n  /**\n   * Each opening starts from the full list. The close event is queued, so a\n   * palette reopened straight away may already be open again; its new search\n   * is left alone.\n   */\n  _handleClose = () => {\n    if (this.el.open) return;\n    this.input.value = '';\n    this._filter();\n  };\n\n  _handleShortcut = (e: KeyboardEvent) => {\n    const { shortcut } = this.options;\n    if (!shortcut || e.defaultPrevented || e.altKey || e.shiftKey) return;\n    if (!(APPLE ? e.metaKey && !e.ctrlKey : e.ctrlKey && !e.metaKey)) return;\n    // A non-Latin layout reports its own letter in e.key, so fall back to the\n    // physical key there. A Latin layout matches on the letter it types.\n    const letter = shortcut.toLowerCase();\n    const latin = /^[a-z]$/i.test(e.key);\n    const hit = e.key.toLowerCase() === letter ||\n      (!latin && /^[a-z]$/.test(letter) && e.code === `Key${letter.toUpperCase()}`);\n    if (!hit) return;\n    e.preventDefault();\n    if (this.el.open) this.close();\n    else this.open();\n  };\n}\n"],
-  "mappings": "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",
-  "names": []
-}