@expressivecss/expressive 0.9.0 → 0.10.0

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

@@ -0,0 +1,7 @@
+{
+  "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/**\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 && (target === this._toggle || 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') return;\n    if (this.isExpanded && this._isModal()) this.collapse();\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,226 @@
+import {
+  Component
+} from "./chunk-QSQ24FYT.mjs";
+
+// src/ts/components/buttonGroup.ts
+var _defaults = {};
+var VALID_SELECTION_MODES = /* @__PURE__ */ new Set(["single", "multiple"]);
+var PRESSED_CLASS = "button-group-pressed";
+var MAX_ICON_COMPRESSION = 0.15;
+var ButtonGroup = class _ButtonGroup extends Component {
+  constructor(el, options = {}) {
+    super(el, options, _ButtonGroup);
+    this._pressedStyles = /* @__PURE__ */ new Map();
+    this._releaseStyles = /* @__PURE__ */ new Map();
+    this._releaseTimer = null;
+    this._originalPressed = /* @__PURE__ */ new Map();
+    this._activeItem = null;
+    this._handleClick = (event) => {
+      if (!this._selectionMode) return;
+      const item = this._itemFromEvent(event);
+      if (!(item instanceof HTMLButtonElement) || this._isDisabled(item)) return;
+      this._rememberPressed(item);
+      const willSelect = item.getAttribute("aria-pressed") !== "true";
+      const selectedCount = this._toggleItems.filter(
+        (button) => button.getAttribute("aria-pressed") === "true"
+      ).length;
+      if (!willSelect && this.el.hasAttribute("data-selection-required") && selectedCount === 1) {
+        return;
+      }
+      if (this._selectionMode === "single" && willSelect) {
+        this._toggleItems.forEach((button) => {
+          this._rememberPressed(button);
+          button.setAttribute("aria-pressed", "false");
+        });
+      }
+      item.setAttribute("aria-pressed", willSelect ? "true" : "false");
+    };
+    this._handlePointerDown = (event) => {
+      if (event.button !== 0) return;
+      const item = this._itemFromEvent(event);
+      if (item && !this._isDisabled(item)) this._startPress(item);
+    };
+    this._handleKeyDown = (event) => {
+      if (event.repeat || event.key !== " " && event.key !== "Enter") return;
+      const item = this._itemFromEvent(event);
+      if (item && !this._isDisabled(item)) this._startPress(item);
+    };
+    this._handleKeyUp = (event) => {
+      if (event.key === " " || event.key === "Enter") this._resetPress();
+    };
+    this._handleFocusOut = (event) => {
+      if (event.target === this._activeItem) this._resetPress();
+    };
+    this._resetPress = () => {
+      this._activeItem?.classList.remove(PRESSED_CLASS);
+      this._activeItem = null;
+      if (!this._pressedStyles.size) return;
+      this._finishRelease();
+      this._releaseStyles = new Map(this._pressedStyles);
+      for (const [item, style] of this._releaseStyles) {
+        item.style.width = `${style.baseWidth}px`;
+      }
+      this._pressedStyles.clear();
+      this._releaseTimer = window.setTimeout(this._finishRelease, 200);
+    };
+    this._finishRelease = () => {
+      if (this._releaseTimer !== null) window.clearTimeout(this._releaseTimer);
+      this._releaseTimer = null;
+      for (const [item, style] of this._releaseStyles) item.style.width = style.width;
+      this._releaseStyles.clear();
+    };
+    this.el["Expressive_ButtonGroup"] = this;
+    this.options = { ..._ButtonGroup.defaults, ...options };
+    if (this._selectionMode) {
+      this._normalizeSelection();
+      this.el.addEventListener("click", this._handleClick, true);
+    }
+    this.el.addEventListener("pointerdown", this._handlePointerDown);
+    this.el.addEventListener("keydown", this._handleKeyDown);
+    this.el.addEventListener("focusout", this._handleFocusOut);
+    document.addEventListener("pointerup", this._resetPress);
+    document.addEventListener("pointercancel", this._resetPress);
+    document.addEventListener("keyup", this._handleKeyUp);
+    window.addEventListener("blur", this._resetPress);
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  static init(els, options = {}) {
+    return super.init(els, options, _ButtonGroup);
+  }
+  static getInstance(el) {
+    return el["Expressive_ButtonGroup"];
+  }
+  destroy() {
+    this._resetPress();
+    this._finishRelease();
+    this.el.removeEventListener("click", this._handleClick, true);
+    this.el.removeEventListener("pointerdown", this._handlePointerDown);
+    this.el.removeEventListener("keydown", this._handleKeyDown);
+    this.el.removeEventListener("focusout", this._handleFocusOut);
+    document.removeEventListener("pointerup", this._resetPress);
+    document.removeEventListener("pointercancel", this._resetPress);
+    document.removeEventListener("keyup", this._handleKeyUp);
+    window.removeEventListener("blur", this._resetPress);
+    for (const [item, value] of this._originalPressed) {
+      if (value === null) item.removeAttribute("aria-pressed");
+      else item.setAttribute("aria-pressed", value);
+    }
+    this._originalPressed.clear();
+    this.el["Expressive_ButtonGroup"] = void 0;
+  }
+  get _selectionMode() {
+    const mode = this.el.dataset.selection;
+    return VALID_SELECTION_MODES.has(mode) ? mode : null;
+  }
+  get _items() {
+    return Array.from(this.el.children).filter(
+      (child) => child instanceof HTMLButtonElement || child instanceof HTMLAnchorElement && child.classList.contains("button")
+    );
+  }
+  get _toggleItems() {
+    return this._items.filter(
+      (item) => item instanceof HTMLButtonElement
+    );
+  }
+  _normalizeSelection() {
+    const items = this._toggleItems;
+    items.forEach((item) => {
+      this._rememberPressed(item);
+      if (!["true", "false"].includes(item.getAttribute("aria-pressed") || "")) {
+        item.setAttribute("aria-pressed", "false");
+      }
+    });
+    if (this._selectionMode === "single") {
+      const selected = items.filter((item) => item.getAttribute("aria-pressed") === "true");
+      selected.slice(1).forEach((item) => item.setAttribute("aria-pressed", "false"));
+    }
+    if (this.el.hasAttribute("data-selection-required") && !items.some((item) => item.getAttribute("aria-pressed") === "true")) {
+      items.find((item) => !this._isDisabled(item))?.setAttribute("aria-pressed", "true");
+    }
+  }
+  _itemFromEvent(event) {
+    if (!(event.target instanceof Element)) return null;
+    const item = event.target.closest("button, a.button");
+    return item instanceof HTMLElement && item.parentElement === this.el ? item : null;
+  }
+  _isDisabled(item) {
+    return item instanceof HTMLButtonElement && item.disabled || item.getAttribute("aria-disabled") === "true" || item.classList.contains("disabled");
+  }
+  _rememberPressed(item) {
+    if (!this._originalPressed.has(item)) {
+      this._originalPressed.set(item, item.getAttribute("aria-pressed"));
+    }
+  }
+  _startPress(item) {
+    if (this._activeItem) return;
+    this._finishRelease();
+    const items = this._items;
+    const activeIndex = items.indexOf(item);
+    if (activeIndex < 0) return;
+    this._activeItem = item;
+    item.classList.add(PRESSED_CLASS);
+    if (this.el.classList.contains("connected") || items.length < 2) return;
+    const rects = items.map((candidate) => candidate.getBoundingClientRect());
+    const activeWidth = rects[activeIndex].width;
+    if (activeWidth <= 0) return;
+    const parsedMultiplier = Number.parseFloat(
+      getComputedStyle(this.el).getPropertyValue(
+        "--md-comp-button-group-pressed-item-width-multiplier"
+      )
+    );
+    const multiplier = Number.isFinite(parsedMultiplier) ? parsedMultiplier : 0.15;
+    const desiredGrowth = activeWidth * multiplier;
+    const neighborIndexes = [activeIndex - 1, activeIndex + 1].filter(
+      (index) => index >= 0 && index < items.length
+    );
+    const compression = /* @__PURE__ */ new Map();
+    if (neighborIndexes.length === 1) {
+      const index = neighborIndexes[0];
+      compression.set(
+        index,
+        Math.min(desiredGrowth, this._compressionCapacity(items[index], rects[index]))
+      );
+    } else {
+      const half = desiredGrowth / 2;
+      for (const index of neighborIndexes) {
+        compression.set(
+          index,
+          Math.min(half, this._compressionCapacity(items[index], rects[index]))
+        );
+      }
+      let remaining = desiredGrowth - [...compression.values()].reduce((sum, value) => sum + value, 0);
+      for (const index of neighborIndexes) {
+        if (remaining <= 0) break;
+        const capacity = this._compressionCapacity(items[index], rects[index]) - compression.get(index);
+        const extra = Math.min(remaining, capacity);
+        compression.set(index, compression.get(index) + extra);
+        remaining -= extra;
+      }
+    }
+    const actualGrowth = [...compression.values()].reduce((sum, value) => sum + value, 0);
+    if (actualGrowth <= 0) return;
+    items.forEach((candidate, index) => {
+      this._pressedStyles.set(candidate, {
+        width: candidate.style.width,
+        baseWidth: rects[index].width
+      });
+      candidate.style.width = `${rects[index].width}px`;
+    });
+    void this.el.offsetWidth;
+    items.forEach((candidate, index) => {
+      const adjustment = index === activeIndex ? actualGrowth : -(compression.get(index) || 0);
+      candidate.style.width = `${rects[index].width + adjustment}px`;
+    });
+  }
+  _compressionCapacity(item, rect) {
+    const minimumWidth = item.classList.contains("icon-button") ? rect.width * (1 - MAX_ICON_COMPRESSION) : rect.height;
+    return Math.max(0, rect.width - minimumWidth);
+  }
+};
+
+export {
+  ButtonGroup
+};
+//# sourceMappingURL=chunk-XO5WX3TK.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/buttonGroup.ts"],
+  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from \"../core/component\";\n\nexport interface ButtonGroupOptions extends BaseOptions {}\n\ntype SavedItemStyle = {\n  width: string;\n  baseWidth: number;\n};\n\nconst _defaults: ButtonGroupOptions = {};\nconst VALID_SELECTION_MODES = new Set([\"single\", \"multiple\"]);\nconst PRESSED_CLASS = \"button-group-pressed\";\nconst MAX_ICON_COMPRESSION = 0.15;\n\n/**\n * Coordinates Material button-group press geometry and optional toggle state.\n *\n * Standard groups redistribute the pressed item's 15% width growth from its\n * immediate neighbors. `data-selection=\"single|multiple\"` also enables\n * `aria-pressed` state management.\n */\nexport class ButtonGroup extends Component<ButtonGroupOptions> {\n  private _pressedStyles = new Map<HTMLElement, SavedItemStyle>();\n  private _releaseStyles = new Map<HTMLElement, SavedItemStyle>();\n  private _releaseTimer: number | null = null;\n  private _originalPressed = new Map<HTMLButtonElement, string | null>();\n  private _activeItem: HTMLElement | null = null;\n\n  constructor(el: HTMLElement, options: Partial<ButtonGroupOptions> = {}) {\n    super(el, options, ButtonGroup);\n    this.el[\"Expressive_ButtonGroup\"] = this;\n    this.options = { ...ButtonGroup.defaults, ...options };\n\n    if (this._selectionMode) {\n      this._normalizeSelection();\n      this.el.addEventListener(\"click\", this._handleClick, true);\n    }\n    this.el.addEventListener(\"pointerdown\", this._handlePointerDown);\n    this.el.addEventListener(\"keydown\", this._handleKeyDown);\n    this.el.addEventListener(\"focusout\", this._handleFocusOut);\n    document.addEventListener(\"pointerup\", this._resetPress);\n    document.addEventListener(\"pointercancel\", this._resetPress);\n    document.addEventListener(\"keyup\", this._handleKeyUp);\n    window.addEventListener(\"blur\", this._resetPress);\n  }\n\n  static get defaults() {\n    return _defaults;\n  }\n\n  static init(el: HTMLElement, options?: Partial<ButtonGroupOptions>): ButtonGroup;\n  static init(\n    els: InitElements<InitElement>,\n    options?: Partial<ButtonGroupOptions>,\n  ): ButtonGroup[];\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options: Partial<ButtonGroupOptions> = {},\n  ): ButtonGroup | ButtonGroup[] {\n    return super.init(els, options, ButtonGroup);\n  }\n\n  static getInstance(el: HTMLElement): ButtonGroup {\n    return el[\"Expressive_ButtonGroup\"];\n  }\n\n  destroy() {\n    this._resetPress();\n    this._finishRelease();\n    this.el.removeEventListener(\"click\", this._handleClick, true);\n    this.el.removeEventListener(\"pointerdown\", this._handlePointerDown);\n    this.el.removeEventListener(\"keydown\", this._handleKeyDown);\n    this.el.removeEventListener(\"focusout\", this._handleFocusOut);\n    document.removeEventListener(\"pointerup\", this._resetPress);\n    document.removeEventListener(\"pointercancel\", this._resetPress);\n    document.removeEventListener(\"keyup\", this._handleKeyUp);\n    window.removeEventListener(\"blur\", this._resetPress);\n    for (const [item, value] of this._originalPressed) {\n      if (value === null) item.removeAttribute(\"aria-pressed\");\n      else item.setAttribute(\"aria-pressed\", value);\n    }\n    this._originalPressed.clear();\n    this.el[\"Expressive_ButtonGroup\"] = undefined;\n  }\n\n  private get _selectionMode(): \"single\" | \"multiple\" | null {\n    const mode = this.el.dataset.selection;\n    return VALID_SELECTION_MODES.has(mode) ? (mode as \"single\" | \"multiple\") : null;\n  }\n\n  private get _items(): HTMLElement[] {\n    return Array.from(this.el.children).filter(\n      (child): child is HTMLElement =>\n        child instanceof HTMLButtonElement ||\n        (child instanceof HTMLAnchorElement && child.classList.contains(\"button\")),\n    );\n  }\n\n  private get _toggleItems(): HTMLButtonElement[] {\n    return this._items.filter(\n      (item): item is HTMLButtonElement => item instanceof HTMLButtonElement,\n    );\n  }\n\n  private _normalizeSelection() {\n    const items = this._toggleItems;\n    items.forEach((item) => {\n      this._rememberPressed(item);\n      if (![\"true\", \"false\"].includes(item.getAttribute(\"aria-pressed\") || \"\")) {\n        item.setAttribute(\"aria-pressed\", \"false\");\n      }\n    });\n\n    if (this._selectionMode === \"single\") {\n      const selected = items.filter((item) => item.getAttribute(\"aria-pressed\") === \"true\");\n      selected.slice(1).forEach((item) => item.setAttribute(\"aria-pressed\", \"false\"));\n    }\n\n    if (\n      this.el.hasAttribute(\"data-selection-required\") &&\n      !items.some((item) => item.getAttribute(\"aria-pressed\") === \"true\")\n    ) {\n      items.find((item) => !this._isDisabled(item))?.setAttribute(\"aria-pressed\", \"true\");\n    }\n  }\n\n  private _itemFromEvent(event: Event): HTMLElement | null {\n    if (!(event.target instanceof Element)) return null;\n    const item = event.target.closest(\"button, a.button\");\n    return item instanceof HTMLElement && item.parentElement === this.el ? item : null;\n  }\n\n  private _isDisabled(item: HTMLElement): boolean {\n    return (\n      (item instanceof HTMLButtonElement && item.disabled) ||\n      item.getAttribute(\"aria-disabled\") === \"true\" ||\n      item.classList.contains(\"disabled\")\n    );\n  }\n\n  private _handleClick = (event: MouseEvent) => {\n    if (!this._selectionMode) return;\n    const item = this._itemFromEvent(event);\n    if (!(item instanceof HTMLButtonElement) || this._isDisabled(item)) return;\n    this._rememberPressed(item);\n\n    const willSelect = item.getAttribute(\"aria-pressed\") !== \"true\";\n    const selectedCount = this._toggleItems.filter(\n      (button) => button.getAttribute(\"aria-pressed\") === \"true\",\n    ).length;\n    if (\n      !willSelect &&\n      this.el.hasAttribute(\"data-selection-required\") &&\n      selectedCount === 1\n    ) {\n      return;\n    }\n    if (this._selectionMode === \"single\" && willSelect) {\n      this._toggleItems.forEach((button) => {\n        this._rememberPressed(button);\n        button.setAttribute(\"aria-pressed\", \"false\");\n      });\n    }\n    item.setAttribute(\"aria-pressed\", willSelect ? \"true\" : \"false\");\n  };\n\n  private _rememberPressed(item: HTMLButtonElement) {\n    if (!this._originalPressed.has(item)) {\n      this._originalPressed.set(item, item.getAttribute(\"aria-pressed\"));\n    }\n  }\n\n  private _handlePointerDown = (event: PointerEvent) => {\n    if (event.button !== 0) return;\n    const item = this._itemFromEvent(event);\n    if (item && !this._isDisabled(item)) this._startPress(item);\n  };\n\n  private _handleKeyDown = (event: KeyboardEvent) => {\n    if (event.repeat || (event.key !== \" \" && event.key !== \"Enter\")) return;\n    const item = this._itemFromEvent(event);\n    if (item && !this._isDisabled(item)) this._startPress(item);\n  };\n\n  private _handleKeyUp = (event: KeyboardEvent) => {\n    if (event.key === \" \" || event.key === \"Enter\") this._resetPress();\n  };\n\n  private _handleFocusOut = (event: FocusEvent) => {\n    if (event.target === this._activeItem) this._resetPress();\n  };\n\n  private _startPress(item: HTMLElement) {\n    if (this._activeItem) return;\n    this._finishRelease();\n\n    const items = this._items;\n    const activeIndex = items.indexOf(item);\n    if (activeIndex < 0) return;\n\n    this._activeItem = item;\n    item.classList.add(PRESSED_CLASS);\n    if (this.el.classList.contains(\"connected\") || items.length < 2) return;\n\n    const rects = items.map((candidate) => candidate.getBoundingClientRect());\n    const activeWidth = rects[activeIndex].width;\n    if (activeWidth <= 0) return;\n\n    const parsedMultiplier = Number.parseFloat(\n      getComputedStyle(this.el).getPropertyValue(\n        \"--md-comp-button-group-pressed-item-width-multiplier\",\n      ),\n    );\n    const multiplier = Number.isFinite(parsedMultiplier) ? parsedMultiplier : 0.15;\n    const desiredGrowth = activeWidth * multiplier;\n    const neighborIndexes = [activeIndex - 1, activeIndex + 1].filter(\n      (index) => index >= 0 && index < items.length,\n    );\n    const compression = new Map<number, number>();\n\n    if (neighborIndexes.length === 1) {\n      const index = neighborIndexes[0];\n      compression.set(\n        index,\n        Math.min(desiredGrowth, this._compressionCapacity(items[index], rects[index])),\n      );\n    } else {\n      const half = desiredGrowth / 2;\n      for (const index of neighborIndexes) {\n        compression.set(\n          index,\n          Math.min(half, this._compressionCapacity(items[index], rects[index])),\n        );\n      }\n      let remaining = desiredGrowth - [...compression.values()].reduce((sum, value) => sum + value, 0);\n      for (const index of neighborIndexes) {\n        if (remaining <= 0) break;\n        const capacity =\n          this._compressionCapacity(items[index], rects[index]) - compression.get(index);\n        const extra = Math.min(remaining, capacity);\n        compression.set(index, compression.get(index) + extra);\n        remaining -= extra;\n      }\n    }\n\n    const actualGrowth = [...compression.values()].reduce((sum, value) => sum + value, 0);\n    if (actualGrowth <= 0) return;\n\n    items.forEach((candidate, index) => {\n      this._pressedStyles.set(candidate, {\n        width: candidate.style.width,\n        baseWidth: rects[index].width,\n      });\n      candidate.style.width = `${rects[index].width}px`;\n    });\n    void this.el.offsetWidth;\n    items.forEach((candidate, index) => {\n      const adjustment =\n        index === activeIndex ? actualGrowth : -(compression.get(index) || 0);\n      candidate.style.width = `${rects[index].width + adjustment}px`;\n    });\n  }\n\n  private _compressionCapacity(item: HTMLElement, rect: DOMRect): number {\n    const minimumWidth = item.classList.contains(\"icon-button\")\n      ? rect.width * (1 - MAX_ICON_COMPRESSION)\n      : rect.height;\n    return Math.max(0, rect.width - minimumWidth);\n  }\n\n  private _resetPress = () => {\n    this._activeItem?.classList.remove(PRESSED_CLASS);\n    this._activeItem = null;\n    if (!this._pressedStyles.size) return;\n    this._finishRelease();\n    this._releaseStyles = new Map(this._pressedStyles);\n    for (const [item, style] of this._releaseStyles) {\n      item.style.width = `${style.baseWidth}px`;\n    }\n    this._pressedStyles.clear();\n    this._releaseTimer = window.setTimeout(this._finishRelease, 200);\n  };\n\n  private _finishRelease = () => {\n    if (this._releaseTimer !== null) window.clearTimeout(this._releaseTimer);\n    this._releaseTimer = null;\n    for (const [item, style] of this._releaseStyles) item.style.width = style.width;\n    this._releaseStyles.clear();\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,286 @@
+import {
+  Carousel
+} from "./chunk-AOGFNMXS.mjs";
+import {
+  Component
+} from "./chunk-QSQ24FYT.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();
+    this._handleWindowResize = () => {
+      this._setTabsAndTabWidth();
+      if (this._tabWidth !== 0 && this._tabsWidth !== 0) {
+        this._indicator.style.left = this._calcLeftPos(this._activeTabLink) + "px";
+        this._indicator.style.right = this._calcRightPos(this._activeTabLink) + "px";
+      }
+    };
+    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 panel = tabLink.hash && document.querySelector(tabLink.hash);
+        const index = this._tabsCarousel.images.indexOf(panel);
+        if (index >= 0) this._tabsCarousel.set(index);
+        e.preventDefault();
+        return;
+      }
+      const _oldContent = this._content;
+      if (tabLink.hash) this._content = document.querySelector(tabLink.hash);
+      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();
+    this._tabLinks.forEach((link) => {
+      this._originalLinks.set(link, { active: link.classList.contains("active"), current: link.getAttribute("aria-current") });
+      if (link.hasAttribute("target")) return;
+      const panel = link.hash && document.querySelector(link.hash);
+      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._index = 0;
+    this._setupActiveTabLink();
+    if (this.options.swipeable) {
+      this._setupSwipeableTabs();
+    } else {
+      this._setupNormalTabs();
+    }
+    this._setTabsAndTabWidth();
+    this._createIndicator();
+    this._setupEventHandlers();
+  }
+  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.options.swipeable) {
+      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._indicator.style.left = this._calcLeftPos(this._activeTabLink) + "px";
+    this._indicator.style.right = this._calcRightPos(this._activeTabLink) + "px";
+  }
+  /**
+   * 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 = tabLink.hasAttribute("target") ? null : document.getElementById(tabLink.hash.slice(1));
+  }
+  _setupActiveTabLink() {
+    this._activeTabLink = Array.from(this._tabLinks).find(
+      (a) => a.getAttribute("href") === location.hash
+    );
+    if (!this._activeTabLink) {
+      let activeTabLink = this.el.querySelector("a.active");
+      if (!activeTabLink) {
+        activeTabLink = this._tabLinks[0];
+      }
+      this._activeTabLink = activeTabLink;
+    }
+    this._setActiveTabLink(this._activeTabLink);
+    this._originalPanels.forEach((_, panel) => panel.classList.toggle("active", panel === this._content));
+  }
+  _setupSwipeableTabs() {
+    const tabsContent = [];
+    this._tabLinks.forEach((a) => {
+      if (a.hash && !a.hasAttribute("target")) {
+        const currContent = document.querySelector(a.hash);
+        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 || a.hasAttribute("target")) return;
+      if (a.hash) {
+        const currContent = document.querySelector(a.hash);
+        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._indicator.style.left = this._calcLeftPos(this._activeTabLink) + "px";
+    this._indicator.style.right = this._calcRightPos(this._activeTabLink) + "px";
+  }
+  /**
+   * 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-YFXEJ7GR.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/tabs.ts"],
+  "sourcesContent": ["import { Carousel } from './carousel';\nimport { Component, BaseOptions, InitElements, InitElement } from '../core/component';\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    this._tabLinks.forEach(link => {\n      this._originalLinks.set(link, { active: link.classList.contains('active'), current: link.getAttribute('aria-current') });\n      if (link.hasAttribute('target')) return;\n      const panel = link.hash && document.querySelector<HTMLElement>(link.hash);\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    this.options.swipeable &&= window.innerWidth <= this.options.responsiveThreshold;\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  }\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.options.swipeable) {\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  _handleWindowResize = () => {\n    this._setTabsAndTabWidth();\n    if (this._tabWidth !== 0 && this._tabsWidth !== 0) {\n      this._indicator.style.left = this._calcLeftPos(this._activeTabLink) + 'px';\n      this._indicator.style.right = this._calcRightPos(this._activeTabLink) + 'px';\n    }\n  };\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') as HTMLAnchorElement | null;\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 panel = tabLink.hash && document.querySelector(tabLink.hash);\n      const index = this._tabsCarousel.images.indexOf(panel as HTMLElement);\n      if (index >= 0) this._tabsCarousel.set(index);\n      e.preventDefault();\n      return;\n    }\n    const _oldContent = this._content;\n    // Update the variables with the new link and content\n    if (tabLink.hash) this._content = document.querySelector(tabLink.hash);\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._indicator.style.left = this._calcLeftPos(this._activeTabLink) + 'px';\n    this._indicator.style.right = this._calcRightPos(this._activeTabLink) + 'px';\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: HTMLAnchorElement) => {\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 = tabLink.hasAttribute('target') ? null : document.getElementById(tabLink.hash.slice(1));\n  }\n\n  _setupActiveTabLink() {\n    // If the location.hash matches one of the links, use that as the active tab.\n    this._activeTabLink = Array.from(this._tabLinks).find(\n      (a: HTMLAnchorElement) => a.getAttribute('href') === location.hash\n    );\n    // If no match is found, use the first link or any with class 'active' as the initial active tab.\n    if (!this._activeTabLink) {\n      let activeTabLink = this.el.querySelector('a.active');\n      if (!activeTabLink) {\n        activeTabLink = this._tabLinks[0];\n      }\n      this._activeTabLink = activeTabLink as HTMLAnchorElement;\n    }\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      if (a.hash && !a.hasAttribute('target')) {\n        const currContent = document.querySelector(a.hash);\n        if (!currContent) return;\n        currContent.classList.add('carousel-item');\n        tabsContent.push(currContent);\n      }\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 || a.hasAttribute('target')) return;\n      if ((<HTMLAnchorElement>a).hash) {\n        const currContent = document.querySelector((<HTMLAnchorElement>a).hash);\n        if (currContent) (<HTMLElement>currContent).style.display = 'none';\n      }\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._indicator.style.left = this._calcLeftPos(this._activeTabLink) + 'px';\n    this._indicator.style.right = this._calcRightPos(this._activeTabLink) + 'px';\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(\n      (a: HTMLAnchorElement) => a.getAttribute('href') === '#' + tabId\n    );\n    if (tab) (<HTMLAnchorElement>tab).click();\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}